no message

src/components/administrative/ElectronicAudit.vue

@@ -2,10 +2,21 @@
 .shenheInfoBox{
   display: flex;
   flex-direction: row;
+  height: 24px;
   margin-bottom: 5px;
 }
 .shenheInfoTitle{
-  width: 90px;
+  max-width: 80px;
+  min-width: 25px;
+  color: #606266;
+  /* font-weight: bold; */
+  margin-right: 10px;
+}
+.shenheInfoCenter{
+  color: #000;
+}
+.shenheInfoBoxR{
+  justify-content: end;
 }
   .ElectronicAudit .icon-shenhebohui {
     color: #fff;
@@ -382,15 +393,15 @@
       </div>
     </template>
 
-    <el-dialog custom-class='w500' :title="hetongTitle" 
+    <el-dialog custom-class='w550' :title="hetongTitle" 
     :visible.sync="isShowContract"
       center :before-close="closeContractDialog">
-      <el-row v-if="isBoHui>0">
+      <el-row v-if="isBoHui>0" v-loading="inforLoading">
           <el-col :span="24" class="shenheInfoBox">
             <p class="shenheInfoTitle">公司名称:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.Tourists_Name }}</div>
           </el-col>
-          <el-col :span="24" class="shenheInfoBox">
+          <el-col :span="5" class="shenheInfoBox">
             <p class="shenheInfoTitle">营业执照:</p>
             <div class="shenheInfoCenter">
               <el-image 
@@ -400,16 +411,16 @@
               </el-image>
             </div>
           </el-col>
-          <el-col :span="12" class="shenheInfoBox">
-            <p class="shenheInfoTitle">法人姓名:</p>
-            <div class="shenheInfoCenter">{{ ContractInfor.LegalPersonName }}</div>
-          </el-col>
-          <el-col :span="12" class="shenheInfoBox">
+          <el-col :span="13" class="shenheInfoBox">
             <p class="shenheInfoTitle">经营许可证:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.Tourists_Email }}</div>
           </el-col>
-          <el-col :span="24" class="shenheInfoBox">
-            <p class="shenheInfoTitle">身份证正反面:</p>
+          <el-col :span="6" class="shenheInfoBox shenheInfoBoxR">
+            <p class="shenheInfoTitle">法人:</p>
+            <div class="shenheInfoCenter">{{ ContractInfor.LegalPersonName }}</div>
+          </el-col>
+          <el-col :span="5" class="shenheInfoBox">
+            <p class="shenheInfoTitle">身份证:</p>
             <div class="shenheInfoCenter">
               <el-image 
                 style="width: 20px; height: 20px"
@@ -423,23 +434,23 @@
               </el-image>
             </div>
           </el-col>
-          <el-col :span="24" class="shenheInfoBox">
+          <el-col :span="12" class="shenheInfoBox">
             <p class="shenheInfoTitle">身份证号:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.LegalIdCardNumber }}</div>
           </el-col>
-          <el-col :span="24" class="shenheInfoBox">
-            <p class="shenheInfoTitle">身份证有效期:</p>
+          <el-col :span="7" class="shenheInfoBox shenheInfoBoxR">
+            <p class="shenheInfoTitle">有效期:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.LegalIdCardTime }}</div>
           </el-col>
-          <el-col :span="12" class="shenheInfoBox">
+          <el-col :span="8" class="shenheInfoBox">
             <p class="shenheInfoTitle">开户支行:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.OpenBankName }}</div>
           </el-col>
-          <el-col :span="12" class="shenheInfoBox">
+          <el-col :span="11" class="shenheInfoBox ">
             <p class="shenheInfoTitle">所属银行:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.BankName }}</div>
           </el-col>
-          <el-col :span="12" class="shenheInfoBox">
+          <el-col :span="5" class="shenheInfoBox shenheInfoBoxR">
             <p class="shenheInfoTitle">开户人:</p>
             <div class="shenheInfoCenter">{{ ContractInfor.AccountHolder }}</div>
           </el-col>
@@ -631,7 +642,8 @@
         isBoHui: 0, //是否是单项、一日游、境内旅游合同驳回
         NightNumList: [],
         hetongTitle: '',
-        ContractInfor: {}
+        ContractInfor: {},
+        inforLoading: false,
       };
     },
     methods: {
@@ -795,15 +807,20 @@
         this.getContractInfor(item)
       },
       getContractInfor(item){
+        this.inforLoading = true
         this.apipost("app_customer_GetERPAuthenticationContractDetails", 
         { ContractId: item.Id }, 
         res => {
           if (res.data.resultCode === 1) {
             console.log(res.data.data,'=====');
             this.ContractInfor = res.data.data;
+            this.inforLoading = false
           } else {
             this.Error(res.data.message);
+            this.inforLoading = false
           }
+        },err=>{
+          this.inforLoading = false
         });
       },
       //提交并盖章