调整部分内容和新增单据跳转

src/components/customerManage/orderDetailsDrawer.vue

@@ -32,6 +32,7 @@
 .orderDetails-content {
   flex: 1;
   position: relative;
+  padding: 0 20px;
 }
 .no-relative .el-tabs__content {
   position: unset !important;
@@ -78,7 +79,7 @@
                         <el-tab-pane label="产品详情" name="1">
                             
                         </el-tab-pane>
-                        <el-tab-pane label="订单核算" name="2" style="height:100%">
+                        <el-tab-pane label="订单核算" name="2">
                             <orderProfits :orderId="orderId"></orderProfits>
                         </el-tab-pane>
                         <el-tab-pane label="订单日志" name="3">

src/components/customerManage/orderProfits.vue

@@ -130,7 +130,7 @@
           </tr>
           <template v-if="isExsitList(1).length>0">
             <tr v-for="item in isExsitList(1)" :key="item.FrID">
-              <td><span class="Team_income">{{item.FrID}}</span>
+              <td><span class="Team_income" @click="openDetails(item.FrID)">{{item.FrID}}</span>
               </td>
               <td><span v-for="(subItem,i) in item.CostTypeList" :key="i">{{subItem}}</span></td>
               <td>
@@ -185,7 +185,7 @@
           </tr>
           <template v-if="isExsitList(2).length>0">
             <tr v-for="item in isExsitList(2)" :key="item.FrID">
-              <td><span class="Team_income">{{item.FrID}}</span>
+              <td><span class="Team_income"  @click="openDetails(item.FrID)">{{item.FrID}}</span>
               </td>
               <td><span v-for="(subItem,i) in item.CostTypeList" :key="i">{{subItem}}</span></td>
               <td>
@@ -240,7 +240,7 @@
           </tr>
           <template v-if="isExsitList(3).length>0">
             <tr v-for="item in isExsitList(3)" :key="item.FrID">
-              <td><span class="Team_income">{{item.FrID}}</span>
+              <td><span class="Team_income" @click="openDetails(item.FrID)">{{item.FrID}}</span>
               </td>
               <td><span v-for="(subItem,i) in item.CostTypeList" :key="i">{{subItem}}</span></td>
               <td>
@@ -295,7 +295,7 @@
           </tr>
           <template v-if="isExsitList(4).length>0">
             <tr v-for="item in isExsitList(4)" :key="item.FrID">
-              <td><span class="Team_income">{{item.FrID}}</span>
+              <td><span class="Team_income" @click="openDetails(item.FrID)">{{item.FrID}}</span>
               </td>
               <td><span v-for="(subItem,i) in item.CostTypeList" :key="i">{{subItem}}</span></td>
               <td>
@@ -350,7 +350,7 @@
           </tr>
           <template v-if="isExsitList(4).length>0">
             <tr v-for="item in isExsitList(4)" :key="item.FrID">
-              <td><span class="Team_income">{{item.FrID}}</span>
+              <td><span class="Team_income" @click="openDetails(item.FrID)">{{item.FrID}}</span>
               </td>
               <td><span v-for="(subItem,i) in item.CostTypeList" :key="i">{{subItem}}</span></td>
               <td>
@@ -412,6 +412,23 @@ export default {
         (err) => {}
       );
     },
+    openDetails(item) {
+      let href;
+      let url = this.domainManager().erpRoutingUrl;
+      let data = [
+        {
+          path: "FinancialDocumentsDetail",
+          id: item.FrID,
+        },
+      ];
+      href =
+        url +
+        "automaticLogin?token=" +
+        this.getLocalStorage().token +
+        "&data=" +
+        JSON.stringify(data);
+      window.open(href);
+    },
     isExsitList(code) {
       if (code == 1) {
         return this.d.FinanceList.filter(
@@ -484,8 +501,8 @@ export default {
 
 .singeRowTable tr td {
   border: 1px solid #e5e5e5;
-  padding: 0px;
-  padding-left: 12px;
+  padding: 0px !important;
+  padding-left: 12px !important;
 }
 
 /* .Team_Content .el-col-5 {