页面修改

src/components/TravelContractNew.vue

@@ -56,10 +56,7 @@
     color: #555;
   }
 
-  .TC-MainContent .contractTit span {
-    font-size: 21px;
-    font-weight: bold;
-  }
+
 
   .TC-MainContent .block {
     border: 1px solid #cdcdcd;
@@ -290,7 +287,7 @@
     <div class="contractTit">
       <span>
         {{CtObj.company}}团队出境旅游合同
-        <span style="color:blue;font-size:14px;">{{CtObj.contractNum}}</span>
+        <span style="color:blue;font-size:14px; font-weight: bold;">{{CtObj.contractNum}}</span>
       </span>
       <div class="pull-right">
         <input type="button" class="TCbtn-info" v-if="CtObj.companySignature=='' && CtObj.auditContract==2"
@@ -306,10 +303,10 @@
         <input type="button" class="TCbtn-info" v-if="CtObj.auditContract==2" @click="getinvalid()" value="作废">
         <input type="button" class="TCbtn-info" @click="dialogVisible=true,getGuestList()" value="复制合同" />
         <template v-if="CtObj.auditContract!=2">
-          <input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存" />
+          <el-button type="primary" size="medium" @click="submitForm('CtObj')" :loading="SaveLoading">保存</el-button>
         </template>
         <template v-if="CurrentUserInfo.EmployeeId==615">
-          <input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存(S)" />
+          <el-button type="primary" size="medium" @click="submitForm('CtObj')" :loading="SaveLoading">保存(S)</el-button>
         </template>
       </div>
     </div>
@@ -1436,6 +1433,7 @@
         //旅客名单
         backGuest: [],
         content: '发送短信', //按钮显示内容
+        SaveLoading: false, //保存Loading
       };
     },
     methods: {
@@ -1650,6 +1648,7 @@
       },
       //提交数据
       SaveMsg() {
+        this.SaveLoading = true;
         this.CtObj.status = 1;
         this.CtObj.contractStatus = 2;
         let VolArr = [];
@@ -1686,12 +1685,15 @@
             newArr.push(x.id);
           }
         })
+        this.CtObj.Id = this.msg.Id;
         this.CtObj.unionGuestIds = newArr.join(',');
         this.apipost("travelcontract_post_SetContractService", this.CtObj, res => {
+          this.SaveLoading = false;
           if (res.data.resultCode === 1) {
             this.Success(res.data.message);
             this.dialogVisible = false;
             var tempData = res.data.data;
+            console.log("tempData", tempData)
             this.$router.push({
               name: 'TravelContractNew',
               query: {
@@ -1701,10 +1703,15 @@
                 Id: tempData.Id,
               }
             });
+            this.msg.Id = tempData.Id;
+            this.CtObj.Id = tempData.Id;
+
           } else {
             this.Error(res.data.message);
           }
-        }, null);
+        }, err => {
+          this.SaveLoading = false;
+        });
       },
       //跳转至预览
       goUrl() {