页面修改

src/components/Hotel/roomReservationsDetails.vue

@@ -30,13 +30,43 @@
       {{$t('ground.jisuan1')}} <br />
       {{$t('ground.jisuan2')}} <br />
       {{$t('ground.sidaobsuan')}}<br />
-      付款方式是现付的，必須上传手配书.
+      付款方式是现付的，必須上传手配书.        
     </div>
     <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " :style="{height: boxHeight + 'px'}"
       class="ownScrollbarStyle" ref="ownScrollbarStyle">
       <table border="0" cellspacing="1" cellpadding="0" class="roomReservationsDetailsTalbe" v-loading="loading">
         <tr>
-          <th class="fz14" colspan="5">{{$t('visa.v_teaminfo')}}&nbsp;&nbsp;{{$t('leader.leader_Leader')}}:{{LeaderName}} &nbsp;&nbsp;{{$t('leader.leader_Guide')}}:{{GuideName}}.</th>
+          <th class="fz14" colspan="5">{{$t('visa.v_teaminfo')}}&nbsp;&nbsp;{{$t('leader.leader_Leader')}}:{{LeaderName}} &nbsp;&nbsp;{{$t('leader.leader_Guide')}}:{{GuideName}}.
+
+              <el-tooltip class="item" effect="dark" :content="$t('ground.jiudiancaozuo')" placement="top-start">
+                <el-popover placement="bottom" width="400" trigger="click"  >
+                  <table class="dmcSetTable">
+                    <template v-for="(lItem,lIndex) in list" >
+                      <tr v-for="(subItem,subIndex) in lItem.HotelOrderList" :key="subIndex+lIndex">
+                        <td style="width:100px;">
+                          {{lItem.UseTimeStr}}
+                        </td>
+                      <td style="width:280px;">
+                          <el-checkbox :checked="subItem.IsChecked" @change="MoreUpdate(subItem)">{{subItem.NewHotelName}}</el-checkbox>
+                      </td>
+                    </tr>
+                    </template>
+                    <tr>
+                      <td colspan="2" style="text-align:center">
+                         <el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
+                        <el-button size="small" type="danger" >
+                        选择文件</el-button>
+                        </el-upload> 
+                      </td>
+                    </tr>
+                  </table>
+                  <el-button slot="reference"
+                    style="background:#E95252; border-color:#E95252" icon="iconfont icon-suo" type="primary">
+                     批量上传手配书
+                  </el-button>
+                </el-popover>
+           </el-tooltip> 
+          </th>
           <th class="fz14" colspan="17">{{$t('ground.dijiecaozuoxinxi')}}</th>
         </tr>
         <tr>
@@ -102,7 +132,6 @@
                     </td>
                   </tr>
                 </table>
-
               </td>
               <!-- 机位总数/(Y/E/F) -->
               <td v-if="childIndex==0" :rowspan="6">
@@ -171,9 +200,8 @@
                         </template>
                       </p>
                       <el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
-                        <el-button size="small" type="danger" @click='getItem(index, subIndex)'>
-                          {{!subItem.ContractUrl ? '上传手配书' : '重新上传手配书'}}</el-button>
-                      </el-upload>
+                         <el-button size="small" type="danger" @click='getItem(index, subIndex)'>{{!subItem.ContractUrl ? '上传手配书' : '重新上传手配书'}}</el-button>
+                      </el-upload> 
                     </td>
                   </tr>
                 </table>
@@ -267,7 +295,6 @@
                   <el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'RebateRatio')"
                     v-model='childItem.RebateRatio' @input="calculationPrice(subItem)" :disabled="true"></el-input> %
                 </template>
-
               </td>
               <!--返佣金额-->
               <td>
@@ -438,12 +465,8 @@
                       </el-select>
                     </td>
                   </tr>
-                  
                   <tr>
                     <td colspan="2" style="height:5px;">
-
-
-
                     </td>
                   </tr>
                   <tr>
@@ -556,7 +579,8 @@
         allCurrencyList: [], //币种列表
         checkedIndex: '',
         checkedsubIndex: '',
-        XiaoFeiTaxFee:0.1
+        XiaoFeiTaxFee:0.1,
+        IsMoreUpdate:0,//批量上传手配书0-单个上传,1-批量上传
       }
     },
     components: {
@@ -565,6 +589,11 @@
       commonPHInfo: commonPHlInfo
     },
     methods: {
+      MoreUpdate(subItem)
+      {
+          subItem.IsChecked=!subItem.IsChecked;
+          this.IsMoreUpdate=1;
+      },
       //付款方式切换
       PayChange(subItem) {
         if (subItem.PayStyle > 0) {
@@ -711,9 +740,24 @@
         let path = '/Upload/DMC/Hotel'
         this.$message.info('上传中...')
         this.UploadSelfFileT(path, newArr, x => {
-          var fileUrl=this.domainManager()
-            .ViittoFileUrl + x.data.FilePath;
-          this.list[this.checkedIndex].HotelOrderList[this.checkedsubIndex].ContractUrl =  fileUrl;
+          var fileUrl=this.domainManager().ViittoFileUrl + x.data.FilePath;
+            //批量上传
+           if(this.IsMoreUpdate==1)
+            {
+                this.list.forEach((sItem,sIndex)=>{
+                    sItem.HotelOrderList.forEach((subItem,subIndex)=>{
+                        if(subItem.IsChecked){
+                          subItem.ContractUrl=fileUrl;
+                        }
+                        subItem.IsChecked=false;
+                   });
+                });
+            }
+            else
+            {
+                this.list[this.checkedIndex].HotelOrderList[this.checkedsubIndex].ContractUrl =  fileUrl;
+            }
+          this.IsMoreUpdate=0;
           this.$forceUpdate()
         })
       },
@@ -755,6 +799,7 @@
           IsCombine: this.IsCombine,
           NewTCIDs: this.NewTCIDs
         }, res => {
+
           if (res.data.resultCode == 1) {
             this.IsOperation = res.data.data.IsOperation;
             this.IsEditHotel = res.data.data.IsEditHotel;
@@ -799,6 +844,7 @@
                 })
               });
               this.list = list;
+              console.log("this.list",this.list);
               this.$forceUpdate();
             }
           } else {