修改

src/components/DomesticTravelcontract.vue

@@ -312,6 +312,19 @@
     *background-color: #003bb3;
   }
 
+  .TC-MainContent .disClick {
+    background-color: #d1d1d1!important;
+    color: #fff!important;
+    background-image: none;
+    border: 1px solid #d1d1d1!important;
+  }
+
+  .TC-MainContent .disClick:hover {
+    background-color: #d1d1d1 !important;
+    cursor: default !important;
+    box-shadow: none !important;
+  }
+
 </style>
 <template>
   <div class="TC-MainContent">
@@ -328,7 +341,7 @@
         <span style="color:blue;font-size:14px;"></span>
       </span>
       <div class="pull-right">
-        <input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存" />
+        <input type="button" class="btn-warning" :class="{'disClick':!isSubmit}" @click="submitForm('CtObj')" value="保存" />
       </div>
     </div>
     <el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
@@ -1309,6 +1322,8 @@
         ckedIndex: 0,
         TripInfo: '',
         tripStr: '切换到标准行程录入',
+        //防止重复提交
+        isSubmit: true,
       };
     },
     components: {
@@ -1336,10 +1351,13 @@
       },
       //提交数据
       SaveMsg() {
+        if (this.isSubmit) {
+          this.isSubmit = false;
           this.apipost(
             "travelcontract_post_SetTravelContractService",
             this.CtObj,
             res => {
+              this.isSubmit = true;
               if (res.data.resultCode == 1) {
                 this.CtObj.ID = res.data.data;
                 this.GetData();
@@ -1350,6 +1368,7 @@
             },
             err => {}
           );
+        }
       },
       //提交
       submitForm(addMsg) {

src/components/SingleContract.vue

@@ -298,6 +298,18 @@
   .TC-MainContent .ql-editor {
     min-height: 200px;
   }
+  .TC-MainContent .disClick {
+    background-color: #d1d1d1!important;
+    color: #fff!important;
+    background-image: none;
+    border: 1px solid #d1d1d1!important;
+  }
+
+  .TC-MainContent .disClick:hover {
+    background-color: #d1d1d1 !important;
+    cursor: default !important;
+    box-shadow: none !important;
+  }
 
 </style>
 <template>
@@ -312,7 +324,7 @@
         单项委托协议
       </span>
       <div class="pull-right">
-        <input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存" />
+        <input type="button" class="btn-warning" :class="{'disClick':!isSubmit}" @click="submitForm('CtObj')" value="保存" />
       </div>
     </div>
     <el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
@@ -1399,6 +1411,8 @@
           }
         },
 
+        //防止重复提交
+        isSubmit: true,
         //大写金额
         AmountMoney: ''
 
@@ -1417,10 +1431,13 @@
       },
       //提交数据
       SaveMsg() {
+        if (this.isSubmit) {
+          this.isSubmit = false;
           this.apipost(
             "travelcontract_post_SetTravelContractService",
             this.CtObj,
             res => {
+              this.isSubmit = true;
               if (res.data.resultCode == 1) {
                 this.CtObj.ID = res.data.data;
                 this.GetData();
@@ -1431,6 +1448,7 @@
             },
             err => {}
           );
+        }
       },
       //跳转至预览
       goUrl() {

src/components/administrative/ContractManage.vue

@@ -189,17 +189,17 @@
           <el-tooltip class="item" effect="dark" content="提交并盖章" placement="top-start">
             <el-button type="info" icon="el-icon-upload2" circle @click="SubmitContract(item)"></el-button>
           </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="复制链接发送给客户" placement="top-start">
-            <el-button type="info" icon="el-icon-upload2" circle @click="CopyUrl(item)"></el-button>
+          <el-tooltip class="item" v-if="item.Status==2" effect="dark" content="复制链接发送给客户" placement="top-start">
+            <el-button type="info" icon="el-icon-upload2" circle @click="CopyUrl('Copy'+index)"></el-button>
           </el-tooltip>
           <el-tooltip class="item" effect="dark" content="取消" placement="top-start">
             <el-button type="danger" icon="el-icon-close" circle @click="DeleteContract(item)"></el-button>
           </el-tooltip>
-
+          <!-- 隐藏的复制项 -->
+          <input type="text" v-model="item.Url" :id="'Copy'+index" style="display:none;">
         </td>
       </tr>
     </table>
-    <!-- 隐藏的复制项 -->
     <input type="text" v-model="hidInput" id="copyObj" style="opacity:0">
     <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
       layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
@@ -295,16 +295,8 @@
         });
       },
       //复制URL
-      CopyUrl(item){
-        let Url="";
-        if(this.isOnline){
-            Url= window.location.hostname+'#/TravelContractConfirm?ContractId='+item.ID;
-        }
-        else{
-            Url= window.location.hostname+"/8080"+'#/TravelContractConfirm?ContractId='+item.ID;
-        }
-        this.hidInput=Url;
-        let url = document.querySelector('#copyObj');
+      CopyUrl(id){
+        let url = document.querySelector('#'+id);
         url.select(); // 选择对象
         document.execCommand("Copy");
       },
@@ -383,6 +375,16 @@
             this.loading = false;
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data.pageData;
+              this.dataList.forEach(x=>{
+                  let Url="";
+                  if(this.isOnline()){
+                      Url= window.location.hostname+'/#/TravelContractConfirm?ContractId='+x.ID;
+                  }
+                  else{
+                      Url= window.location.hostname+":8080/"+'#/TravelContractConfirm?ContractId='+x.ID;
+                  }
+                  x.Url=Url;
+              })
               this.total = res.data.data.count;
             } else {
               this.Error(res.data.message);

src/components/onedayTripContract.vue

@@ -333,6 +333,18 @@
     background-color: #0044cc;
     *background-color: #003bb3;
   }
+  .TC-MainContent .disClick {
+    background-color: #d1d1d1!important;
+    color: #fff!important;
+    background-image: none;
+    border: 1px solid #d1d1d1!important;
+  }
+
+  .TC-MainContent .disClick:hover {
+    background-color: #d1d1d1 !important;
+    cursor: default !important;
+    box-shadow: none !important;
+  }
 
 </style>
 <template>
@@ -351,7 +363,7 @@
         <span style="color:blue;font-size:14px;"></span>
       </span>
       <div class="pull-right">
-        <input type="button" v-if="CtObj.auditContract != 2" class="btn-warning" @click="submitForm('CtObj')"
+        <input type="button" :class="{'disClick':!isSubmit}" class="btn-warning" @click="submitForm('CtObj')"
           value="保存" />
       </div>
     </div>
@@ -1192,6 +1204,8 @@
         ],
         ckedIndex: 0,
         TripInfo: '',
+        //防止重复提交
+        isSubmit: true,
       };
     },
     components: {
@@ -1205,10 +1219,13 @@
       },
       //提交数据
       SaveMsg() {
+        if (this.isSubmit) {
+          this.isSubmit = false;
           this.apipost(
             "travelcontract_post_SetTravelContractService",
             this.CtObj,
             res => {
+              this.isSubmit = true;
               if (res.data.resultCode == 1) {
                 this.CtObj.ID = res.data.data;
                 this.GetData();
@@ -1219,6 +1236,7 @@
             },
             err => {}
           );
+        }
       },
 
       //提交