刘璐珈

src/views/PurchasingCenter/SupplierManagement/index.vue

@@ -73,7 +73,7 @@
 
     <el-card>
       <div style="display: inline-block;margin-bottom: 5px">供应商列表</div>
-      <el-table :data="List" stripe highlight-current-row border style="width: 100%;max-height: 600px;" height="500" size="mini" @row-click="rowClick">
+      <el-table v-loading="loading" :data="List" stripe highlight-current-row border style="width: 100%;max-height: 600px;" height="500" size="mini" @row-click="rowClick">
         <el-table-column label="供应商名称" align="center" fixed="left" min-width="250">
           <template slot-scope="scope">
             {{ scope.row.供应商名称 }}
@@ -155,7 +155,7 @@
     <el-card>
       <div style="display: inline-block;margin-bottom: 20px;width:90%">供应商联系人列表</div>
       <el-button type="warning" size="small" icon="el-icon-circle-plus-outline" plain style="margin-bottom:10px;float:right" @click="handleAdd2()">新增联系人</el-button>
-      <el-table :data="List1" border stripe size="mini">
+      <el-table v-loading="loading2" :data="List1" border stripe size="mini">
         <el-table-column label="姓名" align="center">
           <template slot-scope="scope">
             {{ scope.row.姓名 }}
@@ -344,6 +344,8 @@ import { searchData, addTable, editTable, deleteData, getName, addPerson, editPe
 export default {
   data() {
     return {
+      loading: false,
+      loading2: false,
       mainProduction: '', // 主要产品
       form1: {},
       supplierName: '',
@@ -431,9 +433,11 @@ export default {
       this.fax ? this.check11 = 1 : this.check11 = 0
       this.deliveryPeriod ? this.check12 = 1 : this.check12 = 0
       this.mainProduction ? check1 = 1 : check1 = 0
+      this.loading = true
       searchData(this.check1, this.supplierName, this.check2, this.businessNature, this.check3, this.creationDate, this.check4, this.registeredCapital, this.check5, this.taxNumber, this.check6, this.bank, this.check7, this.account, this.check8, this.email, this.check9, this.address, this.check10, this.telephone, this.check11, this.fax, this.check12, this.deliveryPeriod, this.pageCurrent, this.pageSize, check1, this.mainProduction).then(response => {
         this.List = response.data.rows
         this.total = response.data.total
+        this.loading = false
       })
     },
     handleAdd() {
@@ -551,8 +555,10 @@ export default {
     rowClick(row) {
       this.List1 = []
       this.form2.供应商流水号 = row.供应商流水号
+      this.loading2 = true
       getName(this.form2.供应商流水号).then(response => {
         this.List1 = response.data
+        this.loading2 = false
       })
     },
     handleAdd2() {