出境合同详情页添加复制合同按钮

src/components/TravelContractDetail.vue

@@ -381,6 +381,66 @@
     font-size: 12px;
     color: gray;
   }
+  .TD_MainContent .TCbtn-info {
+    color: #ffffff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    background-color: #49afcd;
+    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+    background-image: -webkit-gradient(linear,
+        0 0,
+        0 100%,
+        from(#5bc0de),
+        to(#2f96b4));
+    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+    background-repeat: repeat-x;
+    border-color: #2f96b4 #2f96b4 #1f6377;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+    padding: 10px 19px;
+    border: none;
+    outline: none;
+    cursor: pointer;
+  }
+  
+  .TCbtn-info:hover,
+  .btn-warning:hover {
+    color: #ffffff;
+    opacity: 0.8;
+  }
+  .TD_MainContent .singeRowTable {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  .TD_MainContent .singeRowTable tr th,
+  .v-table-title-cell {
+    background: #e6e6e6;
+    height: 40px;
+    font-size: 14px;
+    color: #333;
+  }
+
+  .TD_MainContent .singeRowTable tr {
+    background: #fff;
+    text-align: center;
+    height: 40px;
+  }
+
+  .TD_MainContent .singeRowTable tr:nth-child(2n + 1) {
+    background: #fafafa;
+  }
+
+  .TD_MainContent .singeRowTable tr:hover {
+    background: #f2f2f2;
+  }
+
+  .TD_MainContent .singeRowTable tr td {
+    font-size: 12px;
+    border: 1px solid #e5e5e5;
+  }
 
 </style>
 
@@ -394,6 +454,9 @@
             合同详情 &nbsp;&nbsp;<template v-if="dataList.saleName&&dataList.saleName!=''">
               销售人员:{{dataList.saleName}}</template>
             <span>
+              <template v-if="dataList.orderType==0">
+          <input type="button" class="TCbtn-info" @click="(dialogVisible = true), getGuestList()" value="复制合同" />
+        </template>
               <input type="button" class="TCbtn-info" v-if="dataList.status==1" @click="getinvalid()" value="作废" />
               <input type="button" class="TCbtn-info" v-if="dataList.companySignature==''"
                 @click="isShowFade=true,GetQrCode()" value="客户签字" />
@@ -1083,6 +1146,36 @@
         </div>
       </div>
     </div>
+
+
+
+    <el-dialog custom-class="w600" title="合同复制" :visible.sync="dialogVisible" center>
+      <input type="button" v-if="backGuest && backGuest.length > 0" class="TCbtn-info"
+        style="padding: 8px 10px; float: right; margin-bottom: 10px" @click="copyContract()" value="批量复制合同" />
+      <table border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+        <tr>
+          <th>选择</th>
+          <th>旅客姓名</th>
+          <th>{{ $t("hotel.table_tel") }}</th>
+        </tr>
+        <tr v-for="(item, index) in backGuest">
+          <td>
+            <template v-if="item.IsShow">
+              <el-checkbox v-model="item.isCheck"></el-checkbox>
+            </template>
+            <template v-else>
+              <span style="color: red">已存在合同</span>
+            </template>
+          </td>
+          <td>{{ item.surName + "" + item.name }}</td>
+          <td>{{ item.mobilePhone }}</td>
+        </tr>
+        <tr v-if="backGuest.length == 0">
+          <td colspan="3">已经复制完成</td>
+        </tr>
+      </table>
+    </el-dialog>
+
     <div class="fade" v-show="isShowFade"></div>
     <div class="qrCodeDiv" v-show="isShowFade">
       <div style="margin-top:15px;">请扫码签字</div>
@@ -1112,8 +1205,11 @@
         //数据源
         dataList: [],
         isShowFade: false,
+        dialogVisible: false,
         QRCodeStr: "",
         pdfLoading: false,
+          //旅客名单
+          backGuest: [],
         //线路名称
         LineName: '',
         //出发地点
@@ -1196,6 +1292,84 @@
         }).catch(err => {
 
         })
+      },
+       //点击合同获取旅客信息
+       getGuestList() {
+        let msg = {
+          orderId: this.msg.orderID,
+        };
+        this.apipost(
+          "travelcontract_post_GetContractGuestByOrderId",
+          msg,
+          (res) => {
+            if (res.data.resultCode === 1) {
+              var tempData = res.data.data;
+              if (tempData && tempData.length > 0) {
+                tempData.forEach((item) => {
+                  item.IsShow = true;
+                  if (this.guestList && this.guestList.length > 0) {
+                    this.guestList.forEach((sItem) => {
+                      if (sItem.id == item.id && sItem.isCheck && item.IsShow) {
+                        item.IsShow = false;
+                      }
+                    });
+                  }
+                });
+              }
+              this.backGuest = tempData;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      //复制合同
+      copyContract() {
+        let newArr = [];
+        this.backGuest.forEach((x) => {
+          if (x.isCheck) {
+            newArr.push(x.id);
+          }
+        });
+        var unionGuestIds = newArr.join(",");
+        if (unionGuestIds == "") {
+          this.Error("请选择要复制的旅客");
+          return;
+        }
+        let copyMsg = {
+          TCID: this.msg.TCID,
+          guestId: 0,
+          orderID: this.msg.orderID,
+          unionGuestIds: unionGuestIds,
+        };
+        if (this.$route.query.guestId && this.$route.query.guestId > 0) {
+          copyMsg.guestId = this.$route.query.guestId;
+        }
+        this.apipost(
+          "travelcontract_post_CopyContractServices",
+          copyMsg,
+          (res) => {
+            if (res.data.resultCode === 1) {
+              this.Success("复制成功!");
+              this.dialogVisible = false;
+              var tempData = res.data.data;
+              this.$router.push({
+                name: "TravelContractNew",
+                query: {
+                  TCID: tempData.TCID,
+                  guestId: tempData.GuestId,
+                  orderID: tempData.OrderId,
+                  Id: tempData.Id,
+                  orderType: tempData.orderType
+                },
+              });
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
       },
       //获取数据
       getList() {