修改

src/components/Hotel/SupplierHandFee.vue

+<style>
+  .SupplierTable td{
+    padding:0 8px;
+  }
+</style>
 <template>
   <div class="flexOne SupplierHandeFee">
     <div class="query-box">
@@ -27,18 +32,18 @@
       </ul>
     </div>
     <div class="clearfix"></div>
-    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+    <table class="singeRowTable SupplierTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
         <th width="130">做账主体</th>
-        <th width="160">团号</th>
+        <th width="180">团号</th>
         <th width="150">手配定团号</th>
-        <th width="100">订单人数</th>
+        <th width="70">订单人数</th>
         <th width="100">单价（日元）</th>
-        <th>泊数/日期</th>
-        <th width="150">小计(日元)</th>
-        <th width="150">小计(人民币)</th>
-        <th width="200">单号</th>
-        <th width="100">生成单据</th>
+        <th width="300">泊数/日期</th>
+        <th width="120">小计(日元)</th>
+        <th width="120">小计(人民币)</th>
+        <th width="150">单号</th>
+        <th width="80">生成单据</th>
       </tr>
       <tbody v-for="(item,index) in dataList" :key="index">
         <template v-for="(subItem,subIndex) in item.SubList">
@@ -48,7 +53,7 @@
             <td v-if="subIndex==0" :rowspan="item.SubList.length">{{item.DMCNum}}</td>
             <td>{{subItem.GuestNum}}</td>
             <td>{{subItem.UnitPrice}}</td>
-            <td>
+            <td style="text-align:left;">
               <span style="color:red;">{{subItem.DayCount}}泊</span>
               <br />
               {{subItem.UseTime}}
@@ -103,28 +108,43 @@
     },
     filters: {},
     methods: {
-      //生成手配费单据
-      CreateSupplierBill(item) {
-        var that = this;
-        this.Confirm("是否要生成财务单据?", function () {
-          that.loading = true;
-          that.apipost("dmcstatistics_get_GetDmcSupplierHotelPageListService", {
-              TCID: item.TCIDs
-            },
-            res => {
-              that.loading = false;
-              if (res.data.resultCode == 1) {
-                that.Success('生成单据成功!');
-                that.getList();
-              } else {
-                that.Error(res.data.data);
-              }
-            }, null);
-        });
+      //生成手配费单据
+      CreateSupplierBill(item) {
+        var that = this;
+        this.Confirm("是否要生成财务单据?", function () {
+          that.loading = true;
+          that.apipost("dmcstatistics_get_CreateDmcSupplierHotelBillService", {
+              TCID: item.TCIDS,
+              Supplier:that.msg.Supplier
+            },
+            res => {
+              that.loading = false;
+              if (res.data.resultCode == 1) {
+                that.Success('生成单据成功!');
+                that.getList();
+              } else {
+                that.Error(res.data.data);
+              }
+            }, null);
+        });    
       },
       //报价单下载
       DownLoadFile() {
-        var fileName = "供应商手配费下载.xls";
+        if (this.msg.QMonthStr == '' || this.msg.QMonthStr == null) {
+          this.Error('请选择月份');
+          return;
+        }
+        if (this.msg.Supplier == 0) {
+          this.Error('请选择供应商');
+          return;
+        }
+        var SupplierName = ''
+        this.SupplierList.forEach(x=>{
+          if(this.msg.Supplier==x.ID){
+            SupplierName=x.Name
+          }
+        })
+        var fileName = SupplierName + this.msg.QMonthStr;
         this.loading = true;
         this.GetLocalFile("dmc_get_DowmLoadDmcSupplierHote", this.msg, fileName, res => {
           this.loading = false;