页面修改

src/components/Hotel/SupplierHandFee.vue

 <style>
-  .SupplierTable td{
-    padding:0 5px;
-    text-align: center!important;
+  .SupplierTable td {
+    padding: 0 5px;
+    text-align: center !important;
   }
+
+  .SupplierTable .linkStr {
+    color: blue;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+
 </style>
 <template>
   <div class="flexOne SupplierHandeFee">
@@ -51,9 +58,15 @@
         <template v-for="(subItem,subIndex) in item.SubList">
           <tr :key="subIndex">
             <td>{{subItem.OutBranchName}}</td>
-            <td>{{subItem.TCNUM}}({{subItem.TCID}})</td>
-            <td v-if="subIndex==0" :rowspan="item.SubList.length">{{item.DMCNum}}</td>
-            <td>{{subItem.GuestNum}}</td>
+            <td><span class="linkStr" @click="gotoDmcTable(subItem)"> {{subItem.TCNUM}}({{subItem.TCID}})
+              </span>
+            </td>
+            <td v-if="subIndex==0" :rowspan="item.SubList.length">
+              <span class="linkStr" @click="gotoDmcTable(subItem)"> {{item.DMCNum}} </span>
+            </td>
+            <td>
+              <span class="linkStr" @click="goUrlT(subItem)"> {{subItem.GuestNum}} </span>
+            </td>
             <td>{{subItem.UnitPrice}}</td>
             <td style="text-align:left!important;">
               <span style="color:red;">{{subItem.DayCount}}泊</span>
@@ -68,7 +81,7 @@
               <template v-if="subItem.Frids!=''"> {{subItem.RMBMoney}}</template>
             </td>
             <td>
-              {{subItem.Frids}}
+              <a v-if="subItem.Frids!=''" class="linkStr" @click="goFncUrl(subItem.Frids)">{{subItem.Frids}}</a>
             </td>
             <td v-if="subIndex==0" :rowspan="item.SubList.length">
               <el-tooltip class="item" effect="dark" content="生成单据" placement="top-start">
@@ -113,26 +126,56 @@
     },
     filters: {},
     methods: {
-      //生成手配费单据
-      CreateSupplierBill(item) {
-        var that = this;
-        this.Confirm("是否要生成财务单据?", function () {
-          that.loading = true;
-          that.apipost("dmcstatistics_get_CreateDmcSupplierHotelBillService", {
-              TCID: item.TCIDS,
-              Supplier:that.msg.Supplier,
-              QMonthStr:that.msg.QMonthStr,
-            },
-            res => {
-              that.loading = false;
-              if (res.data.resultCode == 1) {
-                that.Success('生成单据成功!');
-                that.getList();
-              } else {
-                that.Error(res.data.data);
-              }
-            }, null);
-        });    
+      goUrlT(item) {
+        this.$router.push({
+          name: "RegistrationList",
+          query: {
+            "id": item.TCID,
+            blank: 'y',
+            tab: "报名清单"
+          }
+        })
+      },
+      goFncUrl(frid) {
+        this.$router.push({
+          name: "FinancialDocumentsDetail",
+          query: {
+            id: frid,
+            blank: "y",
+            tab: "单据详情"
+          }
+        });
+      },
+      gotoDmcTable(item) {
+        this.$router.push({
+          name: "dmcTotalTable",
+          query: {
+            TCNUM: item.TCNUM,
+            blank: "y",
+            tab: "详情"
+          }
+        });
+      },
+      //生成手配费单据
+      CreateSupplierBill(item) {
+        var that = this;
+        this.Confirm("是否要生成财务单据?", function () {
+          that.loading = true;
+          that.apipost("dmcstatistics_get_CreateDmcSupplierHotelBillService", {
+              TCID: item.TCIDS,
+              Supplier: that.msg.Supplier,
+              QMonthStr: that.msg.QMonthStr,
+            },
+            res => {
+              that.loading = false;
+              if (res.data.resultCode == 1) {
+                that.Success('生成单据成功!');
+                that.getList();
+              } else {
+                that.Error(res.data.data);
+              }
+            }, null);
+        });
       },
       //报价单下载
       DownLoadFile() {
@@ -145,12 +188,12 @@
           return;
         }
         var SupplierName = ''
-        this.SupplierList.forEach(x=>{
-          if(this.msg.Supplier==x.ID){
-            SupplierName=x.Name
+        this.SupplierList.forEach(x => {
+          if (this.msg.Supplier == x.ID) {
+            SupplierName = x.Name
           }
         })
-        var fileName = SupplierName + this.msg.QMonthStr+".xls";
+        var fileName = SupplierName + this.msg.QMonthStr + ".xls";
         this.loading = true;
         this.GetLocalFile("dmc_get_DowmLoadDmcSupplierHote", this.msg, fileName, res => {
           this.loading = false;
@@ -166,6 +209,7 @@
           this.Error('请选择供应商');
           return;
         }
+        this.msg.PageIndex = 1;
         this.getList();
       },
       //获取数据