页面修改

src/components/TravelManager/TravelList/TravelPassengerList3.vue

 <style>
-.PassengerList2 .PT_teamTable.PT_teamTable {
+  .PassengerList2 .PT_teamTable.PT_teamTable {
     width: 500px;
     border-collapse: collapse;
-}
-.PT_teamTable td,
-.PT_teamTable th {
+  }
+
+  .PT_teamTable td,
+  .PT_teamTable th {
     border: 1px solid #dcdcdc;
     padding: 5px;
     height: 30px;
-}
-.PT_teamTable tr th {
+  }
+
+  .PT_teamTable tr th {
     background: #eee;
     height: 30px;
     border: 1px solid #dcdcdc;
-}
-.PT_teamTable tr td{background: #fff;}
-.travelpassengerlist{font-size: 12px; background: #dcdcdc;}
-.travelpassengerlist tr th {
+  }
+
+  .PT_teamTable tr td {
+    background: #fff;
+  }
+
+  .travelpassengerlist {
+    font-size: 12px;
+    background: #dcdcdc;
+  }
+
+  .travelpassengerlist tr th {
     height: 30px;
-}
-.travelpassengerlist tr td{background: #fff; text-align: center;}
-/*拒签人员*/
- .travelpassengerlist .redTr td{
+  }
+
+  .travelpassengerlist tr td {
+    background: #fff;
+    text-align: center;
+  }
+
+  /*拒签人员*/
+  .travelpassengerlist .redTr td {
     color: #E95252;
   }
+
   .leader2Btn {
     color: #fff;
     padding: 0 15px;
@@ -32,31 +48,37 @@
     border: 1px solid #e95252;
     cursor: pointer;
     border-radius: 15px;
-}
-.PassengerList2 input.houseno{
+  }
+
+  .PassengerList2 input.houseno {
     border: none;
     border-bottom: 1px solid #dcdcdc;
     transition: all linear .5s;
-}
-.PassengerList2 input.houseno:focus{
+  }
+
+  .PassengerList2 input.houseno:focus {
     border-bottom: 1px solid #e95252;
-}
-.fs-12{
+  }
+
+  .fs-12 {
     font-size: 12px;
     color: #666;
-}
-.color333{ 
+  }
+
+  .color333 {
     color: #333;
-}
-.time-box{
+  }
+
+  .time-box {
     display: flex;
     margin: 10px 0;
     text-align: center;
     border: 1px solid #dcdcdc;
     border-bottom: 0;
     border-top: 0;
-}
-.time-box .el-col{ 
+  }
+
+  .time-box .el-col {
     cursor: pointer;
     padding: 10px;
     border-right: 1px solid #dcdcdc;
@@ -65,17 +87,21 @@
     display: flex;
     align-items: center;
     justify-content: center;
-}
-.time-box .el-col.active{ 
+  }
+
+  .time-box .el-col.active {
     color: #e95252;
     border-bottom: 1px solid #e95252;
-}
-.PassengerList3 .travelpassengerlist{
+  }
+
+  .PassengerList3 .travelpassengerlist {
     width: 100%;
-}
-.PassengerList3 .h34{
+  }
+
+  .PassengerList3 .h34 {
     height: 34px;
-}
+  }
+
 </style>
 
 <template>
@@ -91,7 +117,8 @@
               <th width="120">导游</th>
             </tr>
             <tr v-for="item in QueryMsg.TeamInfoData">
-              <td><a @click="goUrlTravelControl('团控列表','TravelControlList',item.TCID,item.TCNUM)" style="cursor:pointer;color:blue;">{{item.TCNUM+`(${item.TCID})`}}</a></td>
+              <td><a @click="goUrlTravelControl('团控列表','TravelControlList',item.TCID,item.TCNUM)"
+                  style="cursor:pointer;color:blue;">{{item.TCNUM+`(${item.TCID})`}}</a></td>
               <td>{{item.TotalSeat}}人</td>
               <td>{{item.LeaderName}}</td>
               <td>{{item.GuideName}}</td>
@@ -114,14 +141,8 @@
       </el-col>
     </el-row>
     <div v-loading="loading"></div>
-    <table
-      style="margin-bottom: 50px;"
-      class="travelpassengerlist"
-      border="0"
-      cellspacing="1"
-      cellpadding="0"
-      
-      v-for="(item, index) in GuestDataList" >
+    <table style="margin-bottom: 50px;" class="travelpassengerlist" border="0" cellspacing="1" cellpadding="0"
+      v-for="(item, index) in GuestDataList">
       <tr style="background: #E6E6E6;">
         <th colspan="11">{{item.NewHotelName}}</th>
       </tr>
@@ -141,22 +162,17 @@
       <tr v-for="(subItem, subIndex) in item.GuestList" :class="{'redTr':subItem.IsLeaderOrder==1}" class="h34">
         <td>{{subIndex+1}}</td>
         <td width="80">
-            <el-select v-model="subItem.HouseNomber" placeholder="请选择" @change="changeRmType(subItem, subIndex)" v-if="subItem.HouseNo == 1">
-              <el-option
-                v-for="(hs, hsIndex) in numberList"
-                :key="hs"
-                :label="hs"
-                :value="hs">
+          <el-select v-model="subItem.HouseNomber" placeholder="请选择" @change="changeRmType(subItem, subIndex)"
+            v-if="subItem.HouseNo == 1">
+            <el-option v-for="(hs, hsIndex) in numberList" :key="hs" :label="hs" :value="hs">
             </el-option>
           </el-select>
           <p v-else>{{subItem.HouseNo}}</p>
         </td>
         <td>
-            <el-select v-model="subItem.HouseType" placeholder="请选择" @change="changeRmType(subItem, subIndex)" v-if="subItem.HouseNo == 1">
-              <el-option
-                v-for="(hs, hsIndex) in HouseTypeList"
-                :key="hsIndex"
-                :label="hs.HouseName"
+          <el-select v-model="subItem.HouseType" placeholder="请选择" @change="changeRmType(subItem, subIndex)"
+            v-if="subItem.HouseNo == 1">
+            <el-option v-for="(hs, hsIndex) in HouseTypeList" :key="hsIndex" :label="hs.HouseName"
               :value="hs.HouseType">
             </el-option>
           </el-select>
@@ -172,7 +188,8 @@
         <td>{{subItem.GroupTypeStr}}</td>
       </tr>
       <tr>
-          <td style="text-align:right" colspan="11"><input type="button" value="保存" class="leader2Btn" @click="SetTravelChangeHouseService"></td>
+        <td style="text-align:right" colspan="11"><input type="button" value="保存" class="leader2Btn"
+            @click="SetTravelChangeHouseService"></td>
       </tr>
       <tr v-if="item.ChangeGuest.length > 0" class="h34">
         <td colspan="11"></td>
@@ -181,20 +198,13 @@
         <td>{{subIndex+1}}</td>
         <td width="80">
           <el-select v-model="subItem.ChangeHouseNum" placeholder="请选择" @change="changeRmType2(subItem, subIndex)">
-              <el-option
-                v-for="(hs, hsIndex) in numberList"
-                :key="hs"
-                :label="hs"
-                :value="hs">
+            <el-option v-for="(hs, hsIndex) in numberList" :key="hs" :label="hs" :value="hs">
             </el-option>
           </el-select>
         </td>
         <td>
           <el-select v-model="subItem.ChangeHouseType" placeholder="请选择" @change="changeRmType2(subItem, subIndex)">
-              <el-option
-                v-for="(hs, hsIndex) in HouseTypeList"
-                :key="hsIndex"
-                :label="hs.HouseName"
+            <el-option v-for="(hs, hsIndex) in HouseTypeList" :key="hsIndex" :label="hs.HouseName"
               :value="hs.HouseType">
             </el-option>
           </el-select>
@@ -210,7 +220,8 @@
       </tr>
       <!-- </template> -->
       <tr v-if="item.ChangeGuest.length > 0">
-        <td style="text-align:right" colspan="11"><input type="button" value="保存" class="leader2Btn" @click="SetTravelChangeHouseService2"></td>
+        <td style="text-align:right" colspan="11"><input type="button" value="保存" class="leader2Btn"
+            @click="SetTravelChangeHouseService2"></td>
       </tr>
     </table>
     <div class="noDataNotice" v-if="GuestDataList.length < 1">
@@ -220,7 +231,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     data() {
       return {
         //请求数据
@@ -231,8 +242,8 @@ export default {
           OrderId: 0,
           currentPage: 1
         },
-      IsHaveLeader:1,//1-有领队,0-无领队
-      IsLeaderGuide:0,//1-领兼导,0-领队
+        IsHaveLeader: 1, //1-有领队,0-无领队
+        IsLeaderGuide: 0, //1-领兼导,0-领队
         TCID: 0,
         loading: false,
         QueryMsg: {
@@ -252,7 +263,7 @@ export default {
       };
     },
     methods: {
-    SetTravelChangeHouseService2: function (){
+      SetTravelChangeHouseService2: function () {
         if (this.editList2.length < 1) {
           return this.$message.error('请修改房间类型后在保存！')
         }
@@ -263,17 +274,26 @@ export default {
             if (res.data.resultCode == 1) {
               this.$message.success('操作成功')
               this.getList(this.selectTime)
-          }else{ 
+            } else {
               this.$message.error('操作失败')
             }
           },
           err => {}
         );
       },
-    SetTravelChangeHouseService: function (){
+      SetTravelChangeHouseService: function () {
         if (this.editList.length < 1) {
           return this.$message.error('请修改房间类型后在保存！')
         }
+        var TCID = 0;
+        this.editList.forEach((sItem, sIndex) => {
+          if (sIndex == 0) {
+            TCID = sItem.TCID;
+          } else {
+            sItem.TCID = TCID;
+          }
+        });
+        //console.log("this.editList",this.editList);
         this.apipost(
           "travelhouse_post_SetTravelChangeHouseService",
           this.editList,
@@ -281,15 +301,15 @@ export default {
             if (res.data.resultCode == 1) {
               this.$message.success('操作成功')
               this.getList(this.selectTime)
-          }else{ 
+            } else {
               this.$message.error('操作失败')
             }
           },
           err => {}
         );
       },
-    changeTime: function (index){
-      this.HotelList.map((x, i)=>{ 
+      changeTime: function (index) {
+        this.HotelList.map((x, i) => {
           x.active = false;
         })
         this.HotelList[index].active = true;
@@ -311,7 +331,7 @@ export default {
           list.push(msg)
         } else {
           let re = false;
-        for(let i = 0; i < list.length; i ++) {
+          for (let i = 0; i < list.length; i++) {
             if (list[i].GuestId == obj.Id) {
               list[i] = {
                 CombineNo: '',
@@ -343,7 +363,7 @@ export default {
         this.editList2 = list
       },
       // 修改类型
-    changeRmType: function (obj, index){
+      changeRmType: function (obj, index) {
         let list = this.editList
         let msg = {
           CombineNo: '',
@@ -359,7 +379,7 @@ export default {
           list.push(msg)
         } else {
           let re = false;
-        for(let i = 0; i < list.length; i ++) {
+          for (let i = 0; i < list.length; i++) {
             if (list[i].GuestId == obj.Id) {
               list[i] = {
                 CombineNo: '',
@@ -390,7 +410,7 @@ export default {
         }
         this.editList = list
       },
-    compare:function (obj1, obj2) {
+      compare: function (obj1, obj2) {
         var val1 = Number(obj1.HouseNo);
         var val2 = Number(obj2.HouseNo);
         if (val1 < val2) {
@@ -402,10 +422,10 @@ export default {
         }
       },
       // 修改房号
-  sortNumberN: function (obj, index){
+      sortNumberN: function (obj, index) {
         let list = this.GuestDataList;
         // 选择房号后循环数据把房号相同的数据房型修改成一样的 
-    for(let i = 0 ; i < list.length; i++) {
+        for (let i = 0; i < list.length; i++) {
           if (obj.HouseNo === list[i].HouseNo && obj.Id !== list[i].Id) {
             obj.HouseType = list[i].HouseType
           }
@@ -414,14 +434,14 @@ export default {
         this.GuestDataList = list;
       },
       //保存分房
-    saveOPSetGuestHouse: function (){ 
+      saveOPSetGuestHouse: function () {
         this.apipost(
           "travel_get_OPSetGuestHouse",
           this.GuestDataList,
           res => {
             if (res.data.resultCode == 1) {
               this.$message.success('操作成功')
-          }else{ 
+            } else {
               this.$message.error('操作失败')
             }
           },
@@ -458,19 +478,16 @@ export default {
           str = "标准双人间";
         } else if (HouseType == 3) {
           str = "大床房";
-      } 
-      else if (HouseType == 4) {
+        } else if (HouseType == 4) {
           str = "三人间";
-      } 
-      else if (HouseType== 5) {
+        } else if (HouseType == 5) {
           str = "拼凑双人间";
-      } 
-      else {
+        } else {
           str = "未分配";
         }
         return str;
       },
-    getHouseTypeList: function (){
+      getHouseTypeList: function () {
         this.apipost(
           "travel_get_GetHouseType",
           this.msg,
@@ -496,7 +513,6 @@ export default {
           res => {
             this.loading = false;
             if (res.data.resultCode == 1) {
-            console.log(res.data.data)
               this.GuestDataList = res.data.data
             }
           },
@@ -515,7 +531,6 @@ export default {
         }
         this.GetLocalFile("travel_get_GetTravelGuestExport", msg, fileName);
       },
-
       //获取团期信息
       getTeamInfo() {
         var qmsg = {
@@ -528,7 +543,7 @@ export default {
             if (res.data.resultCode == 1) {
               this.QueryMsg.TeamInfoData = res.data.data.PriceList;
               let HotelList = res.data.data.HotelList;
-            for(let i = 0; i < HotelList.length; i++) {
+              for (let i = 0; i < HotelList.length; i++) {
                 HotelList[i].active = false;
               }
               this.HotelList = HotelList;
@@ -540,7 +555,7 @@ export default {
     },
     mounted() {
       let numberList = []
-    for(let i = 0; i < 99; i++) {
+      for (let i = 0; i < 99; i++) {
         numberList.push(`${i+1}`)
       }
       this.numberList = numberList
@@ -550,5 +565,6 @@ export default {
       this.getTeamInfo();
       this.getHouseTypeList();
     }
-};
+  };
+
 </script>