1

src/components/LeaderManagement/AlipayManagement.vue

@@ -102,6 +102,7 @@
          <th>{{$t('fnc.cjshijian')}}</th>
         <th width="130">{{$t('hotel.table_operat')}}</th>
       </tr>
+      <template v-if="DataList&&DataList.length">
           <tr v-for="(item,index) in DataList">
             <td>{{item.TCNUM}}（{{item.TCID}}）</td>
             <td>{{item.InstitutionName}}</td>
@@ -127,6 +128,13 @@
               </el-row>
             </td>
           </tr>
+    </template>
+      <template v-else>
+        <tr  style="text-align:center;" >
+        <td colspan="8">{{$t('system.content_noData')}}</td>
+        </tr>
+      </template>
+    
     </table>
     <el-pagination
       background
@@ -179,7 +187,7 @@
         <button class="hollowFixedBtn" @click="clearAddMsg()">
           {{$t('pub.cancelBtn')}}
         </button> &nbsp;
-        <button class="normalBtn" type="primary" @click="UpdateInvoiceInstitutionModify()">{{$t('pub.saveBtn')}}</button>
+        <el-button class="normalBtn" type="primary" @click="UpdateInvoiceInstitutionModify()"  :loading="updateloading">{{$t('pub.saveBtn')}}</el-button>
       </div>
     </el-dialog>
 
@@ -218,6 +226,7 @@
           effectiveDateList:[],
         },
         outerVisible:false,
+        updateloading:false,
         dialogTitle: this.$t('objFill.v101.LeaderManagement.bianjifkzd'),
         rules: {
             InstitutionName: [{
@@ -278,6 +287,7 @@
             });
       },
       UpdateInvoiceInstitutionModify() { //制度编辑
+        this.updateloading=true;
         if(this.addMsg.effectiveDateList&&this.addMsg.effectiveDateList.length>0){
           this.addMsg.EffectiveStartDate=this.addMsg.effectiveDateList[0];
           this.addMsg.EffectiveEndDate=this.addMsg.effectiveDateList[1];
@@ -286,10 +296,12 @@
           if (res.data.resultCode == 1) {
             this.Success(res.data.message);
             this.clearAddMsg();
+            this.updateloading=false;
             this.getList();
           }
           else{
             this.Error(res.data.message);
+            this.updateloading=false;
           }
         }, err => {
         })
@@ -306,6 +318,7 @@
         this.addMsg.effectiveDateList=[];
         this.addMsg.effectiveDateList.push(obj.EffectiveStartDate);
         this.addMsg.effectiveDateList.push(obj.EffectiveEndDate);
+        this.updateloading=false;
       },
       clearAddMsg(){//清空编辑数据
         this.InstitutionName="";//制度名称
@@ -316,6 +329,7 @@
         this. EffectiveEndDate="";
         this.EffectiveStartDate="";
         this. effectiveDateList=[];
+        this.updateloading=false;
       },
       getList() { //列表查询
         this.apipost('alipay_post_AlipayEbppInvoiceInstitutionPageinfoQuery', this.msg, res => {

src/components/LeaderManagement/AlipayManagementDetail.vue

@@ -251,8 +251,8 @@
               <div data-v-4bc4b302="" class="clearfix TB_PrintDiv">
                   <div data-v-4bc4b302="" class="TB_comtitle TB-Title">{{$t('fnc.zfxinxi')}}</div> 
                   <!--   -->
-                  <input type="button" class="normalBtn TeamAddBtn" :value="$t('fnc.djfjs')" @click="DJFEnd()"  v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0"/>
-                  <input type="button" class="normalBtn TeamAddBtn" :value="$t('fnc.tbshxx')" @click="GetAlipayCommerceEcConsumeDetailQuery(DataList)"  />
+                  <el-button type="button" class="normalBtn TeamAddBtn"  @click="DJFEnd()"  :loading="jsloading"  v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0">{{$t('fnc.djfjs')}}</el-button>
+                  <el-button type="button" class="normalBtn TeamAddBtn"   :loading="loading" @click="GetAlipayCommerceEcConsumeDetailQuery(DataList)"  >{{$t('fnc.tbshxx')}}</el-button>
               </div>
             </div>
             <table  class="companyalipay" style="width:100%;">
@@ -376,7 +376,7 @@
         <button class="hollowFixedBtn" @click="clearMsgQuota()">
           {{$t('pub.cancelBtn')}}
         </button> &nbsp;
-        <button class="normalBtn" type="primary" @click="AddQuotaModify()">{{$t('pub.saveBtn')}}</button>
+        <el-button class="normalBtn" type="primary" @click="AddQuotaModify()"  :loading="updateloading">{{$t('pub.saveBtn')}}</el-button>
       </div>
     </el-dialog>
     <el-dialog custom-class='w500' :title="$t('objFill.v101.LeaderManagement.xinzygkyed')" :visible.sync="NewMsgQuotaShow" center
@@ -419,7 +419,7 @@
         <button class="hollowFixedBtn" @click="clearNewMsgQuota()">
           {{$t('pub.cancelBtn')}}
         </button> &nbsp;
-        <button class="normalBtn" type="primary" @click="AddNewMsgQuotaModify()">{{$t('pub.saveBtn')}}</button>
+        <el-button class="normalBtn" type="primary" @click="AddNewMsgQuotaModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button>
       </div>
     </el-dialog>
     <el-dialog custom-class='w500' :title="dialogTitle" :visible.sync="outerVisible" center
@@ -462,7 +462,7 @@
         <button class="hollowFixedBtn" @click="clearAddMsg()">
           {{$t('pub.cancelBtn')}}
         </button> &nbsp;
-        <button class="normalBtn" type="primary" @click="UpdateInvoiceInstitutionModify()">{{$t('pub.saveBtn')}}</button>
+        <el-button class="normalBtn" type="primary" @click="UpdateInvoiceInstitutionModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button>
       </div>
     </el-dialog>
     <el-dialog custom-class='w500' :title="$t('objFill.v101.LeaderManagement.xiugaiyuang')" :visible.sync="EditEmployeeShow" center  :before-close="clearEditEmployeeMsg">
@@ -492,7 +492,7 @@
         <button class="hollowFixedBtn" @click="clearEditEmployeeMsg()">
           {{$t('pub.cancelBtn')}}
         </button> &nbsp;
-        <button class="normalBtn" type="primary" @click="EditEmployeeModify()">{{$t('pub.saveBtn')}}</button>
+        <el-button class="normalBtn" type="primary" @click="EditEmployeeModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button>
       </div>
    </el-dialog>
 
@@ -515,6 +515,9 @@
         VorcherInos:[],
         VorcherInosImg: [],
         picObj:[],
+        loading:false,
+        jsloading:false,
+        updateloading:false,
         msg: {
           Id:0,
           IsDiJi:0,
@@ -650,6 +653,7 @@
         this.AddMsgQuota.Action="1";
         this.AddMsgQuota.Amount="";
         this.AddMsgQuotaShow=true;
+        this.updateloading=false;
       },
       clearMsgQuota(){
         this.AddMsgQuotaShow=false;
@@ -658,6 +662,7 @@
         this.AddMsgQuota.Id=0;
         this.AddMsgQuota.Amount="";
         this.AddMsgQuota.Action="1";
+        this.updateloading=false;
       },
       AddNewMsgQuota(obj){
         this.NewMsgQuota.EmployeeName=obj.EmployeeName;
@@ -667,6 +672,7 @@
         this.NewMsgQuotaShow=true;
         this.NewMsgQuota.EffectiveDateList=[];
         this.NewMsgQuota.EffectiveDateList=obj.EffectiveDateList;
+        this.updateloading=false;
       },
       clearNewMsgQuota(){
         this.NewMsgQuotaShow=false;
@@ -679,20 +685,24 @@
         this.NewMsgQuota.EffectiveStartDate="";
         this.NewMsgQuota.EffectiveDateList=[];
         this.NewMsgQuota.ShareMode="0";
+        this.updateloading=false;
       },
       EditEmployee(){
         this.getEmployee();
         this.EditEmployeeMsg.Id=this.DataList.Id;
         this.EditEmployeeMsg.EmployeeIdList=this.DataList.EmployeeIdList;
         this.EditEmployeeShow=true;
+        this.updateloading=false;
       },
       clearEditEmployeeMsg(){
         this.EditEmployeeMsg.Id=0;
         this.EditEmployeeMsg.EmployeeIds="";
         this.EditEmployeeMsg.EmployeeIdList=[];
         this.EditEmployeeShow=false;
+        this.updateloading=false;
       },
       EditEmployeeModify(){
+        this.updateloading=true;
         if (this.EditEmployeeMsg.EmployeeIdList && this.EditEmployeeMsg.EmployeeIdList.length > 0) {
           this.EditEmployeeMsg.EmployeeIds = this.EditEmployeeMsg.EmployeeIdList.join(",");
           }
@@ -700,28 +710,34 @@
           if (res.data.resultCode == 1) {
             this.clearNewMsgQuota();
             this.Success(res.data.message);
+            this.updateloading=false;
             this.getList();
           }
           else{
                 this.Error(res.data.message);
+                this.updateloading=false
               }
         }, err => {
         })
       },
       AddQuotaModify(obj){
+        this.updateloading=true;
         this.apipost('alipay_post_AlipayEbppInvoiceExpensecontrolQuotaModify', this.AddMsgQuota, res => {
           if (res.data.resultCode == 1) {
             this.clearMsgQuota();
             this.Success(res.data.message);
+            this.updateloading=false;
             this.getList();
           }
           else{
                 this.Error(res.data.message);
+                this.updateloading=false;
               }
         }, err => {
         })
       },
       AddNewMsgQuotaModify(){
+        this.updateloading=true;
         if (this.NewMsgQuota.EffectiveDateList && this.NewMsgQuota.EffectiveDateList.length > 0) {
           this.NewMsgQuota.EffectiveStartDate = this.NewMsgQuota.EffectiveDateList[0];
           this.NewMsgQuota.EffectiveEndDate = this.NewMsgQuota.EffectiveDateList[1];
@@ -731,9 +747,11 @@
             this.clearNewMsgQuota();
             this.Success(res.data.message);
             this.getList();
+            this.updateloading=false;
           }
           else{
                 this.Error(res.data.message);
+                this.updateloading=false;
               }
         }, err => {
         })
@@ -764,6 +782,7 @@
       },
 
       UpdateInvoiceInstitutionModify() { //制度编辑
+        this.updateloading=true;
         if(this.addMsg.effectiveDateList&&this.addMsg.effectiveDateList.length>0){
           this.addMsg.EffectiveStartDate=this.addMsg.effectiveDateList[0];
           this.addMsg.EffectiveEndDate=this.addMsg.effectiveDateList[1];
@@ -772,20 +791,24 @@
           if (res.data.resultCode == 1) {
             this.Success(res.data.message);
             this.clearAddMsg();
+             this.updateloading=false;
             this.getList();
           }
           else{
             this.Error(res.data.message);
+            this.updateloading=false;
           }
         }, err => {
         })
       },
       GetAlipayCommerceEcConsumeDetailQuery() { //企业码账单详情查询
+        this.loading=true;
         this.apipost('alipay_post_AlipayCommerceEcConsumeDetailQuery', this.msg, res => {
           if (res.data.resultCode == 1) {
               this.DataList.ChangeNotifyList= res.data.data.ChangeNotifyList
               this.DataList.CostList= res.data.data.CostList
             this.$forceUpdate()
+            this.loading=false;
           }
         }, err => {
         })
@@ -800,6 +823,7 @@
         this.addMsg.EffectiveStartDate=obj.EffectiveStartDate;
         this.addMsg.effectiveDateList=[];
         this.addMsg.effectiveDateList=obj.EffectiveDateList;
+        this.updateloading=false;
       },
       clearAddMsg(){//清空编辑数据
         this.InstitutionName="";//制度名称
@@ -810,6 +834,7 @@
         this. EffectiveEndDate="";
         this.EffectiveStartDate="";
         this. effectiveDateList=[];
+        this.updateloading=false;
       },
       getList() { //列表查询
         this.apipost('alipay_post_AlipayEbppInvoiceInstitutionDetailinfoQuery', this.msg, res => {
@@ -821,10 +846,12 @@
         })
       },
       DJFEnd(){//地接费结算
+        this.jsloading=true;
         this.apipost('alipay_post_InstitutionSettlementTCID', {Id:this.msg.Id,ChangeNotifyList:this.DataList.ChangeNotifyList,VorcherInos:this.VorcherInos} , res => {
           if (res.data.resultCode == 1) {
             this.DataList = res.data.data;
             this.getList();
+            this.jsloading=false;
           }
         }, err => {
         })