添加loading效果

src/pages/index/components/appointment_rules.vue

@@ -39,7 +39,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1"  v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -127,7 +127,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -157,7 +157,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -208,6 +208,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       carParkingNameOptions: [],
       activeName: '预约规则',
       columns1: [
@@ -400,20 +403,24 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api.yytcListByPage({current: pageNum1, size: pageSize1, ...this.formInline1, endTime: this.formInline1.endTime ? this.formInline1.endTime.substring(0, 10) + " 23:59:59" : ''}).then(res => {
         this.tableData1 = (res.data.records || [])
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api.orderListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
@@ -421,9 +428,11 @@ export default {
     },
     getTableData3() {
       const {pageNum3, pageSize3} = this
+      this.loading3 = true
       api.refundListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/basic_configuration.vue

@@ -5,7 +5,7 @@
         <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
           <el-row>
             <el-col :span="8">
-              <el-form-item label="配置名称:: ">
+              <el-form-item label="配置名称:">
                 <el-input v-model="formInline1.configName" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
@@ -19,7 +19,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -77,7 +77,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -140,7 +140,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -180,7 +180,7 @@
                 <el-input v-model="formLabelAlign3.deviceState"></el-input>
               </el-form-item>
               <el-form-item label="停车场">
-                <el-select filterable v-model="formLabelAlign3.parkName" filterable placeholder="请选择">
+                <el-select filterable v-model="formLabelAlign3.parkName" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in carParkingNameOptions"
                     :key="index"
@@ -208,6 +208,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '系统配置',
       columns1: [
         {
@@ -462,30 +465,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryBasicConfigurationSystemByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryBasicConfigurationLaneByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryBasicConfigurationDeviceByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/berth_list.vue

@@ -24,7 +24,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -48,6 +48,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         parkName: '',
         berthCode: ''
@@ -97,10 +98,12 @@ export default {
       this.getTableData()
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
         this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
         this.total = res.data.total
+        this.loading = false
       })
     },
   }

src/pages/index/components/business_record.vue

@@ -35,7 +35,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -129,7 +129,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -230,7 +230,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -311,6 +311,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       paymentMethodOptions: options.paymentMethodOptions,
       activeName: '停车记录查询',
       columns1: [
@@ -708,30 +711,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryBusinessRecordInoutByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryBusinessRecordPaymentByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryBusinessRecordArrearsByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/defaulting_subscrlber.vue

@@ -30,7 +30,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" :loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -56,6 +56,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         memberId: '',
         parkName: '',
@@ -123,10 +124,12 @@ export default {
       this.getTableData()
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api_l.optDefaultingSubscrlberPage({}).then(res => {
         this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
         this.total = res.data.total
+        this.loading = false
       })
     },
     //车场

src/pages/index/components/exception_handing.vue

@@ -30,7 +30,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" :loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -363,6 +363,10 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
+      loading4: false,
       activeName: '抬杆记录',
       columns1: [
         {

src/pages/index/components/inspection_management.vue

@@ -11,7 +11,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -127,7 +127,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -188,7 +188,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -210,6 +210,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '稽查配置',
       columns1: [
         {
@@ -436,30 +439,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryInspectionEvidenceByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryInspectionManagementByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryInspectionManagementByPage1({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/lead_system.vue

@@ -32,7 +32,7 @@
 <!--        </el-form>-->
         <h4>停车场数量和分布</h4>
         <br>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -44,21 +44,21 @@
         <br>
         <h4>停车位利用率</h4>
         <br>
-        <el-table :data="tableData2" height="300px">
+        <el-table :data="tableData2" height="300px" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
         <br>
         <h4>停车时长分布</h4>
         <br>
-        <el-table :data="tableData3" height="300px">
+        <el-table :data="tableData3" height="300px" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
         <br>
         <h4>停车场运营效率</h4>
         <br>
-        <el-table :data="tableData4" height="300px">
+        <el-table :data="tableData4" height="300px" v-loading="loading4">
           <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -83,7 +83,7 @@
 <!--            </el-col>-->
 <!--          </el-row>-->
 <!--        </el-form>-->
-        <el-table :data="tableData5" >
+        <el-table :data="tableData5" v-loading="loading5">
           <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -139,6 +139,11 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
+      loading4: false,
+      loading5: false,
       activeName: '停车业务分析',
       columns1: [
         {
@@ -276,28 +281,38 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       api.leadSystem1().then(res => {
         this.tableData1 = (res.data || [])
+        this.loading1 = false
       })
     },
     getTableData2() {
+      this.loading2 = true
       api.leadSystem2().then(res => {
         this.tableData2 = res.data || []
+        this.loading2 = false
       })
     },
     getTableData3() {
+      this.loading3 = true
       api.leadSystem3().then(res => {
         this.tableData3 = res.data || []
+        this.loading3 = false
       })
     },
     getTableData4() {
+      this.loading4 = true
       api.leadSystem4().then(res => {
         this.tableData4 = res.data || []
+        this.loading4 = false
       })
     },
     getTableData5() {
+      this.loading5 = true
       api.leadSystem5().then(res => {
         this.tableData5 = res.data || []
+        this.loading5 = false
       })
     },
     handlePageChange3() {

src/pages/index/components/message_management.vue

@@ -33,7 +33,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -84,7 +84,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -147,7 +147,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData4">
+        <el-table :data="tableData4" v-loading="loading4">
           <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -198,6 +198,9 @@ export default {
   components: {},
   data() {
     return {
+      loading2: false,
+      loading3: false,
+      loading4: false,
       activeName: '配置消息',
       formLabelAlign: {
         id: '',
@@ -439,30 +442,36 @@ export default {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_l.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_l.optMessageManagementDevicePage({current: pageNum3, size: pageSize3}).then(res => {
         this.tableData3 = res.data.records
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
     handlePageChange4() {
       this.getTableData4()
     },
     getTableData4() {
+      this.loading4 = true
       const {pageNum4, pageSize4} = this
       api_l.optMessageManagementVehiclePage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
         this.tableData4 = res.data.records
         this.total4 = res.data.total
+        this.loading4 = false
       })
     },
   }

src/pages/index/components/pakking_lot.vue

@@ -25,7 +25,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -111,7 +111,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -187,7 +187,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -270,7 +270,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData4">
+        <el-table :data="tableData4" v-loading="loading4">
           <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -353,7 +353,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData5">
+        <el-table :data="tableData5" v-loading="loading5">
           <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -436,6 +436,11 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
+      loading4: false,
+      loading5: false,
       fileList: [],
       activeName: '停车场管理',
       columns1: [
@@ -908,50 +913,60 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryParkingLotByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryParkingChargingByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryParkingArrearByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
     handlePageChange4() {
       this.getTableData4()
     },
     getTableData4() {
+      this.loading4 = true
       const {pageNum4, pageSize4} = this
       api_z.queryParkingCarByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
         this.tableData4 = res.data.records || []
         this.total4 = res.data.total
+        this.loading4 = false
       })
     },
     handlePageChange5() {
       this.getTableData5()
     },
     getTableData5() {
+      this.loading5 = true
       const {pageNum5, pageSize5} = this
       api_z.queryBazyByPage({current: pageNum5, size: pageSize5, ...this.formInline5}).then(res => {
         this.tableData5 = res.data.records || []
         this.total5 = res.data.total
+        this.loading5 = false
       })
     },
 

src/pages/index/components/parking_card.vue

@@ -19,7 +19,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -94,7 +94,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -142,7 +142,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -163,6 +163,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '规则配置',
       columns1: [
         {
@@ -360,30 +363,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api.tckListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api.tckOrderListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api.tckTjxxListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/parking_correction.vue

@@ -37,7 +37,7 @@
         </el-col>
       </el-row>
     </el-form>
-    <el-table :data="tableData">
+    <el-table :data="tableData" v-loading="loading">
       <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
       <el-table-column
@@ -83,6 +83,7 @@ export default {
   components: {},
   data() {
     return {
+      loading: false,
       columns1: [
         {
           label: '停车场名称',
@@ -131,6 +132,7 @@ export default {
       this.getTableData()
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       let params = {...this.formInline}
       if (
@@ -145,6 +147,7 @@ export default {
       api.tcjc({current: pageNum, size: pageSize, ...params}).then(res => {
         this.tableData = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
         this.total = res.data.total
+        this.loading = false
       })
     },
 

src/pages/index/components/parking_order.vue

@@ -35,7 +35,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -65,7 +65,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -95,7 +95,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData4">
+        <el-table :data="tableData4" v-loading="loading4">
           <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -117,6 +117,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading4: false,
       activeName: '支付订单查询',
       columns1: [
         {
@@ -254,30 +257,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryParkingOrderByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryParkingOrderArrearsByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange4() {
-      this.getTableData3()
+      this.getTableData4()
     },
     getTableData4() {
+      this.loading4= true
       const {pageNum4, pageSize4} = this
       api.orderListByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
         this.tableData4 = res.data.records || []
         this.total4 = res.data.total
+        this.loading4 = false
       })
     }
   }

src/pages/index/components/parking_outside_operation.vue

@@ -30,7 +30,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -121,7 +121,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -207,7 +207,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -294,7 +294,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData4">
+        <el-table :data="tableData4" v-loading="loading4">
           <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -380,7 +380,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData5">
+        <el-table :data="tableData5" v-loading="loading5">
           <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -458,6 +458,11 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
+      loading4: false,
+      loading5: false,
       activeName: '出入管理',
       columns1: [
         {
@@ -625,7 +630,7 @@ export default {
           key: 'parkName'
         },
       ],
-      tableData5: [{tollmanName: 'sasa1111'}],
+      tableData5: [],
       total5: 0,
       pageSize5: 10,
       pageNum5: 1,
@@ -910,50 +915,60 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryParkingOutsideOperationInoutByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryParkingOutsideOperationParkingrecordByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryParkingOutsideOperationInrecordByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
     handlePageChange4() {
       this.getTableData4()
     },
     getTableData4() {
+      this.loading4 = true
       const {pageNum4, pageSize4} = this
       api_z.queryParkingOutsideOperationSpecialByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
         this.tableData4 = res.data.records || []
         this.total4 = res.data.total
+        this.loading4 = false
       })
     },
     handlePageChange5() {
       this.getTableData5()
     },
     getTableData5() {
+      this.loading5 = true
       const {pageNum5, pageSize5} = this
       api_z.queryParkingOutsideOperationLiftByPage({current: pageNum5, size: pageSize5, ...this.formInline5}).then(res => {
         this.tableData5 = res.data.records || []
         this.total5 = res.data.total
+        this.loading5 = false
       })
     },
   }

src/pages/index/components/parking_unpeak.vue

@@ -19,7 +19,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -110,7 +110,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -144,7 +144,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -165,6 +165,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '规则配置',
       columns1: [
         {
@@ -352,30 +355,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api.cftcListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api.cftcOrderListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/pay_configuration.vue

@@ -38,7 +38,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -104,6 +104,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       carParkingNameOptions: [],
       formInline: {
         merchantId: '',
@@ -174,10 +175,12 @@ export default {
       this.dialogVisible = true
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api.yypzListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
         this.tableData = (res.data.records || [])
         this.total = res.data.total
+        this.loading = false
       })
     },
     deleteRow(record) {

src/pages/index/components/payment_merchant.vue

@@ -32,7 +32,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -91,6 +91,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         merchantId: '',
         merchantName: '',
@@ -153,10 +154,12 @@ export default {
       this.dialogVisible = true
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api.zfshListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
         this.tableData = (res.data.records || [])
         this.total = res.data.total
+        this.loading = false
       })
     },
     handleConfirm() {

src/pages/index/components/performance_assess.vue

@@ -6,7 +6,13 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="收费员: ">
-                <el-input v-model="formInline1.tollCollector" placeholder="请输入"></el-input>
+                <el-select filterable clearable v-model="formInline1.rollmanId" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in peopleOptions"
+                    :key="index"
+                    :label="item.tollmanName"
+                    :value="item.id" />
+                </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -16,7 +22,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" :loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -31,7 +37,7 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="稽查员姓名: ">
-                <el-select filterable clearable v-model="formInline2.id" placeholder="请选择">
+                <el-select filterable clearable v-model="formInline2.inspectionmanId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in peopleOptions"
                     :key="index"
@@ -47,12 +53,12 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
+          <el-pagination layout="prev, pager, next" :total="total2" @current-change="handlePageChange2"
                          :current-page.sync="pageNum2" :page-size.sync="pageSize2">
           </el-pagination>
         </div>
@@ -62,7 +68,7 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="收费员: ">
-                <el-select filterable clearable v-model="formInline3.id" placeholder="请选择">
+                <el-select filterable clearable v-model="formInline3.rollmanId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in peopleOptions"
                     :key="index"
@@ -73,7 +79,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="稽查员: ">
-                <el-select filterable clearable v-model="formInline3.id2" placeholder="请选择">
+                <el-select filterable clearable v-model="formInline3.inspectionmanId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in peopleOptions"
                     :key="index"
@@ -89,7 +95,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -111,6 +117,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '收费员工作统计',
       columns1: [
         {
@@ -144,7 +153,7 @@ export default {
       pageSize1: 10,
       pageNum1: 1,
       formInline1: {
-        tollCollector: ''
+        rollmanId: ''
       },
       columns2: [
         {
@@ -165,13 +174,7 @@ export default {
       pageSize2: 10,
       pageNum2: 1,
       formInline2: {
-        inspector: '',
-        inspectionmanId:'',
-        rollmanId:'',
-        inspectionManName:'',
-        inspectionCount:'',
-        perMinutes:'',
-        tollmanName:'',
+        inspectionmanId: ''
       },
       columns3: [
         {
@@ -192,10 +195,8 @@ export default {
       pageSize3: 10,
       pageNum3: 1,
       formInline3: {
-        tollCollector: '',
-        inspector:'',
-        id:'',
-        id2:''
+        rollmanId: '',
+        inspectionmanId: ''
       },
     }
   },
@@ -209,33 +210,27 @@ export default {
   },
   methods: {
     onSubmit1() {
-      this.pageNum1 = 1
-      api_l.optPerformanceassesspage({rollmanId: this.formInline1.tollCollector}).then(res => {
-        this.tableData1 = res.data.records
-      })
+      this.pageNum1 = 1;
+      this.getTableData1()
     },
     onSubmit2() {
-      const {pageNum2, pageSize2} = this
-      api_l.optPerformanceAssessStat1page({inspectionmanId:this.formInline2.id}).then(res => {
-        this.tableData2 = res.data.records
-        this.total2 = res.data.total
-      })
+      this.pageNum2 = 1;
+      this.getTableData2()
     },
     onSubmit3() {
-      const {pageNum3, pageSize3} = this
-      api_l.optPerformanceAssessStat2page({inspectionmanId:this.formInline3.id,rollmanId:this.formInline3.id2}).then(res => {
-        this.tableData3 = res.data.records
-        this.total3 = res.data.total
-      })
+      this.pageNum3 = 1;
+      this.getTableData3()
     },
     handlePageChange1() {
-      this.getTableData1()
+      this.getTableData3()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
-      api_l.optPerformanceassesspage({}).then(res => {
+      api_l.optPerformanceassesspage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     //人员
@@ -249,7 +244,7 @@ export default {
     },
     getTableData2() {
       const {pageNum2, pageSize2} = this
-      api_l.optPerformanceAssessStat1page({}).then(res => {
+      api_l.optPerformanceAssessStat1page({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records
         this.total2 = res.data.total
       })
@@ -259,7 +254,7 @@ export default {
     },
     getTableData3() {
       const {pageNum3, pageSize3} = this
-      api_l.optPerformanceAssessStat2page({}).then(res => {
+      api_l.optPerformanceAssessStat2page({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records
         this.total3 = res.data.total
       })

src/pages/index/components/personnel_management.vue

@@ -6,7 +6,7 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="车场名称: ">
-                <el-select filterable clearable filterable v-model="formInline1.parkId" placeholder="请选择">
+                <el-select clearable filterable v-model="formInline1.parkId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in carParkingNameOptions"
                     :key="index"
@@ -25,7 +25,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -119,7 +119,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -180,6 +180,8 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
       activeName: '交接班报表',
       columns1: [
         {
@@ -288,8 +290,11 @@ export default {
   watch: {},
   methods: {
     onSubmit1() {
+      this.loading1 = true
       api_l.optPersonnelManagementShiftPage({parkId: this.formInline1.parkId}).then(res => {
         this.tableData1 = res.data.records
+        this.total1 = res.data.total
+        this.loading1 = false
       })
       },
     handleAdd() {
@@ -328,8 +333,11 @@ export default {
       }
     },
     onSubmit2() {
+      this.loading2 = true
       api_l.optPersonnelManagementBasicDetail({tollmanName: this.formInline2.tollCollectorName}).then(res => {
         this.tableData2 = res.data.records
+        this.total2 = res.data.total
+        this.loading2 = false
       })
 
     },

src/pages/index/components/platform_merchant.vue

@@ -27,7 +27,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -89,6 +89,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         merchantName: '',
         paymentMerchantName: '',
@@ -155,10 +156,12 @@ export default {
       this.dialogVisible = true
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api.ptshpzListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
         this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
         this.total = res.data.total
+        this.loading = false
       })
     },
     deleteRow(record) {

src/pages/index/components/product_order.vue

@@ -16,7 +16,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -46,7 +46,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -76,7 +76,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -98,6 +98,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       activeName: '停车卡订单查询',
       columns1: [
         {
@@ -236,30 +239,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryProductOrderParkingByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryProductOrderUnpeakByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api.orderListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
   }

src/pages/index/components/product_order_search.vue

@@ -19,7 +19,7 @@
         </el-col>
       </el-row>
     </el-form>
-    <el-table :data="tableData1">
+    <el-table :data="tableData1" v-loading="loading">
       <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
     </el-table>
@@ -38,6 +38,7 @@ export default {
   components: {},
   data() {
     return {
+      loading: false,
       columns1: [
         {
           label: '订单编号',
@@ -78,10 +79,12 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading = true
       const {pageNum1, pageSize1} = this
       api.queryProductOrderSearchByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading = false
       })
     },
 

src/pages/index/components/service_configuration.vue

@@ -26,7 +26,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -99,7 +99,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -172,7 +172,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData3">
+        <el-table :data="tableData3" v-loading="loading3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -306,6 +306,9 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
+      loading3: false,
       districtOptions: options.districtOptions,
       areaCodeMap: dictionary.areaCodeMap,
       activeName: '业务参数配置',
@@ -668,30 +671,36 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryServiceConfigurationConfigByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryServiceConfigurationHolidayByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
     getTableData3() {
+      this.loading3 = true
       const {pageNum3, pageSize3} = this
       api_z.queryServiceConfigurationDistrictByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
         this.tableData3 = res.data.records || []
         this.total3 = res.data.total
+        this.loading3 = false
       })
     },
     handlePageChange4() {

src/pages/index/components/task_audit.vue

@@ -21,7 +21,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -86,7 +86,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -143,6 +143,8 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
       activeName: '电话追缴',
       columns1: [
         {
@@ -252,20 +254,24 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryTaskAuditPhoneByPage({current: pageNum1, size: pageSize1, ...this.formInline1, auditStatus: '未审核'}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryTaskAuditSmsByPage({current: pageNum2, size: pageSize2, ...this.formInline2, auditStatus: '未审核'}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
   }

src/pages/index/components/task_recovery.vue

@@ -22,7 +22,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData1">
+        <el-table :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -114,7 +114,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="tableData2">
+        <el-table :data="tableData2" v-loading="loading2">
           <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
           <el-table-column
@@ -196,6 +196,8 @@ export default {
   components: {},
   data() {
     return {
+      loading1: false,
+      loading2: false,
       carParkingNameOptions: [],
       activeName: '电话追缴',
       columns1: [
@@ -420,20 +422,24 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
+      this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryTaskRecoveryPhoneByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
         this.tableData1 = res.data.records || []
         this.total1 = res.data.total
+        this.loading1 = false
       })
     },
     handlePageChange2() {
       this.getTableData2()
     },
     getTableData2() {
+      this.loading2 = true
       const {pageNum2, pageSize2} = this
       api_z.queryTaskRecoverySmsByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
         this.tableData2 = res.data.records || []
         this.total2 = res.data.total
+        this.loading2 = false
       })
     },
   }

src/pages/index/components/task_report.vue

@@ -28,7 +28,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -53,6 +53,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         plateNo: '',
         recoveryType: '',
@@ -102,10 +103,12 @@ export default {
       this.getTableData()
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api_z.queryTaskReportByPage({current: pageNum, size: pageSize, ...this.formInline, auditStatus: '通过'}).then(res => {
         this.tableData = res.data.records || []
         this.total = res.data.total
+        this.loading = false
       })
     },
   }

src/pages/index/components/telephone_management.vue

@@ -33,7 +33,7 @@
           </el-row>
         </el-form>
         <br>
-        <el-table :data="tableData">
+        <el-table :data="tableData" v-loading="loading">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
@@ -57,6 +57,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       formInline: {
         plateNo: '',
         phoneNo: '',
@@ -99,10 +100,12 @@ export default {
       this.getTableData()
     },
     getTableData() {
+      this.loading = true
       const {pageNum, pageSize} = this
       api_z.queryTelephoneManagementByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
         this.tableData = res.data.records || []
         this.total = res.data.total
+        this.loading = false
       })
     },
   }