增加单据详情

src/components/FinancialModule/BasicDocuments.vue

@@ -338,6 +338,10 @@
                         <span style="text-decoration: underline;margin-right:10px" @click="goHand(1,GetDetail)">团号：{{GetDetail.TCNUM}}</span>    
                         <span style="text-decoration: underline;" @click="goHand(2,GetDetail)">相关单据：{{GetDetail.ReFinanceId}}</span>    
                     </span>
+                    <span v-if="GetDetail.OtherType==18&&GetDetail.ReFinanceId>0" style="cursor: pointer;float: right;color: #000;font-size: 12px;">
+                        <span @click="goOrderDetails(GetDetail.ReFinanceId)">账单：{{GetDetail.ReFinanceId}}</span>
+                    </span>
+
                 </p>
                 <table border="1" bordercolor="#D2D2D2" style="border-collapse:collapse;margin-top:15px;" width="100%" v-if="GetDetail.TCIDAndTCNUMList.length>0">
                     <tr v-for="(o,ox) in GetDetail.TCIDAndTCNUMList" class="_fujiashuoming_tr">
@@ -1578,6 +1582,17 @@ export default {
                 }); 
             }
         },
+        //跳转至电商订单详情
+        goOrderDetails(id){
+            this.$router.push({
+                name: 'EleBillDetail',
+                query: { 
+                    BillId:id,
+                    blank: "y", 
+                    tab: "账单详情" 
+                }
+            }); 
+        },
         GourlCostType(path,num){
             this.$router.push({
                 name: path,

src/components/FinancialModule/FinancialDocumentsDetail.vue

@@ -407,6 +407,9 @@
                             <span style="text-decoration: underline;margin-right:10px" @click="goHand(1,GetDetail)">团号：{{GetDetail.TCNUM}}</span>    
                             <span style="text-decoration: underline;" @click="goHand(2,GetDetail)">相关单据：{{GetDetail.ReFinanceId}}</span>    
                         </span>
+                        <span v-if="GetDetail.OtherType==18&&GetDetail.ReFinanceId>0" style="cursor: pointer;float: right;color: #000;font-size: 12px;">
+                            <span @click="goOrderDetails(GetDetail.ReFinanceId)">账单：{{GetDetail.ReFinanceId}}</span>
+                        </span>
                     </p>
                     <table border="1" bordercolor="#D2D2D2" style="border-collapse:collapse;margin-top:15px;" width="100%" v-if="GetDetail.TCIDAndTCNUMList.length>0">
                         <tr v-for="(o,ox) in GetDetail.TCIDAndTCNUMList" class="_fujiashuoming_tr">
@@ -1016,6 +1019,17 @@ export default {
                 }); 
             }
         },
+        //跳转至电商订单详情
+        goOrderDetails(id){
+            this.$router.push({
+                name: 'EleBillDetail',
+                query: { 
+                    BillId:id,
+                    blank: "y", 
+                    tab: "账单详情" 
+                }
+            }); 
+        },
         GourlHotelZr(){
             this.$router.push({
                 name: 'HotelDiscount',

src/components/FinancialModule/accDetail/EleBillDetail.vue

+<style>
+    .EleBillDetail .EleDiv{
+        margin:10px 0;
+        font-size:14px;
+    }
+    .EleBillDetail .EleDiv span{
+        margin-right:30px;
+    }
+</style>
+<template>
+  <div class="flexOne EleBillDetail">
+    <div class="EleDiv">
+      <span>总金额：{{dataList.TotalMoney}}</span>
+      <span>用户名称：{{dataList.UserName}}</span>
+      <span>供应商名称：{{dataList.SupplierName}}</span>
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+      <tr>
+        <th>订单号</th>
+        <th>封面图</th>
+        <th>商品名称</th>
+        <th>商品规格</th>
+        <th>数量</th>
+        <th>价格</th>
+        <th>状态</th>
+        <th>佣金</th>
+      </tr>
+      <tr v-for="(item,index) in dataList.RList" :key="index">
+          <td>{{item.OrderNo}}</td>
+          <td>
+              <img :src="item.CoverImage" style="width:90px;height:90px;" alt=""/>
+          </td>
+          <td>{{item.GoodsName}}</td>
+          <td>
+              <div v-for="(subItem,subIndex) in item.SpecificationList" :key="subIndex">
+                  {{subItem}}
+              </div>
+          </td>
+          <td>{{item.Number}}</td>
+          <td>{{item.Final_Price}}</td>
+          <td>
+            <span style="color:red;" v-if="item.OrderIntroduction.CommissionState==1">未结算</span>
+            <span style="color:green;" v-if="item.OrderIntroduction.CommissionState==2">已结算</span>
+          </td>
+          <td>{{item.OrderIntroduction.Commission}}</td>
+      </tr>
+    </table>
+    <div class="noDataNotice" v-if="dataList.length<1">
+      <i class="iconfont icon-kong"></i>
+      <p>{{$t("active.ld_noData")}}</p>
+    </div>
+</div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      //请求
+      msg: {
+        BillId:0  
+      },
+      loading:false,
+      dataList:[],
+    };
+  },
+  mounted() {
+    this.msg.BillId = this.$route.query.BillId;
+    this.getList();
+  },
+  filters: {
+  },
+  methods: {
+    //获取数据
+    getList() {
+      this.loading = true;
+      this.mallapipost('/api/ERPOrderCommission/GetRecommendOrdersBillDetailList', this.msg, res=>{
+        console.log(res,'res');
+        this.loading = false
+        if (res.data.resultCode === 1) {
+          this.dataList = res.data.data;
+        } else {
+          this.Error(res.data.message)
+        }
+      }, null);
+    },
+  }
+};
+</script>
\ No newline at end of file

src/router/config.js

@@ -3246,7 +3246,14 @@ export default {
                             meta: {
                                 title: '付款对象账户明细'
                             },
-                        }, { //财务  流程 流程管理
+                        }, { //财务 查看电商账单明细
+                            path: '/EleBillDetail',
+                            name: 'EleBillDetail',
+                            component: resolve => require(['@/components/FinancialModule/accDetail/EleBillDetail'], resolve),
+                            meta: {
+                                title: '账单明细'
+                            },         
+                        },{ //财务  流程 流程管理
                             path: '/FProcessManagement',
                             name: 'FProcessManagement',
                             component: resolve => require(['@/components/FinancialModule/FProcessManagement'], resolve),