查询统计国际化

ruoyi-ui/src/views/search/ViewStockoutHistory/index.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="出库单号" prop="stockoutId">
+      <el-form-item :label="$t('searchViewStockoutHistory.stockoutId')" prop="stockoutId"> <!-- 出库单号 -->
         <el-input
           v-model="queryParams.stockoutId"
-          placeholder="请输入出库单号"
+          :placeholder="$t('searchViewStockoutHistory.inputStockoutId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="出库类型" prop="outType">
-        <el-select v-model="queryParams.outType" placeholder="请选择出库类型" clearable>
+      <el-form-item :label="$t('searchViewStockoutHistory.outType')" prop="outType"> <!-- 出库类型 -->
+        <el-select v-model="queryParams.outType" :placeholder="$t('searchViewStockoutHistory.selectOutType')" clearable>
           <el-option
             v-for="dict in dict.type.out_bill_type"
             :key="dict.value"
@@ -19,24 +19,24 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="创建日期" prop="createDate">
+      <el-form-item :label="$t('searchViewStockoutHistory.createDate')" prop="createDate"> <!-- 创建日期 -->
         <el-date-picker clearable
           v-model="queryParams.createDate"
           type="date"
           value-format="yyyy-MM-dd"
-          placeholder="请选择创建日期">
+          :placeholder="$t('searchViewStockoutHistory.selectCreateDate')">
         </el-date-picker>
       </el-form-item>
-<!--      <el-form-item label="创建人ID" prop="createManId">-->
+<!--      <el-form-item :label="$t('searchViewStockoutHistory.createManId')" prop="createManId">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.createManId"-->
-<!--          placeholder="请输入创建人ID"-->
+<!--          :placeholder="$t('searchViewStockoutHistory.inputCreateManId')"-->
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
-      <el-form-item label="出库状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择出库状态" clearable>
+      <el-form-item :label="$t('searchViewStockoutHistory.status')" prop="status"> <!-- 出库状态 -->
+        <el-select v-model="queryParams.status" :placeholder="$t('searchViewStockoutHistory.selectStatus')" clearable>
           <el-option
             v-for="dict in dict.type.out_bill_status"
             :key="dict.value"
@@ -45,114 +45,114 @@
           />
         </el-select>
       </el-form-item>
-<!--      <el-form-item label="出库来源" prop="stockoutSource">-->
+<!--      <el-form-item :label="$t('searchViewStockoutHistory.stockoutSource')" prop="stockoutSource">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.stockoutSource"-->
-<!--          placeholder="请输入出库来源"-->
+<!--          :placeholder="$t('searchViewStockoutHistory.inputStockoutSource')"-->
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
-      <el-form-item label="出口类型" prop="exitId">
+      <el-form-item :label="$t('searchViewStockoutHistory.exitId')" prop="exitId"> <!-- 出口类型 -->
         <el-input
           v-model="queryParams.exitId"
-          placeholder="请输入出口类型"
+          :placeholder="$t('searchViewStockoutHistory.inputExitId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-<!--      <el-form-item label="出库子单ID" prop="stockoutDetailId">-->
+<!--      <el-form-item :label="$t('searchViewStockoutHistory.stockoutDetailId')" prop="stockoutDetailId">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.stockoutDetailId"-->
-<!--          placeholder="请输入出库子单ID"-->
+<!--          :placeholder="$t('searchViewStockoutHistory.inputStockoutDetailId')"-->
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
-      <el-form-item label="产品ID" prop="productId">
+      <el-form-item :label="$t('searchViewStockoutHistory.productId')" prop="productId"> <!-- 产品ID -->
         <el-input
           v-model="queryParams.productId"
-          placeholder="请输入产品ID"
+          :placeholder="$t('searchViewStockoutHistory.inputProductId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="产品名称" prop="productName">
+      <el-form-item :label="$t('searchViewStockoutHistory.productName')" prop="productName"> <!-- 产品名称 -->
         <el-input
           v-model="queryParams.productName"
-          placeholder="请输入产品名称"
+          :placeholder="$t('searchViewStockoutHistory.inputProductName')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="批次号" prop="lotNo">
+      <el-form-item :label="$t('searchViewStockoutHistory.lotNo')" prop="lotNo"> <!-- 批次号 -->
         <el-input
           v-model="queryParams.lotNo"
-          placeholder="请输入批次号"
+          :placeholder="$t('searchViewStockoutHistory.inputLotNo')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="出库数量" prop="quantity">
+      <el-form-item :label="$t('searchViewStockoutHistory.quantity')" prop="quantity"> <!-- 出库数量 -->
         <el-input
           v-model="queryParams.quantity"
-          placeholder="请输入出库数量"
+          :placeholder="$t('searchViewStockoutHistory.inputQuantity')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-<!--      <el-form-item label="分配数量" prop="allotQuantity">-->
+<!--      <el-form-item :label="$t('searchViewStockoutHistory.allotQuantity')" prop="allotQuantity">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.allotQuantity"-->
-<!--          placeholder="请输入分配数量"-->
+<!--          :placeholder="$t('searchViewStockoutHistory.inputAllotQuantity')"-->
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
-<!--      <el-form-item label="分配编号" prop="assignNum">-->
+<!--      <el-form-item :label="$t('searchViewStockoutHistory.assignNum')" prop="assignNum">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.assignNum"-->
-<!--          placeholder="请输入分配编号"-->
+<!--          :placeholder="$t('searchViewStockoutHistory.inputAssignNum')"-->
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
-      <el-form-item label="ERP出库单ID" prop="erpStockoutId" style="white-space: nowrap">
+      <el-form-item :label="$t('searchViewStockoutHistory.erpStockoutId')" prop="erpStockoutId" style="white-space: nowrap"> <!-- ERP出库单ID -->
         <el-input
           v-model="queryParams.erpStockoutId"
-          placeholder="请输入ERP出库单ID"
+          :placeholder="$t('searchViewStockoutHistory.inputErpStockoutId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="客户编号" prop="entryid">
+      <el-form-item :label="$t('searchViewStockoutHistory.entryid')" prop="entryid"> <!-- 客户编号 -->
         <el-input
           v-model="queryParams.entryid"
-          placeholder="请输入客户编号"
+          :placeholder="$t('searchViewStockoutHistory.inputEntryid')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="客户名称" prop="customerName">
+      <el-form-item :label="$t('searchViewStockoutHistory.customerName')" prop="customerName"> <!-- 客户名称 -->
         <el-input
           v-model="queryParams.customerName"
-          placeholder="请输入客户名称"
+          :placeholder="$t('searchViewStockoutHistory.inputCustomerName')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="规格" prop="spec">
+      <el-form-item :label="$t('searchViewStockoutHistory.spec')" prop="spec"> <!-- 规格 -->
         <el-input
           v-model="queryParams.spec"
-          placeholder="请输入规格"
+          :placeholder="$t('searchViewStockoutHistory.inputSpec')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="品牌" prop="cargoNo">
+      <el-form-item :label="$t('searchViewStockoutHistory.brand')" prop="cargoNo"> <!-- 品牌 -->
         <el-input
           v-model="queryParams.cargoNo"
-          placeholder="请输入品牌"
+          :placeholder="$t('searchViewStockoutHistory.inputBrand')"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -166,8 +166,8 @@
 <!--        />-->
 <!--      </el-form-item>-->
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{$t('searchViewStockoutHistory.search')}} <!-- 搜索 --></el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{$t('searchViewStockoutHistory.reset')}} <!-- 重置 --></el-button>
       </el-form-item>
     </el-form>
 
@@ -212,45 +212,45 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['search:ViewStockoutHistory:export']"
-        >导出</el-button>
+        >{{$t('searchViewStockoutHistory.export')}} <!-- 导出 --></el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="ViewStockoutHistoryList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="出库单号" align="center" prop="stockoutId" />
-      <el-table-column label="出库类型" align="center" prop="outType">
+      <el-table-column label="出库单号" align="center" prop="stockoutId" :label="$t('searchViewStockoutHistory.stockoutId')" /> <!-- 出库单号 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.outType')" align="center" prop="outType"> <!-- 出库类型 -->
         <template slot-scope="scope">
           <dict-tag :options="dict.type.out_bill_type" :value="scope.row.outType"/>
         </template>
       </el-table-column>
-      <el-table-column label="创建日期" align="center" prop="createDate" width="180">
+      <el-table-column :label="$t('searchViewStockoutHistory.createDate')" align="center" prop="createDate" width="180"> <!-- 创建日期 -->
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="创建人ID" align="center" prop="createManId" />
-      <el-table-column label="出库状态" align="center" prop="status">
+      <el-table-column :label="$t('searchViewStockoutHistory.createManId')" align="center" prop="createManId" /> <!-- 创建人ID -->
+      <el-table-column :label="$t('searchViewStockoutHistory.status')" align="center" prop="status"> <!-- 出库状态 -->
         <template slot-scope="scope">
           <dict-tag :options="dict.type.out_bill_status" :value="scope.row.status"/>
         </template>
       </el-table-column>
-      <el-table-column label="出库来源" align="center" prop="stockoutSource" />
-      <el-table-column label="出口类型" align="center" prop="exitId" />
-      <el-table-column label="出库明细ID" align="center" prop="stockoutDetailId" />
-      <el-table-column label="产品ID" align="center" prop="productId" />
-      <el-table-column label="产品名称" align="center" prop="productName" />
-      <el-table-column label="批次号" align="center" prop="lotNo" />
-      <el-table-column label="出库数量" align="center" prop="quantity" />
-      <el-table-column label="分配数量" align="center" prop="allotQuantity" />
-      <el-table-column label="分配编号" align="center" prop="assignNum" />
-      <el-table-column label="ERP出库单ID" align="center" prop="erpStockoutId" />
-      <el-table-column label="客户编号" align="center" prop="entryid" />
-      <el-table-column label="客户名称" align="center" prop="customerName" />
-      <el-table-column label="规格" align="center" prop="spec" />
-      <el-table-column label="品牌" align="center" prop="cargoNo" />
-      <el-table-column label="单位" align="center" prop="unit" />
+      <el-table-column :label="$t('searchViewStockoutHistory.stockoutSource')" align="center" prop="stockoutSource" /> <!-- 出库来源 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.exitId')" align="center" prop="exitId" /> <!-- 出口类型 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.stockoutDetailId')" align="center" prop="stockoutDetailId" /> <!-- 出库明细ID -->
+      <el-table-column :label="$t('searchViewStockoutHistory.productId')" align="center" prop="productId" /> <!-- 产品ID -->
+      <el-table-column :label="$t('searchViewStockoutHistory.productName')" align="center" prop="productName" /> <!-- 产品名称 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.lotNo')" align="center" prop="lotNo" /> <!-- 批次号 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.quantity')" align="center" prop="quantity" /> <!-- 出库数量 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.allotQuantity')" align="center" prop="allotQuantity" /> <!-- 分配数量 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.assignNum')" align="center" prop="assignNum" /> <!-- 分配编号 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.erpStockoutId')" align="center" prop="erpStockoutId" /> <!-- ERP出库单ID -->
+      <el-table-column :label="$t('searchViewStockoutHistory.entryid')" align="center" prop="entryid" /> <!-- 客户编号 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.customerName')" align="center" prop="customerName" /> <!-- 客户名称 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.spec')" align="center" prop="spec" /> <!-- 规格 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.brand')" align="center" prop="cargoNo" /> <!-- 品牌 -->
+      <el-table-column :label="$t('searchViewStockoutHistory.unit')" align="center" prop="unit" /> <!-- 单位 -->
 <!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
 <!--        <template slot-scope="scope">-->
 <!--          <el-button-->
@@ -282,11 +282,11 @@
     <!-- 添加或修改出库单据历史对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="出库单号" prop="stockoutId">
-          <el-input v-model="form.stockoutId" placeholder="请输入出库单号" />
+        <el-form-item :label="$t('searchViewStockoutHistory.stockoutId')" prop="stockoutId"> <!-- 出库单号 -->
+          <el-input v-model="form.stockoutId" :placeholder="$t('searchViewStockoutHistory.inputStockoutId')" />
         </el-form-item>
-        <el-form-item label="出库类型" prop="outType">
-          <el-select v-model="form.outType" placeholder="请选择出库类型">
+        <el-form-item :label="$t('searchViewStockoutHistory.outType')" prop="outType"> <!-- 出库类型 -->
+          <el-select v-model="form.outType" :placeholder="$t('searchViewStockoutHistory.selectOutType')">
             <el-option
               v-for="dict in dict.type.out_bill_type"
               :key="dict.value"
@@ -295,19 +295,19 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="创建日期" prop="createDate">
+        <el-form-item :label="$t('searchViewStockoutHistory.createDate')" prop="createDate"> <!-- 创建日期 -->
           <el-date-picker clearable
             v-model="form.createDate"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="请选择创建日期">
+            :placeholder="$t('searchViewStockoutHistory.selectCreateDate')">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="创建人ID" prop="createManId">
-          <el-input v-model="form.createManId" placeholder="请输入创建人ID" />
+        <el-form-item :label="$t('searchViewStockoutHistory.createManId')" prop="createManId"> <!-- 创建人ID -->
+          <el-input v-model="form.createManId" :placeholder="$t('searchViewStockoutHistory.inputCreateManId')" />
         </el-form-item>
-        <el-form-item label="出库状态" prop="status">
-          <el-select v-model="form.status" placeholder="请选择出库状态">
+        <el-form-item :label="$t('searchViewStockoutHistory.status')" prop="status"> <!-- 出库状态 -->
+          <el-select v-model="form.status" :placeholder="$t('searchViewStockoutHistory.selectStatus')">
             <el-option
               v-for="dict in dict.type.out_bill_status"
               :key="dict.value"
@@ -316,55 +316,55 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="出库来源" prop="stockoutSource">
-          <el-input v-model="form.stockoutSource" placeholder="请输入出库来源" />
+        <el-form-item :label="$t('searchViewStockoutHistory.stockoutSource')" prop="stockoutSource"> <!-- 出库来源 -->
+          <el-input v-model="form.stockoutSource" :placeholder="$t('searchViewStockoutHistory.inputStockoutSource')" />
         </el-form-item>
-        <el-form-item label="出口类型" prop="exitId">
-          <el-input v-model="form.exitId" placeholder="请输入出口类型" />
+        <el-form-item :label="$t('searchViewStockoutHistory.exitId')" prop="exitId"> <!-- 出口类型 -->
+          <el-input v-model="form.exitId" :placeholder="$t('searchViewStockoutHistory.inputExitId')" />
         </el-form-item>
-        <el-form-item label="出库明细ID" prop="stockoutDetailId">
-          <el-input v-model="form.stockoutDetailId" placeholder="请输入出库明细ID" />
+        <el-form-item :label="$t('searchViewStockoutHistory.stockoutDetailId')" prop="stockoutDetailId"> <!-- 出库明细ID -->
+          <el-input v-model="form.stockoutDetailId" :placeholder="$t('searchViewStockoutHistory.inputStockoutDetailId')" />
         </el-form-item>
-        <el-form-item label="产品ID" prop="productId">
-          <el-input v-model="form.productId" placeholder="请输入产品ID" />
+        <el-form-item :label="$t('searchViewStockoutHistory.productId')" prop="productId"> <!-- 产品ID -->
+          <el-input v-model="form.productId" :placeholder="$t('searchViewStockoutHistory.inputProductId')" />
         </el-form-item>
-        <el-form-item label="产品名称" prop="productName">
-          <el-input v-model="form.productName" placeholder="请输入产品名称" />
+        <el-form-item :label="$t('searchViewStockoutHistory.productName')" prop="productName"> <!-- 产品名称 -->
+          <el-input v-model="form.productName" :placeholder="$t('searchViewStockoutHistory.inputProductName')" />
         </el-form-item>
-        <el-form-item label="批次号" prop="lotNo">
-          <el-input v-model="form.lotNo" placeholder="请输入批次号" />
+        <el-form-item :label="$t('searchViewStockoutHistory.lotNo')" prop="lotNo"> <!-- 批次号 -->
+          <el-input v-model="form.lotNo" :placeholder="$t('searchViewStockoutHistory.inputLotNo')" />
         </el-form-item>
-        <el-form-item label="出库数量" prop="quantity">
-          <el-input v-model="form.quantity" placeholder="请输入出库数量" />
+        <el-form-item :label="$t('searchViewStockoutHistory.quantity')" prop="quantity"> <!-- 出库数量 -->
+          <el-input v-model="form.quantity" :placeholder="$t('searchViewStockoutHistory.inputQuantity')" />
         </el-form-item>
-        <el-form-item label="分配数量" prop="allotQuantity">
-          <el-input v-model="form.allotQuantity" placeholder="请输入分配数量" />
+        <el-form-item :label="$t('searchViewStockoutHistory.allotQuantity')" prop="allotQuantity"> <!-- 分配数量 -->
+          <el-input v-model="form.allotQuantity" :placeholder="$t('searchViewStockoutHistory.inputAllotQuantity')" />
         </el-form-item>
-        <el-form-item label="分配编号" prop="assignNum">
-          <el-input v-model="form.assignNum" placeholder="请输入分配编号" />
+        <el-form-item :label="$t('searchViewStockoutHistory.assignNum')" prop="assignNum"> <!-- 分配编号 -->
+          <el-input v-model="form.assignNum" :placeholder="$t('searchViewStockoutHistory.inputAssignNum')" />
         </el-form-item>
-        <el-form-item label="ERP出库单ID" prop="erpStockoutId">
-          <el-input v-model="form.erpStockoutId" placeholder="请输入ERP出库单ID" />
+        <el-form-item :label="$t('searchViewStockoutHistory.erpStockoutId')" prop="erpStockoutId"> <!-- ERP出库单ID -->
+          <el-input v-model="form.erpStockoutId" :placeholder="$t('searchViewStockoutHistory.inputErpStockoutId')" />
         </el-form-item>
-        <el-form-item label="客户编号" prop="entryid">
-          <el-input v-model="form.entryid" placeholder="请输入客户编号" />
+        <el-form-item :label="$t('searchViewStockoutHistory.entryid')" prop="entryid"> <!-- 客户编号 -->
+          <el-input v-model="form.entryid" :placeholder="$t('searchViewStockoutHistory.inputEntryid')" />
         </el-form-item>
-        <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="form.customerName" placeholder="请输入客户名称" />
+        <el-form-item :label="$t('searchViewStockoutHistory.customerName')" prop="customerName"> <!-- 客户名称 -->
+          <el-input v-model="form.customerName" :placeholder="$t('searchViewStockoutHistory.inputCustomerName')" />
         </el-form-item>
-        <el-form-item label="规格" prop="spec">
-          <el-input v-model="form.spec" placeholder="请输入规格" />
+        <el-form-item :label="$t('searchViewStockoutHistory.spec')" prop="spec"> <!-- 规格 -->
+          <el-input v-model="form.spec" :placeholder="$t('searchViewStockoutHistory.inputSpec')" />
         </el-form-item>
-        <el-form-item label="品牌" prop="cargoNo">
-          <el-input v-model="form.cargoNo" placeholder="请输入品牌" />
+        <el-form-item :label="$t('searchViewStockoutHistory.brand')" prop="cargoNo"> <!-- 品牌 -->
+          <el-input v-model="form.cargoNo" :placeholder="$t('searchViewStockoutHistory.inputBrand')" />
         </el-form-item>
-        <el-form-item label="单位" prop="unit">
-          <el-input v-model="form.unit" placeholder="请输入单位" />
+        <el-form-item :label="$t('searchViewStockoutHistory.unit')" prop="unit"> <!-- 单位 -->
+          <el-input v-model="form.unit" :placeholder="$t('searchViewStockoutHistory.inputUnit')" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">{{$t('searchViewStockoutHistory.confirm')}} <!-- 确定 --></el-button>
+        <el-button @click="cancel">{{$t('searchViewStockoutHistory.cancel')}} <!-- 取消 --></el-button>
       </div>
     </el-dialog>
   </div>