酒店信息增加下载

src/components/commonPage/commonHotelInfo.vue

 <template>
-     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
-        <tr>
-        <th width="100">日期</th>
-        <th style="width:150px;">酒店</th>
-        <th style="width:150px;">更换酒店</th>
-        <th style="width:100px;">状态</th>
-        <th style="width:150px;" v-if="showHotelObj.showPrice">使用数量/价格</th>
-        <th style="width:100px;" v-if="showHotelObj.showPay">付款方式</th>
-        <th style="width:120px" v-if="showHotelObj.showZhan">占房时间</th>
-        </tr>
-        <template v-for="hotelItem in  HotelObj">
-        <tr v-for="(hotelSubItem,hotelSubIndex) in hotelItem.SubList">
-            <td width="100" v-if="hotelSubIndex==0" :rowspan="hotelItem.SubList.length">
-            {{hotelItem.UseDay}}
-            </td>
-            <td style="text-align:left;padding-left:3px;">
-            {{hotelSubItem.HotelName}}
-            </td>
-            <td style="text-align:left;padding-left:3px;color:red">
-            {{hotelSubItem.HotelName!=hotelSubItem.NewHotelName?""+hotelSubItem.NewHotelName:""}}
-            </td>
-            <td style="text-align:left;padding-left:3px;">
-            <span v-if="hotelSubItem.HotelName!='温馨的家'">
-                <template v-if="hotelSubItem.OPState==1">
-                <a style="color:green">OP-OK</a>
-                </template>
-                <template v-else-if="hotelSubItem.OPState==2&&hotelSubItem.DMCState==0">
-                <a style="color:red">OP-暂定</a>
-                </template>
-                <template v-else>
-                <template v-if="hotelSubItem.DMCState==1">
-                    <a style="color:green">地接-OK</a>
-                </template>
-                <template v-else>
-                    <a style="color:red"> {{hotelSubItem.DMCState==2?"地接-暂定":"地接-未操作"}}</a>
-                </template>
-                </template>
-            </span>
-            </td>
-            <td v-if="showHotelObj.showPrice">
-            <a v-if="(hotelSubItem.OPState==1|| hotelSubItem.OPState==2 || hotelSubItem.DMCState==1 )">
-                {{hotelSubItem.UseCount>0? hotelSubItem.UseCount+" 间" :""}}
-                {{hotelSubItem.CostPriceNew>0?" 价格:"+hotelSubItem.CostPriceNew:(hotelSubItem.CostPrice!=0?" 价格:"+hotelSubItem.CostPrice:"")}}
-            </a>
-            </td>
-            <td v-if="showHotelObj.showPay">
-                {{hotelSubItem.PayTypeStr}}
-            </td>
-            <td v-if="showHotelObj.showZhan">
-                <template
-                    v-if="hotelSubItem.OPState==1||(hotelSubItem.OPState==2 && hotelSubItem.DMCState==0)">
-                    {{hotelSubItem.CreateDateStr}}
-                </template>
-            </td>
-        </tr>
-        </template>
-        <tfoot v-if="showHotelObj.showBtnList">
-            <tr>
-                <td colspan="7" style="padding:10px 0">
-                    <input type="button" class="normalBtn" value="确定" style="display:none;"/>
-                    <input type="button" class="normalBtn" value="暂定" style="display:none;"/>
-                    <input type="button" class="normalBtn" value="下载"/>
-                </td>
-            </tr>
-        </tfoot>
-    </table>
+  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+    <tr>
+      <th width="100">日期</th>
+      <th style="width:150px;">酒店</th>
+      <th style="width:150px;">更换酒店</th>
+      <th style="width:100px;">状态</th>
+      <th style="width:150px;" v-if="showHotelObj.showPrice">使用数量/价格</th>
+      <th style="width:100px;" v-if="showHotelObj.showPay">付款方式</th>
+      <th style="width:120px" v-if="showHotelObj.showZhan">占房时间</th>
+    </tr>
+    <template v-for="hotelItem in  HotelObj">
+      <tr v-for="(hotelSubItem,hotelSubIndex) in hotelItem.SubList">
+        <td width="100" v-if="hotelSubIndex==0" :rowspan="hotelItem.SubList.length">
+          {{hotelItem.UseDay}}
+        </td>
+        <td style="text-align:left;padding-left:3px;">
+          {{hotelSubItem.HotelName}}
+        </td>
+        <td style="text-align:left;padding-left:3px;color:red">
+          {{hotelSubItem.HotelName!=hotelSubItem.NewHotelName?""+hotelSubItem.NewHotelName:""}}
+        </td>
+        <td style="text-align:left;padding-left:3px;">
+          <span v-if="hotelSubItem.HotelName!='温馨的家'">
+            <template v-if="hotelSubItem.OPState==1">
+              <a style="color:green">OP-OK</a>
+            </template>
+            <template v-else-if="hotelSubItem.OPState==2&&hotelSubItem.DMCState==0">
+              <a style="color:red">OP-暂定</a>
+            </template>
+            <template v-else>
+              <template v-if="hotelSubItem.DMCState==1">
+                <a style="color:green">地接-OK</a>
+              </template>
+              <template v-else>
+                <a style="color:red"> {{hotelSubItem.DMCState==2?"地接-暂定":"地接-未操作"}}</a>
+              </template>
+            </template>
+          </span>
+        </td>
+        <td v-if="showHotelObj.showPrice">
+          <a v-if="(hotelSubItem.OPState==1|| hotelSubItem.OPState==2 || hotelSubItem.DMCState==1 )">
+            {{hotelSubItem.UseCount>0? hotelSubItem.UseCount+" 间" :""}}
+            {{hotelSubItem.CostPriceNew>0?" 价格:"+hotelSubItem.CostPriceNew:(hotelSubItem.CostPrice!=0?" 价格:"+hotelSubItem.CostPrice:"")}}
+          </a>
+        </td>
+        <td v-if="showHotelObj.showPay">
+          {{hotelSubItem.PayTypeStr}}
+        </td>
+        <td v-if="showHotelObj.showZhan">
+          <template v-if="hotelSubItem.OPState==1||(hotelSubItem.OPState==2 && hotelSubItem.DMCState==0)">
+            {{hotelSubItem.CreateDateStr}}
+          </template>
+        </td>
+      </tr>
+    </template>
+    <tfoot v-if="showHotelObj.showBtnList">
+      <tr>
+        <td colspan="7" style="padding:10px 0">
+          <input type="button" class="normalBtn" value="确定" style="display:none;" />
+          <input type="button" class="normalBtn" value="暂定" style="display:none;" />
+          <input type="button" class="normalBtn" value="下载" style="display:none;" @click="DownLoadShouPeiShu()" />
+        </td>
+      </tr>
+    </tfoot>
+  </table>
 </template>
 <script>
   export default {
-    props: ["HotelObj","showHotelObj"],
+    props: ["HotelObj", "showHotelObj","TCID","DMCNum","TCNUM"],
     data() {
       return {
-
+          loading:false,
       };
     },
     methods: {
-     
+      DownLoadShouPeiShu() {
+        this.loading = true;
+        let qMsg = {
+          TCID:this.TCID
+        };
+        let fileName = "手配书【"+this.DMCNum+"】" + this.$commonUtils.getCurrentDate() + ".xls";
+        this.GetLocalFile("hotel_SPS_DownLoad", qMsg, fileName,
+          res => {
+            this.loading = false;
+          });
+      }
     },
     mounted() {
-        
+
     }
   };
 

src/components/dmc/manager/dmcTotalTable.vue

@@ -266,7 +266,7 @@
                 <p
                   v-if="item.LineId==14 && item.CommonReport.PriceHotelResult && item.CommonReport.PriceHotelResult.length>0">
                   <el-popover width="700" trigger="click" popper-class="TC_HotelPop">
-                    <commonHotelInfo :HotelObj="item.CommonReport.PriceHotelResult" :showHotelObj="showHotelObj"></commonHotelInfo>
+                    <commonHotelInfo :HotelObj="item.CommonReport.PriceHotelResult" :showHotelObj="showHotelObj" :TCID="item.TCID" :DMCNum="item.DMCNum" :TCNUM="item.TCNUMS"></commonHotelInfo>
                     <span slot="reference" class="price" style="cursor:pointer;text-decoration:underline;">酒店信息</span>
                   </el-popover>
                 </p>