Browse Source

前:交费查询loading

dubch 5 years ago
parent
commit
8c1b28a3dd

+ 4 - 1
src/dashoo.cn/frontend_web/src/pages/oilsupplier/paymentselect/index.vue

@@ -39,7 +39,7 @@
       </div>
       <el-tabs v-model="activeName" type="border-card">
         <el-tab-pane label="交费明细表" name="first">
-          <el-table :data="entityList" size="mini" stripe highlight-current-row height="calc(100vh - 300px)" border style="width: 100%" @sort-change="orderby">
+          <el-table :data="entityList" size="mini" v-loading="loading" stripe highlight-current-row height="calc(100vh - 300px)" border style="width: 100%" @sort-change="orderby">
 
             <el-table-column sortable width="110" align="center" show-overflow-tooltip prop="AccessCardNo" label="准入编码"></el-table-column>
             <el-table-column sortable width="150" align="center" show-overflow-tooltip prop="SupplierName" label="企业名称"></el-table-column>
@@ -139,6 +139,7 @@
     data () {
       return {
         dialogVisible: false,
+        loading: false,
         // 列表数据
         entityList: [],
         entitySumList: [],
@@ -181,6 +182,7 @@
     },
     methods: {
       initDatas () {
+        this.loading = true
         // 分页及列表条件
         let params = {
           _currentPage: this.currentPage,
@@ -203,6 +205,7 @@
         api.getList(myCreateOn.join(','), params, this.$axios).then(res => {
           this.entityList = res.data.items
           this.currentItemCount = res.data.currentItemCount
+          this.loading = false
         }).catch(err => {
           console.error(err)
         })