提交结算明细页面

src/App.vue

@@ -4,39 +4,40 @@
   </div>
 </template>
 <script>
-    export default {
+export default {
   data() {
     return {};
   },
-        ceated() {
-
-        },
+  ceated() {},
   mounted() {
-            let getData
+    let getData;
     if (this.$route.query) {
-                getData = JSON.stringify(this.$route.query)
-                getData = JSON.parse(getData)
+      getData = JSON.stringify(this.$route.query);
+      getData = JSON.parse(getData);
       if (getData.erpOrderObj) {
-                    getData = JSON.parse(getData.erpOrderObj)
+        getData = JSON.parse(getData.erpOrderObj);
       }
     }
     if (!this.getLocalStorage() && !getData) {
       this.$router.push({
         path: "/login",
       });
-            } else if (getData && getData.path) { // erp自动登陆传过来的参数
-                let parameter = getData
+    } else if (getData && getData.path) {
+      // erp自动登陆传过来的参数
+      let parameter = getData;
       this.$router.push({
-                    path: `/automaticLogin?toke=${data.token}&data=${JSON.stringify(parameter)}`,
-                })
+        path: `/automaticLogin?toke=${data.token}&data=${JSON.stringify(
+          parameter
+        )}`,
+      });
     } else {
       this.$router.push({
         name: "Home",
       });
     }
     setTimeout(() => {
-                this.getUserInfo()
-            }, 100)
+      this.getUserInfo();
+    }, 100);
   },
   methods: {
     // 获取用户权限信息
@@ -44,11 +45,11 @@
       this.apipost("/api/AutoLogin/GetCRMLoginMenu", {}, (res) => {
         var jsonData = res.data;
         if (jsonData.resultCode == 1) {
-                        var userData = jsonData.data
+          var userData = jsonData.data;
           var userJson = userData;
-                        var userInfo = JSON.parse(localStorage.userInfo)
-                        userInfo.UserMenu = userJson
-                        localStorage.userInfo = JSON.stringify(userInfo)
+          var userInfo = JSON.parse(localStorage.userInfo);
+          userInfo.UserMenu = userJson;
+          localStorage.userInfo = JSON.stringify(userInfo);
         } else {
           this.$message({
             message: res.data.message,
@@ -59,60 +60,61 @@
       });
     },
   },
-    };
+};
 </script>
 
 <style>
-    @import "./assets/css/tablevoerride.css";
-    @import "./assets/global/font.css";
-    @import "//at.alicdn.com/t/font_1627123_xio004ni8y.css";
-    @import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css");
-    /* @import './assets/css/common.css'; */
+@import "./assets/css/tablevoerride.css";
+@import "./assets/global/font.css";
+@import "//at.alicdn.com/t/font_1627123_xio004ni8y.css";
+@import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css");
+@import url("//at.alicdn.com/t/font_635492_63x5920i6sn.css");
+/* @import './assets/css/common.css'; */
 
-    @import "./assets/css/init.css";
-    body,
-    html {
+@import "./assets/css/init.css";
+body,
+html {
   padding: 0px;
   margin: 0px;
   font-family: "微软雅黑", " Microsoft YaHei", "PingFang", "PingFangR";
   -webkit-font-smoothing: antialiased;
   height: 100%;
-    }
+}
 
-    #app {
+#app {
   height: 100%;
-    }
+}
 
-    .el-scrollbar {
+.el-scrollbar {
   height: 100%;
-    }
+}
 
-    .el-scrollbar__wrap {
+.el-scrollbar__wrap {
   overflow: auto !important;
   width: 100%;
   height: 100%;
-    }
+}
 
-    .el-scrollbar__view {
+.el-scrollbar__view {
   width: 100%;
   height: 100%;
-    }
+}
 
-    .page-component-up {
+.page-component-up {
   position: fixed;
   right: calc(8.3% - 60px);
   bottom: 150px;
   width: 40px;
   height: 90px;
   z-index: 2000;
-    }
+}
 
-    .page-component-up img {
+.page-component-up img {
   width: 38px;
   height: 38px;
-    }
+}
 
-    .page-component-up i {
+.page-component-up i {
   background-color: #fff;
   cursor: pointer;
   transition: 0.3s;
@@ -123,28 +125,28 @@
   line-height: 40px;
   text-align: center;
   display: inline-block;
-    }
+}
 
-    .page-component-up i {
+.page-component-up i {
   font-size: 36px;
   color: #bbb;
-    }
+}
 
-    .page-component-up i:hover {
+.page-component-up i:hover {
   background-color: #ef4455;
   border: 1px solid #ec3346;
-    }
+}
 
-    .page-component-up:hover i {
+.page-component-up:hover i {
   color: #f1f1f1;
-    }
+}
 
-    .el-form-item .el-form-item__label {
+.el-form-item .el-form-item__label {
   color: #3d3b4f !important;
-    }
+}
 
-    .el-button [class*="el-icon-"]+span {
+.el-button [class*="el-icon-"] + span {
   margin-left: 5px;
   font-family: "perfectFont";
-    }
+}
 </style>

src/components/customerManage/orderDetailsDrawer.vue

@@ -15,6 +15,8 @@
 }
 .orderDetails-body {
   height: calc(100% - 83px);
+  display: flex;
+  flex-direction: column;
 }
 .orderDetails-body .order-info {
   height: 115px;
@@ -26,6 +28,13 @@
 .orderDetails-body .order-info .order-lable-box {
   color: #999999;
 }
+.orderDetails-content {
+  flex: 1;
+  position: relative;
+}
+.no-relative .el-tabs__content {
+  position: unset !important;
+}
 </style>
     <template>
         <div class="orderDetails-box">
@@ -51,11 +60,11 @@
                     </div>
                 </div>
                 <div class="orderDetails-content">
-                    <el-tabs v-model="activeName" @tab-click="handleClick">
+                    <el-tabs v-model="activeName" class="no-relative" @tab-click="handleClick">
                         <el-tab-pane label="产品详情" name="1">
                             
                         </el-tab-pane>
-                        <el-tab-pane label="订单核算" name="2">
+                        <el-tab-pane label="订单核算" name="2" style="height:100%">
                             <orderProfits :orderId="orderId"></orderProfits>
                         </el-tab-pane>
                         <el-tab-pane label="订单日志" name="3">