页面修改

src/components/Hotel/HotelWorkList.vue

@@ -11,7 +11,6 @@
         </li>
         <li>
           <input type="button" class="normalBtn" value="查询" @click="getList()" />
-          <!-- <input type="button" class="normalBtn" value="下载" @click="DownLoadHotelQuery()" /> -->
         </li>
       </ul>
     </div>
@@ -36,19 +35,87 @@
               <div style="background-color:#000!important;width:50px;height:100%;margin:0,padding:0;color:#FFFFFF">无库存
               </div>
             </template>
-            <template v-else v-for="childItem in scope.row.DayList[index].HotelJourneyOrderList">
+            <template v-else>
               <template
                 v-if="scope.row.DayList[index].HotelJourneyOrderList&&scope.row.DayList[index].HotelJourneyOrderList.length>0">
-                <div style="white-space:nowrap;color:red;" :title="childItem.TCID+'【未操作】'" v-if="childItem.DMCState==0">
-                  {{childItem.BookGroup}}</div>
-                <div style="white-space:nowrap;color:green;" :title="childItem.TCID+'【OK】'"
-                  v-if="childItem.DMCState==1">
-                  {{childItem.BookGroup}}</div>
-                <div style="white-space:nowrap;color:#3333CC;" :title="childItem.TCID+'【暂定】'"
-                  v-if="childItem.DMCState==2">{{childItem.BookGroup}}</div>
+                <template v-for="childItem in scope.row.DayList[index].HotelJourneyOrderList">
+                  <div style="white-space:nowrap;color:red;" :title="childItem.TCID+'【未操作】'"
+                    v-if="childItem.DMCState==0">
+                    {{childItem.BookGroup}}</div>
+                  <div style="white-space:nowrap;color:green;" :title="childItem.TCID+'【OK】'"
+                    v-if="childItem.DMCState==1">
+                    {{childItem.BookGroup}}</div>
+                  <div style="white-space:nowrap;color:#3333CC;" :title="childItem.TCID+'【暂定】'"
+                    v-if="childItem.DMCState==2">{{childItem.BookGroup}}</div>
+                </template>
               </template>
               <template v-else>
-                 <a style="text-decoration:underline;cursor:pointer;">添加酒店</a>
+                <el-popover width="650" trigger="click" popper-class="Bus_HotelPop" style="display:none;">
+                  <table v-loading="changeLoading">
+                    <tr>
+                      <th width="60">
+                        选择
+                      </th>
+                      <th width="140">
+                        团号
+                      </th>
+                      <th width="120">
+                        酒店
+                      </th>
+                      <th width="120">
+                        更换酒店
+                      </th>
+                      <th width="100">
+                        OP状态
+                      </th>
+                      <th width="100">
+                        地接状态
+                      </th>
+                    </tr>
+                    <tr v-for="(hItem,hIndex) in ChangeHotelList">
+                      <td>
+                        <el-checkbox :checked="hItem.IsChecked" @change="ChangeStatus(hItem)"></el-checkbox>
+                      </td>
+                      <td style="text-align:center;">
+                        {{hItem.TCNUM}}<br />({{hItem.TCID}})
+                      </td>
+                      <td style="text-align:left;">
+                        {{hItem.OldHotelName}}
+                      </td>
+                      <td style="text-align:left;">
+                        {{hItem.NewHotelName}}
+                      </td>
+                      <td>
+                        <template v-if="hItem.OPState==1">
+                          <a style="color:green">OP-指定</a>
+                        </template>
+                        <template v-else-if="hItem.OPState==2">
+                          <a style="color:red">OP-暂定</a>
+                        </template>
+                      </td>
+                      <td>
+                        <template v-if="hItem.DMCState==1">
+                          <a style="color:green">地接-OK</a>
+                        </template>
+                        <template v-else-if="hItem.DMCState==2">
+                          <a style="color:red">地接-暂定</a>
+                        </template>
+                        <template v-else-if="hItem.DMCState==0">
+                          <a style="color:red">地接-未操作</a>
+                        </template>
+                      </td>
+                    </tr>
+                    <tfoot>
+                      <tr>
+                        <td colspan="6">
+                          <input type="button" class="normalBtn" value="保存" @click="SaveHotelOrder(scope.row.Hotel)" />
+                        </td>
+                      </tr>
+                    </tfoot>
+                  </table>
+                  <div slot="reference" class="w80" style="cursor:pointer;text-decoration:underline;"
+                    @click="GetChangeList(item.DateAllStr)">设置酒店</div>
+                </el-popover>
               </template>
             </template>
           </template>
@@ -74,9 +141,14 @@
         dataList: [],
         loading: false,
         isShow: false,
+        changeLoading: false, //改变酒店loading
+        ChangeHotelList: [], //获取可变更的酒店列表
       };
     },
     methods: {
+      ChangeStatus(item) {
+        item.IsChecked = !item.IsChecked;
+      },
       GotoHotel(HotelId) {
         this.$router.push({
           path: "HotelManagement",
@@ -99,7 +171,6 @@
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data;
               this.isShow = true;
-              console.log("this.dataList", this.dataList);
             } else {
               this.Error(res.data.message);
             }
@@ -107,7 +178,37 @@
           err => {}
         );
       },
-
+      //获取可以改变的酒店列表
+      GetChangeList(useTime) {
+        this.changeLoading = true;
+        this.ChangeHotelList = [];
+        this.apipost("journeyorder_post_GetCanChangeHotelListService", {
+            UseTime: useTime
+          },
+          res => {
+            this.changeLoading = false;
+            if (res.data.resultCode == 1) {
+              this.ChangeHotelList = res.data.data;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          err => {}
+        );
+      },
+      //保存酒店订单
+      SaveHotelOrder(HotelID) {
+        console.log("hotelId", HotelID);
+        var newList=[];
+        if (this.ChangeHotelList && this.ChangeHotelList.length > 0) {
+          this.ChangeHotelList.forEach(item => {
+             if(item.IsChecked)
+             {
+                 newList.push(item);
+             }
+          });
+        }
+      }
     },
     mounted() {
       this.msg.YearMonthStr = new Date().Format("yyyy-MM");