增加批量上传手配书

src/components/Hotel/roomReservationsDetails.vue

@@ -13,7 +13,14 @@
   .rq_disImNote {
     color: #ea6d6d;
   }
-
+  .piliangPop .roomReserSet tr{
+    height:30px;
+  }
+  .piliangPop .roomReserSet tr th{
+    background-color: #eee;
+    text-align: center;
+    margin-bottom:10px;
+  }
 </style>
 
 <template>
@@ -38,9 +45,16 @@
         <tr>
           <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">
+          </th>
+          <th class="fz14" colspan="17">
+
+           <el-tooltip class="item" effect="dark" content="批量上传手配书" placement="top-start" style="float:left;margin-left:20px;">
+                <el-popover placement="bottom" popper-class="piliangPop" width="400" trigger="click"  v-model="isShowPiliangPop">
+                  <table class="dmcSetTable roomReserSet" border="0" cellspacing="0" cellpadding="0">
+                    <tr>
+                      <th>日期</th>
+                      <th>酒店名称</th>
+                    </tr>
                     <template v-for="(lItem,lIndex) in list" >
                       <tr v-for="(subItem,subIndex) in lItem.HotelOrderList" :key="subIndex+lIndex">
                         <td style="width:100px;">
@@ -54,20 +68,19 @@
                     <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 size="small" type="danger" style="margin-top:10px;">
                         选择文件</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 slot="reference" style="background:#E95252; border-color:#E95252" type="primary">
                      批量上传手配书
                   </el-button>
                 </el-popover>
            </el-tooltip> 
+            <span style="margin-top:6px;display:inline-block;">{{$t('ground.dijiecaozuoxinxi')}}</span>
           </th>
-          <th class="fz14" colspan="17">{{$t('ground.dijiecaozuoxinxi')}}</th>
         </tr>
         <tr>
           <th width="120">{{$t('hotel.table_CheckInDate')}}</th>
@@ -581,6 +594,7 @@
         checkedsubIndex: '',
         XiaoFeiTaxFee:0.1,
         IsMoreUpdate:0,//批量上传手配书0-单个上传,1-批量上传
+        isShowPiliangPop:false //是否显示批量上传popover
       }
     },
     components: {
@@ -752,6 +766,7 @@
                         subItem.IsChecked=false;
                    });
                 });
+                this.isShowPiliangPop=false;
             }
             else
             {
@@ -844,7 +859,6 @@
                 })
               });
               this.list = list;
-              console.log("this.list",this.list);
               this.$forceUpdate();
             }
           } else {