Demo

config/index.js

@@ -6,7 +6,7 @@ module.exports = {
     env: require('./prod.env'),
     index: path.resolve(__dirname, '../dist/index.html'),
     assetsRoot: path.resolve(__dirname, '../dist'),
-    assetsSubDirectory: 'databoard',
+    assetsSubDirectory: 'demo',
     assetsPublicPath: '/assets/',
     productionSourceMap: true,
     // Gzip off by default as many popular static hosts such as

src/module/databoard/assets/index.css

@@ -26,7 +26,7 @@
   width: 100%;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(./img/top_img_2x.png);
+  background-image: url(./img/demo_top.png);
   background-size: cover;
 }
 
@@ -39,6 +39,14 @@
   letter-spacing: 2px;
 }
 
+#top_title {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url(./img/top_title_2x.png);
+  height: 100%;
+  background-size: 16% 48%;
+}
+
 .text_left {
   height: 50%;
   width: 25%;

src/module/databoard/components/chart/ar-company-bar.vue

@@ -120,8 +120,7 @@ export default {
   },
   mounted() {
     // 获取图表数据
-    arCompanyBar().then(res => {
-      let data = res.data
+    let data = [{"unregister_amount":2538.22,"settle_company":"上海******有限公司"},{"unregister_amount":270.32,"settle_company":"上海******有限公司"},{"unregister_amount":203.7,"settle_company":"南京******有限公司"},{"unregister_amount":100.37,"settle_company":"上海******有限公司"},{"unregister_amount":100.21,"settle_company":"北京******有限公司"},{"unregister_amount":92.46,"settle_company":"上海******有限公司"},{"unregister_amount":83.66,"settle_company":"上海******有限公司"},{"unregister_amount":69.86,"settle_company":"上海******有限公司"},{"unregister_amount":56.76,"settle_company":"上海******有限公司"},{"unregister_amount":55.45,"settle_company":"上海******有限公司"},{"unregister_amount":39.9,"settle_company":"郑州******有限公司"},{"unregister_amount":38.22,"settle_company":"上海******有限公司"},{"unregister_amount":37.34,"settle_company":"南京******有限公司"},{"unregister_amount":35.97,"settle_company":"浙江******有限公司"},{"unregister_amount":32.97,"settle_company":"上海******有限公司"},{"unregister_amount":24.29,"settle_company":"天津******有限公司"},{"unregister_amount":19.09,"settle_company":"南京******有限公司"},{"unregister_amount":17.01,"settle_company":"上海******有限公司"},{"unregister_amount":16.45,"settle_company":"长春******有限公司"},{"unregister_amount":14.98,"settle_company":"厦门******有限公司"}];
     let xAxisData = []
     let seriesData = []
     for (let item of data) {
@@ -131,10 +130,6 @@ export default {
     this.barChart.xAxis.data = xAxisData
     this.barChart.series.data = seriesData
     this.drawArCompanyBar()
-    }).catch(err => {
-        console.log(err);
-      }
-    );
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.resizeChart);

src/module/databoard/components/chart/ar-company-monthly-bar.vue

@@ -131,9 +131,7 @@ export default {
     }
     this.barChart.title.text = company + " 已开票未收款（开票月份）"
     // 获取图表数据
-
-    arCompanyMonthlyBar(company).then(res => {
-      let data = res.data
+    let data = [{"unregister_amount":3.35,"percentage":43.52,"settle_month":"2023-01","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":2.07,"percentage":21.19,"settle_month":"2023-02","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":1.16,"percentage":0.83,"settle_month":"2023-03","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":2.84,"percentage":28.19,"settle_month":"2023-04","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":8.3,"percentage":14.56,"settle_month":"2023-05","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":22.67,"percentage":17.56,"settle_month":"2023-06","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":2.65,"percentage":2.87,"settle_month":"2023-07","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":92,"percentage":28.22,"settle_month":"2023-08","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":220.91,"percentage":48.24,"settle_month":"2023-09","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":1293.17,"percentage":73.54,"settle_month":"2023-10","settle_company":"上海欧冶物流股份有限公司"},{"unregister_amount":885.99,"percentage":91.29,"settle_month":"2023-11","settle_company":"上海欧冶物流股份有限公司"}];
     let xAxisData = []
     let seriesData0 = []
     let seriesData1 = []
@@ -146,9 +144,6 @@ export default {
     this.barChart.series[0].data = seriesData0
     this.barChart.series[1].data = seriesData1
     this.drawArCompanyMonthlyBar()
-    }).catch(err => {
-      console.log(err);
-    });
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.resizeChart);

src/module/databoard/components/chart/ar-monthly-bar.vue

@@ -115,8 +115,7 @@ export default {
   },
   mounted() {
     // 获取图表数据
-    arMonthlyBar().then(res => {
-      let data = res.data
+    let data = [{"unregister_amount":7.69,"settle_month":"2023-01"},{"unregister_amount":9.77,"settle_month":"2023-02"},{"unregister_amount":140.14,"settle_month":"2023-03"},{"unregister_amount":10.06,"settle_month":"2023-04"},{"unregister_amount":57.04,"settle_month":"2023-05"},{"unregister_amount":129.07,"settle_month":"2023-06"},{"unregister_amount":92.39,"settle_month":"2023-07"},{"unregister_amount":325.96,"settle_month":"2023-08"},{"unregister_amount":457.98,"settle_month":"2023-09"},{"unregister_amount":1758.57,"settle_month":"2023-10"},{"unregister_amount":970.54,"settle_month":"2023-11"}];
     let xAxisData = []
     let seriesData = []
     for (let item of data) {
@@ -126,9 +125,6 @@ export default {
     this.barChart.xAxis.data = xAxisData
     this.barChart.series.data = seriesData
     this.drawArMonthlyBar()
-    }).catch(err => {
-      console.log(err);
-    });
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.resizeChart);

src/module/databoard/components/chart/ar-monthly-company-bar.vue

@@ -112,8 +112,7 @@ export default {
     }
     this.barChart.title.text = month + " 已开票未收款（结算单位）"
     // 获取图表数据
-    arMonthlyCompanyBar(month).then(res => {
-      let data = res.data
+    let data = [{"unregister_amount":1293.17,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":87.72,"settle_month":"2023-10","settle_company":"北京******有限公司"},{"unregister_amount":60.23,"settle_month":"2023-10","settle_company":"南京******有限公司"},{"unregister_amount":47.17,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":35.76,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":24.83,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":24.1,"settle_month":"2023-10","settle_company":"天津******有限公司"},{"unregister_amount":22.38,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":17.01,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":16.02,"settle_month":"2023-10","settle_company":"浙江******有限公司"},{"unregister_amount":14.56,"settle_month":"2023-10","settle_company":"厦门******有限公司"},{"unregister_amount":13.8,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":12.44,"settle_month":"2023-10","settle_company":"郑州******有限公司"},{"unregister_amount":10.66,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":8.62,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":8.3,"settle_month":"2023-10","settle_company":"上海******有限公司"},{"unregister_amount":8.1,"settle_month":"2023-10","settle_company":"天津******有限公司"},{"unregister_amount":7.08,"settle_month":"2023-10","settle_company":"南京******有限公司"},{"unregister_amount":7.07,"settle_month":"2023-10","settle_company":"济南******有限公司"},{"unregister_amount":6.41,"settle_month":"2023-10","settle_company":"江苏******有限公司"}];
     let xAxisData = []
     let seriesData = []
     for (let item of data) {
@@ -123,9 +122,6 @@ export default {
     this.barChart.xAxis.data = xAxisData
     this.barChart.series.data = seriesData
     this.drawArMonthlyCompanyBar()
-    }).catch(err => {
-      console.log(err);
-    });
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.resizeChart);

src/module/databoard/databoard/js/indexPieData.js

@@ -8,22 +8,19 @@ export const getTransportTypeOrderFinishPie = async (callback,date) => {
     '50': '码头/仓库',
   }
   let resList = new Array();
-  await transportTypeOrderFinishPie(date).then(function (res) {
+  let data = {"10":{"pre_buy_settle_amount":168825.74767,"cur_gross_profit_amount":97617.06634,"cur_sell_settle_amount":161709.98145,"pre_unit_weight":20541.888,"pre_sell_settle_amount":947153.95138,"cur_transport_type":"10","cur_buy_settle_amount":64092.91511,"pre_gross_profit_amount":778328.20371,"cur_unit_weight":8306.726},"20":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"pre_unit_weight":0,"pre_sell_settle_amount":0,"cur_transport_type":"20","cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_unit_weight":0},"30":{"pre_buy_settle_amount":45627.6114,"cur_gross_profit_amount":-25654.24,"cur_sell_settle_amount":48353.725,"pre_unit_weight":3743.459,"pre_sell_settle_amount":165140.1423,"cur_transport_type":"30","cur_buy_settle_amount":74007.965,"pre_gross_profit_amount":119512.5309,"cur_unit_weight":2583.125},"50":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"pre_unit_weight":0,"pre_sell_settle_amount":0,"cur_transport_type":"50","cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_unit_weight":0}}
   for (let key in choiceMap) {
-      resList.push({name: choiceMap[key], value: res.data[key].cur_unit_weight});
+    resList.push({name: choiceMap[key], value: data[key].cur_unit_weight});
   }
-  });
   callback(resList);
   return resList
 }
 export const getCustomerOrderFinishPie = async (callback,date) => {
-
   let resList = new Array();
-  await customerOrderFinishPie(date).then(function (res) {
-    for (let key in res.data) {
-      resList.push({name: key, value: res.data[key].cur_unit_weight});
+  let data = {"上海******有限公司1":{"cur_gross_profit_amount":1381.535,"cur_sell_settle_amount":48353.725,"entrust_agency_name":"上海******有限公司1","cur_buy_settle_amount":46972.19,"cur_unit_weight":1381.535},"上海******有限公司2":{"cur_gross_profit_amount":735.775,"cur_sell_settle_amount":0,"entrust_agency_name":"上海******有限公司2","cur_buy_settle_amount":735.775,"cur_unit_weight":1201.59},"浙江******有限公司":{"cur_gross_profit_amount":1237.95,"cur_sell_settle_amount":1237.95,"entrust_agency_name":"浙江******有限公司","cur_buy_settle_amount":0,"cur_unit_weight":160.506},"上海******有限公司3":{"cur_gross_profit_amount":460.7568,"cur_sell_settle_amount":1330.8498,"entrust_agency_name":"上海******有限公司3","cur_buy_settle_amount":870.093,"cur_unit_weight":135.801},"天津******有限公司":{"cur_gross_profit_amount":938.212,"cur_sell_settle_amount":0,"entrust_agency_name":"天津******有限公司","cur_buy_settle_amount":938.212,"cur_unit_weight":520.244},"南京******有限公司":{"cur_gross_profit_amount":359.415,"cur_sell_settle_amount":1096.245,"entrust_agency_name":"南京******有限公司","cur_buy_settle_amount":736.83,"cur_unit_weight":730.083},"北京******有限公司":{"cur_gross_profit_amount":2318.555,"cur_sell_settle_amount":2318.555,"entrust_agency_name":"北京******有限公司","cur_buy_settle_amount":0,"cur_unit_weight":440.45},"广州******有限公司":{"cur_gross_profit_amount":4211.0898,"cur_sell_settle_amount":4211.0898,"entrust_agency_name":"广州******有限公司","cur_buy_settle_amount":0,"cur_unit_weight":460.486},"青岛******有限公司":{"cur_gross_profit_amount":2502.201,"cur_sell_settle_amount":2502.201,"entrust_agency_name":"青岛******有限公司","cur_buy_settle_amount":0,"cur_unit_weight":300.147}};
+  for (let key in data) {
+    resList.push({name: key, value: data[key].cur_unit_weight});
   }
-  });
   callback(resList);
   return resList
 }

src/module/databoard/databoard/js/orderProportionHeadData.js

@@ -7,14 +7,8 @@ let choice = {
     year: "去年",
 }
 
-export const getHeadData = async (aux,callback) => {
-  let resList = new Array();
-  await getOrderFinishDataByCondition(aux).then(function (res) {
-    resList = dataFormatter(aux,res.data);
-    console.log(resList)
-  });
-  callback(resList);
-  return resList
+export const getHeadData = (aux,data) => {
+  return dataFormatter(aux,data);
 }
 
 

src/module/databoard/databoard/mockData/order_proportion_demo.json

+{
+  "day": {
+    "header": {"10":{"pre_buy_settle_amount":168636.64579,"cur_gross_profit_amount":137827.24451,"cur_sell_settle_amount":198623.98905,"name":"汽运","pre_unit_weight":20676.342,"pre_sell_settle_amount":951847.39138,"cur_buy_settle_amount":60796.74454,"pre_gross_profit_amount":783210.74559,"cur_type":"10","cur_unit_weight":9159.439},"20":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"name":"铁运","pre_unit_weight":0,"pre_sell_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_type":"20","cur_unit_weight":0},"30":{"pre_buy_settle_amount":45627.6114,"cur_gross_profit_amount":-25654.24,"cur_sell_settle_amount":48353.725,"name":"水运","pre_unit_weight":3743.459,"pre_sell_settle_amount":165140.1423,"cur_buy_settle_amount":74007.965,"pre_gross_profit_amount":119512.5309,"cur_type":"30","cur_unit_weight":2583.125},"50":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"name":"仓库","pre_unit_weight":0,"pre_sell_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_type":"50","cur_unit_weight":0}},
+    "detail": [{"proportion":34.12,"column":[{"value":0.4,"key":"订单量（万吨）"},{"value":34.12,"key":"占比"}],"company":"上海******有限公司1","unit_weight":4006.544,"title":"上海******有限公司1","value":0.4},{"proportion":28.67,"column":[{"value":0.34,"key":"订单量（万吨）"},{"value":28.67,"key":"占比"}],"company":"上海******有限公司2","unit_weight":3366.905,"title":"上海******有限公司2","value":0.34},{"proportion":11.77,"column":[{"value":0.14,"key":"订单量（万吨）"},{"value":11.77,"key":"占比"}],"company":"上海******有限公司3","unit_weight":1381.535,"title":"上海******有限公司3","value":0.14},{"proportion":10.23,"column":[{"value":0.12,"key":"订单量（万吨）"},{"value":10.23,"key":"占比"}],"company":"上海******有限公司4","unit_weight":1201.59,"title":"上海******有限公司4","value":0.12},{"proportion":5.54,"column":[{"value":0.07,"key":"订单量（万吨）"},{"value":5.54,"key":"占比"}],"company":"上海******有限公司5","unit_weight":650.61,"title":"上海******有限公司5","value":0.07},{"proportion":2.68,"column":[{"value":0.03,"key":"订单量（万吨）"},{"value":2.68,"key":"占比"}],"company":"长春******有限公司","unit_weight":314.425,"title":"长春******有限公司","value":0.03},{"proportion":2.11,"column":[{"value":0.02,"key":"订单量（万吨）"},{"value":2.11,"key":"占比"}],"company":"上海******有限公司6","unit_weight":247.604,"title":"上海******有限公司6","value":0.02},{"proportion":1.2,"column":[{"value":0.01,"key":"订单量（万吨）"},{"value":1.2,"key":"占比"}],"company":"南京******有限公司","unit_weight":140.382,"title":"南京******有限公司","value":0.01},{"proportion":1.16,"column":[{"value":0.01,"key":"订单量（万吨）"},{"value":1.16,"key":"占比"}],"company":"上海******有限公司7","unit_weight":135.801,"title":"上海******有限公司7","value":0.01},{"proportion":0.62,"column":[{"value":0.01,"key":"订单量（万吨）"},{"value":0.62,"key":"占比"}],"company":"上海******有限公司8","unit_weight":73.083,"title":"上海******有限公司8","value":0.01},{"proportion":0.44,"column":[{"value":0.01,"key":"订单量（万吨）"},{"value":0.44,"key":"占比"}],"company":"天津******有限公司","unit_weight":52.244,"title":"天津******有限公司","value":0.01},{"proportion":0.4,"column":[{"value":0,"key":"订单量（万吨）"},{"value":0.4,"key":"占比"}],"company":"广州******有限公司","unit_weight":46.486,"title":"广州******有限公司","value":0},{"proportion":0.38,"column":[{"value":0,"key":"订单量（万吨）"},{"value":0.38,"key":"占比"}],"company":"北京******有限公司","unit_weight":44.45,"title":"北京******有限公司","value":0},{"proportion":0.29,"column":[{"value":0,"key":"订单量（万吨）"},{"value":0.29,"key":"占比"}],"company":"上海******有限公司9","unit_weight":34.252,"title":"上海******有限公司9","value":0},{"proportion":0.26,"column":[{"value":0,"key":"订单量（万吨）"},{"value":0.26,"key":"占比"}],"company":"青岛******有限公司","unit_weight":30.147,"title":"青岛******有限公司","value":0},{"proportion":0.14,"column":[{"value":0,"key":"订单量（万吨）"},{"value":0.14,"key":"占比"}],"company":"浙江******有限公司","unit_weight":16.506,"title":"浙江******有限公司","value":0}]
+  },
+  "month": {
+    "header": {"10":{"pre_buy_settle_amount":7916723.162187,"cur_gross_profit_amount":4668571.459499,"cur_sell_settle_amount":12005262.984152,"name":"汽运","pre_unit_weight":332216.191,"pre_sell_settle_amount":9739589.919675,"cur_buy_settle_amount":7336691.524658,"pre_gross_profit_amount":1822866.757492,"cur_type":"10","cur_unit_weight":328583.11},"20":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"name":"铁运","pre_unit_weight":0,"pre_sell_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_type":"20","cur_unit_weight":0},"30":{"pre_buy_settle_amount":9367624.656365,"cur_gross_profit_amount":3064337.234995,"cur_sell_settle_amount":9393548.131406,"name":"水运","pre_unit_weight":270239.584,"pre_sell_settle_amount":11124206.414543,"cur_buy_settle_amount":6329210.896408,"pre_gross_profit_amount":1756581.758245,"cur_type":"30","cur_unit_weight":251428.276},"50":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"name":"仓库","pre_unit_weight":7170.867,"pre_sell_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_type":"50","cur_unit_weight":15721.194}},
+    "detail": [{"proportion":22.79,"column":[{"value":13.22,"key":"订单量（万吨）"},{"value":22.79,"key":"占比"}],"company":"上海******有限公司1","unit_weight":132164.569,"title":"上海******有限公司1","value":13.22},{"proportion":18.33,"column":[{"value":10.63,"key":"订单量（万吨）"},{"value":18.33,"key":"占比"}],"company":"广州******有限公司","unit_weight":106336.39,"title":"广州******有限公司","value":10.63},{"proportion":17.81,"column":[{"value":10.33,"key":"订单量（万吨）"},{"value":17.81,"key":"占比"}],"company":"上海******有限公司2","unit_weight":103328.232,"title":"上海******有限公司2","value":10.33},{"proportion":9.34,"column":[{"value":5.42,"key":"订单量（万吨）"},{"value":9.34,"key":"占比"}],"company":"上海******有限公司3","unit_weight":54201.742,"title":"上海******有限公司3","value":5.42},{"proportion":4.78,"column":[{"value":2.77,"key":"订单量（万吨）"},{"value":4.78,"key":"占比"}],"company":"上海******有限公司4","unit_weight":27706.156,"title":"上海******有限公司4","value":2.77},{"proportion":4.37,"column":[{"value":2.53,"key":"订单量（万吨）"},{"value":4.37,"key":"占比"}],"company":"沈阳******有限公司","unit_weight":25345.168,"title":"沈阳******有限公司","value":2.53},{"proportion":3.82,"column":[{"value":2.22,"key":"订单量（万吨）"},{"value":3.82,"key":"占比"}],"company":"北京******有限公司","unit_weight":22150.709,"title":"北京******有限公司","value":2.22},{"proportion":2.18,"column":[{"value":1.26,"key":"订单量（万吨）"},{"value":2.18,"key":"占比"}],"company":"上海******有限公司5","unit_weight":12645.175,"title":"上海******有限公司5","value":1.26},{"proportion":1.97,"column":[{"value":1.14,"key":"订单量（万吨）"},{"value":1.97,"key":"占比"}],"company":"天津******有限公司1","unit_weight":11399.123,"title":"天津******有限公司1","value":1.14},{"proportion":1.86,"column":[{"value":1.08,"key":"订单量（万吨）"},{"value":1.86,"key":"占比"}],"company":"天津******有限公司2","unit_weight":10795.403,"title":"天津******有限公司2","value":1.08},{"proportion":1.49,"column":[{"value":0.87,"key":"订单量（万吨）"},{"value":1.49,"key":"占比"}],"company":"上海******有限公司6","unit_weight":8650.989,"title":"上海******有限公司6","value":0.87},{"proportion":1,"column":[{"value":0.58,"key":"订单量（万吨）"},{"value":1,"key":"占比"}],"company":"上海******有限公司7","unit_weight":5778.881,"title":"上海******有限公司7","value":0.58},{"proportion":0.94,"column":[{"value":0.55,"key":"订单量（万吨）"},{"value":0.94,"key":"占比"}],"company":"上海******有限公司8","unit_weight":5467.707,"title":"上海******有限公司8","value":0.55},{"proportion":0.94,"column":[{"value":0.55,"key":"订单量（万吨）"},{"value":0.94,"key":"占比"}],"company":"武汉******有限公司","unit_weight":5457.851,"title":"武汉******有限公司","value":0.55},{"proportion":0.79,"column":[{"value":0.46,"key":"订单量（万吨）"},{"value":0.79,"key":"占比"}],"company":"上海******有限公司9","unit_weight":4596.267,"title":"上海******有限公司9","value":0.46},{"proportion":0.7,"column":[{"value":0.41,"key":"订单量（万吨）"},{"value":0.7,"key":"占比"}],"company":"上海******有限公司10","unit_weight":4081.478,"title":"上海******有限公司10","value":0.41},{"proportion":0.66,"column":[{"value":0.38,"key":"订单量（万吨）"},{"value":0.66,"key":"占比"}],"company":"南京******有限公司","unit_weight":3837.587,"title":"南京******有限公司","value":0.38},{"proportion":0.65,"column":[{"value":0.37,"key":"订单量（万吨）"},{"value":0.65,"key":"占比"}],"company":"厦门******有限公司","unit_weight":3745.655,"title":"厦门******有限公司","value":0.37},{"proportion":0.57,"column":[{"value":0.33,"key":"订单量（万吨）"},{"value":0.57,"key":"占比"}],"company":"上海******有限公司11","unit_weight":3309.13,"title":"上海******有限公司11","value":0.33},{"proportion":0.55,"column":[{"value":0.32,"key":"订单量（万吨）"},{"value":0.55,"key":"占比"}],"company":"上海******有限公司12","unit_weight":3163.326,"title":"上海******有限公司12","value":0.32}]
+  },
+  "year": {
+    "header": {"10":{"pre_buy_settle_amount":115074390.699944,"cur_gross_profit_amount":16348061.579581,"cur_sell_settle_amount":133035815.817479,"name":"汽运","pre_unit_weight":3594936.043,"pre_sell_settle_amount":122661347.044853,"cur_buy_settle_amount":116687754.237865,"pre_gross_profit_amount":7586956.344956,"cur_type":"10","cur_unit_weight":4334564.190617},"20":{"pre_buy_settle_amount":976205.513109,"cur_gross_profit_amount":47564.55,"cur_sell_settle_amount":47564.55,"name":"铁运","pre_unit_weight":7531.635,"pre_sell_settle_amount":998792.355,"cur_buy_settle_amount":0,"pre_gross_profit_amount":22586.841891,"cur_type":"20","cur_unit_weight":432.405},"30":{"pre_buy_settle_amount":194598065.953841,"cur_gross_profit_amount":22161196.368839,"cur_sell_settle_amount":170564958.960498,"name":"水运","pre_unit_weight":4114147.511,"pre_sell_settle_amount":204811688.615083,"cur_buy_settle_amount":148403762.592518,"pre_gross_profit_amount":10213622.66125,"cur_type":"30","cur_unit_weight":4104843.903646},"50":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"name":"仓库","pre_unit_weight":52812.811,"pre_sell_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"cur_type":"50","cur_unit_weight":232022.284}},
+    "detail": [{"proportion":19.66,"column":[{"value":165.89,"key":"订单量（万吨）"},{"value":19.66,"key":"占比"}],"company":"上海******有限公司1","unit_weight":1658928.54,"title":"上海******有限公司1","value":165.89},{"proportion":19.63,"column":[{"value":165.69,"key":"订单量（万吨）"},{"value":19.63,"key":"占比"}],"company":"广州******有限公司","unit_weight":1656859.51,"title":"广州******有限公司","value":165.69},{"proportion":17.22,"column":[{"value":145.34,"key":"订单量（万吨）"},{"value":17.22,"key":"占比"}],"company":"上海******有限公司2","unit_weight":1453389.021,"title":"上海******有限公司2","value":145.34},{"proportion":13.41,"column":[{"value":113.14,"key":"订单量（万吨）"},{"value":13.41,"key":"占比"}],"company":"上海******有限公司3","unit_weight":1131412.514736,"title":"上海******有限公司3","value":113.14},{"proportion":4.74,"column":[{"value":40.03,"key":"订单量（万吨）"},{"value":4.74,"key":"占比"}],"company":"沈阳******有限公司","unit_weight":400316.227,"title":"沈阳******有限公司","value":40.03},{"proportion":4.68,"column":[{"value":39.46,"key":"订单量（万吨）"},{"value":4.68,"key":"占比"}],"company":"北京******有限公司","unit_weight":394641.491027,"title":"北京******有限公司","value":39.46},{"proportion":4.46,"column":[{"value":37.66,"key":"订单量（万吨）"},{"value":4.46,"key":"占比"}],"company":"上海******有限公司4","unit_weight":376613.246,"title":"上海******有限公司4","value":37.66},{"proportion":1.56,"column":[{"value":13.19,"key":"订单量（万吨）"},{"value":1.56,"key":"占比"}],"company":"天津******有限公司1","unit_weight":131890.146,"title":"天津******有限公司1","value":13.19},{"proportion":1.52,"column":[{"value":12.8,"key":"订单量（万吨）"},{"value":1.52,"key":"占比"}],"company":"上海******有限公司5","unit_weight":128026.882,"title":"上海******有限公司5","value":12.8},{"proportion":1.42,"column":[{"value":11.99,"key":"订单量（万吨）"},{"value":1.42,"key":"占比"}],"company":"上海******有限公司6","unit_weight":119909.648,"title":"上海******有限公司6","value":11.99},{"proportion":1.21,"column":[{"value":10.18,"key":"订单量（万吨）"},{"value":1.21,"key":"占比"}],"company":"武汉******有限公司","unit_weight":101773.274,"title":"武汉******有限公司","value":10.18},{"proportion":0.96,"column":[{"value":8.09,"key":"订单量（万吨）"},{"value":0.96,"key":"占比"}],"company":"上海******有限公司7","unit_weight":80920.263,"title":"上海******有限公司7","value":8.09},{"proportion":0.83,"column":[{"value":7.02,"key":"订单量（万吨）"},{"value":0.83,"key":"占比"}],"company":"成都******有限公司","unit_weight":70234.976,"title":"成都******有限公司","value":7.02},{"proportion":0.83,"column":[{"value":6.97,"key":"订单量（万吨）"},{"value":0.83,"key":"占比"}],"company":"天津******有限公司2","unit_weight":69722.739,"title":"天津******有限公司2","value":6.97},{"proportion":0.71,"column":[{"value":6.03,"key":"订单量（万吨）"},{"value":0.71,"key":"占比"}],"company":"上海******有限公司8","unit_weight":60295.647,"title":"上海******有限公司8","value":6.03},{"proportion":0.65,"column":[{"value":5.52,"key":"订单量（万吨）"},{"value":0.65,"key":"占比"}],"company":"厦门******有限公司","unit_weight":55168.139,"title":"厦门******有限公司","value":5.52},{"proportion":0.58,"column":[{"value":4.88,"key":"订单量（万吨）"},{"value":0.58,"key":"占比"}],"company":"上海******有限公司9","unit_weight":48845.279,"title":"上海******有限公司9","value":4.88},{"proportion":0.58,"column":[{"value":4.86,"key":"订单量（万吨）"},{"value":0.58,"key":"占比"}],"company":"上海******有限公司10","unit_weight":48562.147,"title":"上海******有限公司10","value":4.86},{"proportion":0.53,"column":[{"value":4.45,"key":"订单量（万吨）"},{"value":0.53,"key":"占比"}],"company":"南京******有限公司","unit_weight":44484.341,"title":"南京******有限公司","value":4.45},{"proportion":0.46,"column":[{"value":3.9,"key":"订单量（万吨）"},{"value":0.46,"key":"占比"}],"company":"上海******有限公司11","unit_weight":38971.495,"title":"上海******有限公司11","value":3.9}]
+  }
+}

src/module/databoard/databoard/order-proportion.vue

@@ -46,6 +46,7 @@
 </template>
 <script>
 
+import mockData from "./mockData/order_proportion_demo.json";
 import TitleContentMark from "../components/layout/title-content-mark.vue";
 import TableColumn from "../components/table/table-column.vue";
 import ContrastCard from "../components/card/contrast-card.vue";
@@ -93,24 +94,14 @@ export default {
       this.getHeadData(type);
     },
     getHeadData(type){
-      getHeadData({cur_day: this.today,time_type:this.currentBtn.date,group_type:this.currentBtn.subdivide},
-        (res) => {
-          this.currentHeadData = res;
-          // if (type && type !== "date"){
-            this.currentCard = res[0]?res[0].key:null;
-            this.chartTitle = res[0]?(res[0].title + '委托单位占比'):null;
-          // }
+      this.currentHeadData = getHeadData({cur_day: this.today,time_type:this.currentBtn.date,group_type:this.currentBtn.subdivide}, mockData[this.currentBtn.date].header);
+      this.currentCard = this.currentHeadData[0] ? this.currentHeadData[0].key : null;
+      this.chartTitle = this.currentHeadData[0] ? (this.currentHeadData[0].title + '委托单位占比'):null;
       this.calcCardWidth();
       this.getDetailData();
-        }
-      );
     },
     getDetailData(){
-      getDetailData({cur_day: this.today,date:this.currentBtn.date,type:this.currentBtn.subdivide,key:this.currentCard},
-        (res) => {
-          this.currentDetailData = res;
-        }
-      );
+      this.currentDetailData = mockData[this.currentBtn.date].detail
     },
     clickBtn(type,dimension){
       this.currentBtn[type] = dimension;

src/module/databoard/databoard/target-achievement.vue

@@ -97,11 +97,7 @@ export default {
       this.getData();
     },
     getData() {
-      getData({cur_day: this.today,time_type:this.currentBtn.date,group_type:this.currentBtn.subdivide},
-        (res) => {
-          this.data = res;
-        }
-      );
+      this.data = [{"sell_settle_amount":34098.414,"group_name":"上海事业部-汽运-自运","gross_profit_amount":8477.95686,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":3431.334,"key":"上海事业部"},{"sell_settle_amount":153258.27125,"group_name":"上海事业部-汽运-外发","gross_profit_amount":120633.72985,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":5022.536,"key":"上海事业部"},{"sell_settle_amount":187356.68525,"group_name":"上海事业部-小计","gross_profit_amount":129111.68671,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":8453.87,"key":"上海事业部"},{"sell_settle_amount":7132.817,"group_name":"广东事业部-汽运-外发","gross_profit_amount":7132.817,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":294.09,"key":"广东事业部"},{"sell_settle_amount":48353.725,"group_name":"广东事业部-水运-外发","gross_profit_amount":1381.535,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":1381.535,"key":"广东事业部"},{"sell_settle_amount":55486.542,"group_name":"广东事业部-小计","gross_profit_amount":8514.352,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":1675.625,"key":"广东事业部"},{"sell_settle_amount":0,"group_name":"江苏事业部-汽运-外发","gross_profit_amount":-9038.212,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":86.496,"key":"江苏事业部"},{"sell_settle_amount":0,"group_name":"江苏事业部-水运-外发","gross_profit_amount":-27035.775,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":1201.59,"key":"江苏事业部"},{"sell_settle_amount":0,"group_name":"江苏事业部-小计","gross_profit_amount":-36073.987,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":1288.086,"key":"江苏事业部"},{"sell_settle_amount":242843.22725,"group_name":"总计","gross_profit_amount":101552.05171,"target_gross_profit_amount":0,"sort_num":1,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":11417.581,"key":"总计"}];
     },
     bodyStyleJs(param){
       var {row, rowIndex,column} = param;

src/module/databoard/databoard/turnoverDetail.js

@@ -49,49 +49,44 @@ export const getHead = async function (dimension, type, cur_day) {
 };
 //获取折线图明细
 export const getDetail = async function (dimension, type, cur_day) {
-  let res;
+  let data;
   if (dimension == 'day') {
-    res = await getAllTypeBusinessConditionDetailByDay(moment(cur_day).format('YYYY-MM'));
+    data = {"2023-11-01":[{"cur_gross_profit_amount":70082.523823,"cur_sell_settle_amount":703063.741043,"cur_transport_type":"10","cur_buy_settle_amount":632981.21722,"cur_day":"2023-11-01"},{"cur_gross_profit_amount":25375.7484,"cur_sell_settle_amount":95674.02,"cur_transport_type":"30","cur_buy_settle_amount":70298.2716,"cur_day":"2023-11-01"}],"2023-11-02":[{"cur_gross_profit_amount":41925.480805,"cur_sell_settle_amount":440038.57384,"cur_transport_type":"10","cur_buy_settle_amount":398113.093035,"cur_day":"2023-11-02"},{"cur_gross_profit_amount":74376.117446,"cur_sell_settle_amount":507004.049946,"cur_transport_type":"30","cur_buy_settle_amount":432627.9325,"cur_day":"2023-11-02"}],"2023-11-03":[{"cur_gross_profit_amount":287604.872168,"cur_sell_settle_amount":799348.274278,"cur_transport_type":"10","cur_buy_settle_amount":511743.40211,"cur_day":"2023-11-03"},{"cur_gross_profit_amount":316273.680993,"cur_sell_settle_amount":1132012.320996,"cur_transport_type":"30","cur_buy_settle_amount":815738.640001,"cur_day":"2023-11-03"}],"2023-11-04":[{"cur_gross_profit_amount":266415.247293,"cur_sell_settle_amount":443246.774403,"cur_transport_type":"10","cur_buy_settle_amount":176831.52711,"cur_day":"2023-11-04"},{"cur_gross_profit_amount":223359.972,"cur_sell_settle_amount":248204.529993,"cur_transport_type":"30","cur_buy_settle_amount":24844.557994,"cur_day":"2023-11-04"}],"2023-11-05":[{"cur_gross_profit_amount":35551.916038,"cur_sell_settle_amount":278584.572298,"cur_transport_type":"10","cur_buy_settle_amount":243032.65626,"cur_day":"2023-11-05"},{"cur_gross_profit_amount":69522.316999,"cur_sell_settle_amount":991071.918003,"cur_transport_type":"30","cur_buy_settle_amount":921549.601,"cur_day":"2023-11-05"}],"2023-11-06":[{"cur_gross_profit_amount":19011.162147,"cur_sell_settle_amount":388910.647517,"cur_transport_type":"10","cur_buy_settle_amount":369899.48537,"cur_day":"2023-11-06"},{"cur_gross_profit_amount":91924.958996,"cur_sell_settle_amount":295085.989996,"cur_transport_type":"30","cur_buy_settle_amount":203161.031,"cur_day":"2023-11-06"}],"2023-11-07":[{"cur_gross_profit_amount":127421.729747,"cur_sell_settle_amount":604575.918557,"cur_transport_type":"10","cur_buy_settle_amount":477154.18881,"cur_day":"2023-11-07"},{"cur_gross_profit_amount":154839.369006,"cur_sell_settle_amount":406379.538006,"cur_transport_type":"30","cur_buy_settle_amount":251540.169,"cur_day":"2023-11-07"}],"2023-11-08":[{"cur_gross_profit_amount":93013.797215,"cur_sell_settle_amount":451126.650715,"cur_transport_type":"10","cur_buy_settle_amount":358112.8535,"cur_day":"2023-11-08"},{"cur_gross_profit_amount":270980.954899,"cur_sell_settle_amount":456219.540002,"cur_transport_type":"30","cur_buy_settle_amount":185238.585104,"cur_day":"2023-11-08"}],"2023-11-09":[{"cur_gross_profit_amount":149226.570849,"cur_sell_settle_amount":691733.774299,"cur_transport_type":"10","cur_buy_settle_amount":542507.20345,"cur_day":"2023-11-09"},{"cur_gross_profit_amount":259640.239988,"cur_sell_settle_amount":764082.284996,"cur_transport_type":"30","cur_buy_settle_amount":504442.045009,"cur_day":"2023-11-09"}],"2023-11-10":[{"cur_gross_profit_amount":111458.467546,"cur_sell_settle_amount":412478.139906,"cur_transport_type":"10","cur_buy_settle_amount":301019.67236,"cur_day":"2023-11-10"},{"cur_gross_profit_amount":43916.144771,"cur_sell_settle_amount":491861.039771,"cur_transport_type":"30","cur_buy_settle_amount":447944.895,"cur_day":"2023-11-10"}],"2023-11-11":[{"cur_gross_profit_amount":68137.248363,"cur_sell_settle_amount":221786.959793,"cur_transport_type":"10","cur_buy_settle_amount":153649.71143,"cur_day":"2023-11-11"},{"cur_gross_profit_amount":147090.853004,"cur_sell_settle_amount":201166.320004,"cur_transport_type":"30","cur_buy_settle_amount":54075.467,"cur_day":"2023-11-11"}],"2023-11-12":[{"cur_gross_profit_amount":530689.876952,"cur_sell_settle_amount":684774.877702,"cur_transport_type":"10","cur_buy_settle_amount":154085.00075,"cur_day":"2023-11-12"},{"cur_gross_profit_amount":21763.825503,"cur_sell_settle_amount":491827.563003,"cur_transport_type":"30","cur_buy_settle_amount":470063.7375,"cur_day":"2023-11-12"}],"2023-11-13":[{"cur_gross_profit_amount":201188.821843,"cur_sell_settle_amount":615101.835913,"cur_transport_type":"10","cur_buy_settle_amount":413913.01407,"cur_day":"2023-11-13"},{"cur_gross_profit_amount":70520.7535,"cur_sell_settle_amount":110916.21,"cur_transport_type":"30","cur_buy_settle_amount":40395.4565,"cur_day":"2023-11-13"}],"2023-11-14":[{"cur_gross_profit_amount":123120.210139,"cur_sell_settle_amount":524819.703099,"cur_transport_type":"10","cur_buy_settle_amount":401699.49296,"cur_day":"2023-11-14"},{"cur_gross_profit_amount":75932.832488,"cur_sell_settle_amount":455821.738988,"cur_transport_type":"30","cur_buy_settle_amount":379888.9065,"cur_day":"2023-11-14"}],"2023-11-15":[{"cur_gross_profit_amount":180095.801101,"cur_sell_settle_amount":684506.742981,"cur_transport_type":"10","cur_buy_settle_amount":504410.94188,"cur_day":"2023-11-15"},{"cur_gross_profit_amount":258339.618997,"cur_sell_settle_amount":617923.644997,"cur_transport_type":"30","cur_buy_settle_amount":359584.026,"cur_day":"2023-11-15"}],"2023-11-16":[{"cur_gross_profit_amount":106751.30058,"cur_sell_settle_amount":633242.769468,"cur_transport_type":"10","cur_buy_settle_amount":526491.468893,"cur_day":"2023-11-16"},{"cur_gross_profit_amount":74687.287999,"cur_sell_settle_amount":298274.089999,"cur_transport_type":"30","cur_buy_settle_amount":223586.802,"cur_day":"2023-11-16"}],"2023-11-17":[{"cur_gross_profit_amount":154268.04136,"cur_sell_settle_amount":362953.76239,"cur_transport_type":"10","cur_buy_settle_amount":208685.72103,"cur_day":"2023-11-17"},{"cur_gross_profit_amount":22827.661399,"cur_sell_settle_amount":102587.439999,"cur_transport_type":"30","cur_buy_settle_amount":79759.7786,"cur_day":"2023-11-17"}],"2023-11-18":[{"cur_gross_profit_amount":111852.36541,"cur_sell_settle_amount":364995.5018,"cur_transport_type":"10","cur_buy_settle_amount":253143.13639,"cur_day":"2023-11-18"},{"cur_gross_profit_amount":30924.737997,"cur_sell_settle_amount":140895.749997,"cur_transport_type":"30","cur_buy_settle_amount":109971.012,"cur_day":"2023-11-18"}],"2023-11-19":[{"cur_gross_profit_amount":517353.74873,"cur_sell_settle_amount":647192.8212,"cur_transport_type":"10","cur_buy_settle_amount":129839.07247,"cur_day":"2023-11-19"},{"cur_gross_profit_amount":348230.23551,"cur_sell_settle_amount":611401.63301,"cur_transport_type":"30","cur_buy_settle_amount":263171.3975,"cur_day":"2023-11-19"}],"2023-11-20":[{"cur_gross_profit_amount":184584.59267,"cur_sell_settle_amount":361261.45128,"cur_transport_type":"10","cur_buy_settle_amount":176676.85861,"cur_day":"2023-11-20"},{"cur_gross_profit_amount":373168.7117,"cur_sell_settle_amount":695554.9694,"cur_transport_type":"30","cur_buy_settle_amount":322386.2577,"cur_day":"2023-11-20"}],"2023-11-21":[{"cur_gross_profit_amount":369161.17037,"cur_sell_settle_amount":532818.92124,"cur_transport_type":"10","cur_buy_settle_amount":163657.75087,"cur_day":"2023-11-21"},{"cur_gross_profit_amount":16782.9225,"cur_sell_settle_amount":66089.673,"cur_transport_type":"30","cur_buy_settle_amount":49306.7505,"cur_day":"2023-11-21"}],"2023-11-22":[{"cur_gross_profit_amount":778616.21739,"cur_sell_settle_amount":947153.95138,"cur_transport_type":"10","cur_buy_settle_amount":168537.73399,"cur_day":"2023-11-22"},{"cur_gross_profit_amount":119512.5309,"cur_sell_settle_amount":165140.1423,"cur_transport_type":"30","cur_buy_settle_amount":45627.6114,"cur_day":"2023-11-22"}],"2023-11-23":[{"cur_gross_profit_amount":101674.84894,"cur_sell_settle_amount":166593.02355,"cur_transport_type":"10","cur_buy_settle_amount":64918.17461,"cur_day":"2023-11-23"},{"cur_gross_profit_amount":-25654.24,"cur_sell_settle_amount":48353.725,"cur_transport_type":"30","cur_buy_settle_amount":74007.965,"cur_day":"2023-11-23"}]};
   }
   if (dimension == 'month') {
-    res = await getAllTypeBusinessConditionDetailByMonth(cur_day)
+    data = {"2023-10":[{"cur_gross_profit_amount":2371455.56141,"cur_sell_settle_amount":14411928.065146,"cur_month":"2023-10","cur_transport_type":"10","cur_buy_settle_amount":12040472.503739},{"cur_gross_profit_amount":2743626.653688,"cur_sell_settle_amount":16227670.151025,"cur_month":"2023-10","cur_transport_type":"30","cur_buy_settle_amount":13484043.497485}],"2023-11":[{"cur_gross_profit_amount":4629206.011479,"cur_sell_settle_amount":11960309.388652,"cur_month":"2023-11","cur_transport_type":"10","cur_buy_settle_amount":7331103.377178},{"cur_gross_profit_amount":3064337.234995,"cur_sell_settle_amount":9393548.131406,"cur_month":"2023-11","cur_transport_type":"30","cur_buy_settle_amount":6329210.896408}],"2023-01":[{"cur_gross_profit_amount":963056.382398,"cur_sell_settle_amount":10015901.747851,"cur_month":"2023-01","cur_transport_type":"10","cur_buy_settle_amount":9052845.365444},{"cur_gross_profit_amount":1470739.289382,"cur_sell_settle_amount":14369794.398776,"cur_month":"2023-01","cur_transport_type":"30","cur_buy_settle_amount":12899055.109572}],"2023-02":[{"cur_gross_profit_amount":1111950.378322,"cur_sell_settle_amount":11498376.985437,"cur_month":"2023-02","cur_transport_type":"10","cur_buy_settle_amount":10386426.607118},{"cur_gross_profit_amount":1822576.974592,"cur_sell_settle_amount":16455239.814466,"cur_month":"2023-02","cur_transport_type":"30","cur_buy_settle_amount":14632662.839973}],"2023-03":[{"cur_gross_profit_amount":916912.95362,"cur_sell_settle_amount":11871971.328282,"cur_month":"2023-03","cur_transport_type":"10","cur_buy_settle_amount":10955058.374648},{"cur_gross_profit_amount":1902918.682052,"cur_sell_settle_amount":18409202.355704,"cur_month":"2023-03","cur_transport_type":"30","cur_buy_settle_amount":16506283.673167}],"2023-04":[{"cur_gross_profit_amount":933930.975026,"cur_sell_settle_amount":12164871.64552,"cur_month":"2023-04","cur_transport_type":"10","cur_buy_settle_amount":11230940.670501},{"cur_gross_profit_amount":40289.59,"cur_sell_settle_amount":40289.59,"cur_month":"2023-04","cur_transport_type":"20","cur_buy_settle_amount":0},{"cur_gross_profit_amount":1768346.381106,"cur_sell_settle_amount":17107996.223209,"cur_month":"2023-04","cur_transport_type":"30","cur_buy_settle_amount":15339649.842343}],"2023-05":[{"cur_gross_profit_amount":1027834.475232,"cur_sell_settle_amount":13398462.694501,"cur_month":"2023-05","cur_transport_type":"10","cur_buy_settle_amount":12370628.219258},{"cur_gross_profit_amount":7274.96,"cur_sell_settle_amount":7274.96,"cur_month":"2023-05","cur_transport_type":"20","cur_buy_settle_amount":0},{"cur_gross_profit_amount":1938052.25009,"cur_sell_settle_amount":18487024.576067,"cur_month":"2023-05","cur_transport_type":"30","cur_buy_settle_amount":16548972.326434}],"2023-06":[{"cur_gross_profit_amount":926783.649524,"cur_sell_settle_amount":11677306.246429,"cur_month":"2023-06","cur_transport_type":"10","cur_buy_settle_amount":10750522.596905},{"cur_gross_profit_amount":1679257.899074,"cur_sell_settle_amount":13293432.776273,"cur_month":"2023-06","cur_transport_type":"30","cur_buy_settle_amount":11614174.877305}],"2023-07":[{"cur_gross_profit_amount":538218.812622,"cur_sell_settle_amount":11321404.463061,"cur_month":"2023-07","cur_transport_type":"10","cur_buy_settle_amount":10783185.650427},{"cur_gross_profit_amount":1620396.182778,"cur_sell_settle_amount":15798110.546585,"cur_month":"2023-07","cur_transport_type":"30","cur_buy_settle_amount":14177714.363797}],"2023-08":[{"cur_gross_profit_amount":659122.713145,"cur_sell_settle_amount":12563604.766923,"cur_month":"2023-08","cur_transport_type":"10","cur_buy_settle_amount":11904482.053764},{"cur_gross_profit_amount":2075817.900885,"cur_sell_settle_amount":16466178.361762,"cur_month":"2023-08","cur_transport_type":"30","cur_buy_settle_amount":14390360.460873}],"2023-09":[{"cur_gross_profit_amount":2230060.618783,"cur_sell_settle_amount":12106561.290177,"cur_month":"2023-09","cur_transport_type":"10","cur_buy_settle_amount":9876500.671403},{"cur_gross_profit_amount":2036921.332193,"cur_sell_settle_amount":14559762.115248,"cur_month":"2023-09","cur_transport_type":"30","cur_buy_settle_amount":12522840.783157}]};
   }
   if (dimension == 'year') {
-    res = await getAllTypeBusinessConditionDetailByYear(cur_day)
+    data = {"2021":[{"cur_gross_profit_amount":265827.958096,"cur_sell_settle_amount":355324.123887,"annual":2021,"cur_transport_type":"30","cur_buy_settle_amount":89496.165791},{"cur_gross_profit_amount":272921.715591,"cur_sell_settle_amount":360907.980242,"annual":2021,"cur_transport_type":"10","cur_buy_settle_amount":87986.264651}],"2022":[{"cur_gross_profit_amount":12664983.198857,"cur_sell_settle_amount":230228467.765424,"annual":2022,"cur_transport_type":"30","cur_buy_settle_amount":217563484.566954},{"cur_gross_profit_amount":22586.841891,"cur_sell_settle_amount":998792.355,"annual":2022,"cur_transport_type":"20","cur_buy_settle_amount":976205.513109},{"cur_gross_profit_amount":8460125.980709,"cur_sell_settle_amount":139091852.082745,"annual":2022,"cur_transport_type":"10","cur_buy_settle_amount":130631726.102089}],"2023":[{"cur_gross_profit_amount":16308532.531561,"cur_sell_settle_amount":132990698.621979,"annual":2023,"cur_transport_type":"10","cur_buy_settle_amount":116682166.090385},{"cur_gross_profit_amount":22122990.780835,"cur_sell_settle_amount":170567959.450521,"annual":2023,"cur_transport_type":"30","cur_buy_settle_amount":148444968.670514},{"cur_gross_profit_amount":47564.55,"cur_sell_settle_amount":47564.55,"annual":2023,"cur_transport_type":"20","cur_buy_settle_amount":0}]};
   }
-  let data = res.data
   return adapterDetailData(dimension, type, data)
 };
 
 //获取全部汇总数据
 export const reqDaySumData = async function (dimension, cur_day) {
-  let res;
   if (dimension == 'day') {
-    res = await getBusinessConditionDatas(cur_day);
+    return {"pre_buy_settle_amount":214165.34539,"cur_gross_profit_amount":76020.60894,"cur_sell_settle_amount":214946.74855,"pre_sell_settle_amount":1112294.09368,"pre_month_sell_settle_amount":1208466.39419,"pre_month_buy_settle_amount":1085500.24183,"cur_buy_settle_amount":138926.13961,"pre_gross_profit_amount":898128.74829,"pre_month_gross_profit_amount":122966.15236};
   }
   if (dimension == 'month') {
-    res = await getBusinessConditionDataByMonth(cur_day);
+    return {"pre_year_sell_settle_amount":328471828.014936,"pre_year_buy_settle_amount":310648662.166894,"cur_month_buy_settle_amount":13660314.273586,"cur_month_sell_settle_amount":21353857.520058,"pre_month_sell_settle_amount":20863796.334218,"pre_month_buy_settle_amount":17284347.818552,"pre_year_gross_profit_amount":17823165.848097,"cur_month_gross_profit_amount":7693543.246474,"pre_month_gross_profit_amount":3579448.515737};
   }
   if (dimension == 'year') {
-    res = await getBusinessConditionDatasByYear(cur_day);
+    return {"pre_year_sell_settle_amount":328471828.014936,"pre_year_buy_settle_amount":310648662.166894,"cur_year_sell_settle_amount":303606222.6225,"cur_year_buy_settle_amount":265127134.760899,"cur_year_gross_profit_amount":38479087.862396,"pre_year_gross_profit_amount":17823165.848097};
   }
-  let data = res.data
-  return data;
 }
 
 //获取每个运输方式汇总数据
 export const reqDayTransportData = async function (dimension, cur_day) {
-  let res;
+  let data;
   if (dimension == 'day') {
-    res = await getAllTypeBusinessConditionDatas(cur_day);
+    data = {"10":{"pre_buy_settle_amount":168537.73399,"cur_gross_profit_amount":101674.84894,"cur_sell_settle_amount":166593.02355,"pre_sell_settle_amount":947153.95138,"pre_month_sell_settle_amount":911861.814214,"pre_month_buy_settle_amount":855066.25033,"cur_buy_settle_amount":64918.17461,"pre_gross_profit_amount":778616.21739,"pre_month_gross_profit_amount":56795.563884},"20":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"pre_sell_settle_amount":0,"pre_month_sell_settle_amount":0,"pre_month_buy_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"pre_month_gross_profit_amount":0},"30":{"pre_buy_settle_amount":45627.6114,"cur_gross_profit_amount":-25654.24,"cur_sell_settle_amount":48353.725,"pre_sell_settle_amount":165140.1423,"pre_month_sell_settle_amount":296604.579976,"pre_month_buy_settle_amount":230433.9915,"cur_buy_settle_amount":74007.965,"pre_gross_profit_amount":119512.5309,"pre_month_gross_profit_amount":66170.588476},"40":{"pre_buy_settle_amount":0,"cur_gross_profit_amount":0,"cur_sell_settle_amount":0,"pre_sell_settle_amount":0,"pre_month_sell_settle_amount":0,"pre_month_buy_settle_amount":0,"cur_buy_settle_amount":0,"pre_gross_profit_amount":0,"pre_month_gross_profit_amount":0}};
   }
   if (dimension == 'month') {
-    res = await getAllTypeBusinessConditionDatasByMonth(cur_day);
+    data = {"10":{"pre_year_sell_settle_amount":122661347.044853,"pre_year_buy_settle_amount":115074390.699944,"cur_month_buy_settle_amount":7330742.611278,"cur_month_sell_settle_amount":11960309.388652,"pre_month_sell_settle_amount":9739589.919675,"pre_month_buy_settle_amount":7916723.162187,"pre_year_gross_profit_amount":7586956.344956,"cur_month_gross_profit_amount":4629566.777379,"pre_month_gross_profit_amount":1822866.757492},"20":{"pre_year_sell_settle_amount":998792.355,"pre_year_buy_settle_amount":976205.513109,"cur_month_buy_settle_amount":0,"cur_month_sell_settle_amount":0,"pre_month_sell_settle_amount":0,"pre_month_buy_settle_amount":0,"pre_year_gross_profit_amount":22586.841891,"cur_month_gross_profit_amount":0,"pre_month_gross_profit_amount":0},"30":{"pre_year_sell_settle_amount":204811688.615083,"pre_year_buy_settle_amount":194598065.953841,"cur_month_buy_settle_amount":6329210.896408,"cur_month_sell_settle_amount":9393548.131406,"pre_month_sell_settle_amount":11124206.414543,"pre_month_buy_settle_amount":9367624.656365,"pre_year_gross_profit_amount":10213622.66125,"cur_month_gross_profit_amount":3064337.234995,"pre_month_gross_profit_amount":1756581.758245},"40":{"pre_year_sell_settle_amount":0,"pre_year_buy_settle_amount":0,"cur_month_buy_settle_amount":0,"cur_month_sell_settle_amount":0,"pre_month_sell_settle_amount":0,"pre_month_buy_settle_amount":0,"pre_year_gross_profit_amount":0,"cur_month_gross_profit_amount":0,"pre_month_gross_profit_amount":0}};
   }
   if (dimension == 'year') {
-    res = await getAllTypeBusinessConditionDatasByYear(cur_day);
+    data = {"10":{"pre_year_sell_settle_amount":122661347.044853,"pre_year_buy_settle_amount":115074390.699944,"cur_year_sell_settle_amount":132990698.621979,"cur_year_buy_settle_amount":116682166.090385,"cur_year_gross_profit_amount":16308532.531561,"pre_year_gross_profit_amount":7586956.344956},"20":{"pre_year_sell_settle_amount":998792.355,"pre_year_buy_settle_amount":976205.513109,"cur_year_sell_settle_amount":47564.55,"cur_year_buy_settle_amount":0,"cur_year_gross_profit_amount":47564.55,"pre_year_gross_profit_amount":22586.841891},"30":{"pre_year_sell_settle_amount":204811688.615083,"pre_year_buy_settle_amount":194598065.953841,"cur_year_sell_settle_amount":170567959.450521,"cur_year_buy_settle_amount":148444968.670514,"cur_year_gross_profit_amount":22122990.780835,"pre_year_gross_profit_amount":10213622.66125},"40":{"pre_year_sell_settle_amount":0,"pre_year_buy_settle_amount":0,"cur_year_sell_settle_amount":0,"cur_year_buy_settle_amount":0,"cur_year_gross_profit_amount":0,"pre_year_gross_profit_amount":0}};
   }
-  let data = res.data
   return data;
 }
 

src/module/databoard/index.vue

@@ -167,6 +167,7 @@ import {calc_hb_str, calc_tb_str, conver_amont, conver_num_retain} from "../util
 import {getTransportTypeOrderFinishPie, getCustomerOrderFinishPie} from "./databoard/js/indexPieData";
 import moment from 'moment'
 import {getTargetOrderDataByConditionCount} from "./databoard/js/targetAchievementData";
+import mockData from "./databoard/mockData/target-achievement.json";
 export default {
   components: {
     RingPieChart,
@@ -328,40 +329,6 @@ export default {
             value: '20,303',
           },
         ],
-        mrmbqk: [
-          {
-            title: "吨位(万吨)",
-            actualValue: "20,303",
-            currentValue: "21,000",
-          },
-          {
-            title: "营业额(万元)",
-            actualValue: "32,342",
-            currentValue: "21,000",
-          },
-          {
-            title: "净利润(万元)",
-            actualValue: "32,342",
-            currentValue: "21,000",
-          },
-        ],
-        ydmbqk: [
-          {
-            title: "吨位(万吨)",
-            actualValue: "20,303",
-            currentValue: "21,000",
-          },
-          {
-            title: "营业额(万元)",
-            actualValue: "32,342",
-            currentValue: "21,000",
-          },
-          {
-            title: "净利润(万元)",
-            actualValue: "32,342",
-            currentValue: "21,000",
-          },
-        ],
         drddl: {
           weight: "2,000",
           amount: "20,000",
@@ -505,6 +472,38 @@ export default {
     }
   },
   methods: {
+    generateData(count, res) {
+      res.push({
+        title: "吨位(万吨)",
+        actualValue: conver_amont(count.unit_weight),
+        targetValue: conver_amont(count.target_unit_weight),
+      })
+      res.push({
+        title: "营业额(万元)",
+        actualValue: conver_amont(count.sell_settle_amount),
+        targetValue: conver_amont(count.target_sell_settle_amount),
+      })
+      res.push({
+        title: "净利润(万元)",
+        actualValue: conver_amont(count.gross_profit_amount),
+        targetValue: conver_amont(count.target_gross_profit_amount),
+      })
+    },
+    dataFormatter(data){
+      let res = [];
+      for (let i = 0; i < data.length; i++) {
+        if (data[i].group_name === "总计"){
+          this.generateData(data[i], res);
+          break;
+        }
+      }
+      //mock数据，接口没好的时候用的
+      if (res.length === 0){
+        let count = mockData.count;
+        this.generateData(count, res);
+      }
+      return res;
+    },
     cellStyleFunction(data) {
       let res = {color: '#33ff66'};
       if (data.indexOf('-') !== -1) {
@@ -551,36 +550,27 @@ export default {
     },
     // 获取应收账款数据
     getArSummaryBar() {
-      arSummaryBar().then(res => {
-        let data = res.data
       let seriesData = []
-        seriesData.push(data.unsettled_amount)
-        seriesData.push(data.settled_amount)
-        seriesData.push(data.unregister_amount)
-        seriesData.push(data.receivable_amount)
-        seriesData.push(data.cancelled_amount)
-        this.arSummary[0].value = conver_num_retain(data.total_amount)
-        this.arSummary[1].value = conver_num_retain(data.unregister_amount)
-        this.arSummary[2].value = conver_num_retain(data.receivable_amount)
+      seriesData.push(1984.84)
+      seriesData.push(526.88)
+      seriesData.push(3865.13)
+      seriesData.push(6376.85)
+      seriesData.push(21985.16)
+      this.arSummary[0].value = conver_num_retain(28362.01)
+      this.arSummary[1].value = conver_num_retain(3865.13)
+      this.arSummary[2].value = conver_num_retain(6376.85)
+      setTimeout(() => {
         this.$refs.arSummaryBar.drawArSummaryBar(seriesData)
-      }).catch(err => {
-        console.log(err);
-      });
+      }, 200)
     },
     // 获取已开票未收款排行
     getArCompanyList() {
-      arCompanyList().then(res => {
-        if (res.data.length) {
-          this.arCompanyList = res.data
-        }
-      }).catch(err => {
-        console.log(err);
-      });
+      this.arCompanyList = [{"unregister_amount":26945716.13871128,"column":[{"value":2694.57,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"},{"unregister_amount":1484200.33999975,"column":[{"value":148.42,"key":"未收款（万元）"}],"settle_company":"南京******有限公司","title":"南京******有限公司"},{"unregister_amount":1282384.1125039729,"column":[{"value":128.24,"key":"未收款（万元）"}],"settle_company":"北京******有限公司","title":"北京******有限公司"},{"unregister_amount":1222847.829203282,"column":[{"value":122.28,"key":"未收款（万元）"}],"settle_company":"******有限公司","title":"上海******有限公司"},{"unregister_amount":669150.4900020813,"column":[{"value":66.92,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"},{"unregister_amount":582699.659999399,"column":[{"value":58.27,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"},{"unregister_amount":485170.73599994266,"column":[{"value":48.52,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"},{"unregister_amount":482944.5004,"column":[{"value":48.29,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"},{"unregister_amount":476673.075,"column":[{"value":47.67,"key":"未收款（万元）"}],"settle_company":"天津******有限公司","title":"天津******有限公司"},{"unregister_amount":472057.86699967426,"column":[{"value":47.21,"key":"未收款（万元）"}],"settle_company":"上海******有限公司","title":"上海******有限公司"}]
     },
     refreshData() {
         getTransportTypeOrderFinishPie(res => this.transportTypeOrderFinishPie = res, this.today);
         getCustomerOrderFinishPie(res => this.customerOrderFinishPie = res, this.today);
-        this.showBusinessConditionDatas();
+        // this.showBusinessConditionDatas();
         this.getArSummaryBar();
         this.getArCompanyList();
         this.getLoseAndAdd();
@@ -594,29 +584,26 @@ export default {
       return param.name + '\r\n' + this.pieDataValueFormatter(param.value);
     },
     getLoseAndAdd() {
-      getOrderLoseAddCustomer(this.today).then(res => {
-        let data = res.data
-        this.lskh.amount = conver_amont(data.lost_sell_settle_amount_sum);
-        this.lskh.weight = conver_amont(data.lost_weight_sum);
-        this.xzkh.amount = conver_amont(data.add_sell_settle_amount_sum);
-        this.xzkh.weight = conver_amont(data.add_weight_sum);
-      })
+      this.lskh.amount = conver_amont(6618584.99529);
+      this.lskh.weight = conver_amont(64185.005);
+      this.xzkh.amount = conver_amont(5084225.684932);
+      this.xzkh.weight = conver_amont(46417.2155);
     },
     getOrderBusinessCondition() {
-      getOrderBusinessConditionData(this.today).then(res => {
-        let data = res.data
-        this.drddl.amount = conver_amont(data.cur_sell_settle_amount);
-        this.drddl.weight = conver_amont(data.cur_unit_weight);
-        this.drwcl.amount = conver_amont(data.cur_finish_sell_settle_amount);
-        this.drwcl.weight = conver_amont(data.cur_finish_unit_weight);
-        this.yl.amount = conver_amont(data.cur_unfinish_sell_settle_amount);
-        this.yl.weight = conver_amont(data.cur_unfinish_unit_weight);
-      })
+      this.drddl.amount = conver_amont(11114.321);
+      this.drddl.weight = conver_amont(18255.342);
+      this.drwcl.amount = conver_amont(14522.34334);
+      this.drwcl.weight = conver_amont(22473.342);
+      this.yl.amount = conver_amont(2741768.178166);
+      this.yl.weight = conver_amont(48897.813);
     },
     getTargetOrderDataByConditionCount() {
-      getTargetOrderDataByConditionCount({cur_day: this.today,time_type:"day",group_type:"01"},(res) => {this.targetAchievement.day = res;})
-      getTargetOrderDataByConditionCount({cur_day: this.today,time_type:"month",group_type:"01"},(res) => {this.targetAchievement.month = res;})
-      getTargetOrderDataByConditionCount({cur_day: this.today,time_type:"year",group_type:"01"},(res) => {this.targetAchievement.year = res;})
+      let day = {"data":[{"sell_settle_amount":0,"group_name":"总计","gross_profit_amount":0,"target_gross_profit_amount":0,"sort_num":1,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":0,"key":"总计"}]};
+      this.targetAchievement.day = this.dataFormatter(day);
+      let month = [{"sell_settle_amount":0,"group_name":"总计","gross_profit_amount":0,"target_gross_profit_amount":0,"sort_num":1,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":0,"key":"总计"}];
+      this.targetAchievement.month = this.dataFormatter(month);
+      let year = [{"sell_settle_amount":77091201.836384,"group_name":"上海事业部-汽运-外发","gross_profit_amount":8174523.653191,"target_gross_profit_amount":2500000,"sort_num":0,"target_unit_weight":880000,"target_sell_settle_amount":100000000,"unit_weight":3139892.174471,"key":"上海事业部"},{"sell_settle_amount":63496115.426714,"group_name":"上海事业部-水运-外发","gross_profit_amount":13120983.73225,"target_gross_profit_amount":4800000,"sort_num":0,"target_unit_weight":2340000,"target_sell_settle_amount":117000000,"unit_weight":1443545.391646,"key":"上海事业部"},{"sell_settle_amount":140587317.263098,"group_name":"上海事业部-小计","gross_profit_amount":21295507.385441,"target_gross_profit_amount":7300000,"sort_num":0,"target_unit_weight":3220000,"target_sell_settle_amount":217000000,"unit_weight":4583437.566117,"key":"上海事业部"},{"sell_settle_amount":8390189.93402,"group_name":"天津事业部-汽运-外发","gross_profit_amount":3853758.221518,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":156598.709,"key":"天津事业部"},{"sell_settle_amount":8390189.93402,"group_name":"天津事业部-小计","gross_profit_amount":3853758.221518,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":156598.709,"key":"天津事业部"},{"sell_settle_amount":9235964.928734,"group_name":"广东事业部-汽运-外发","gross_profit_amount":262070.641631,"target_gross_profit_amount":200000,"sort_num":0,"target_unit_weight":120000,"target_sell_settle_amount":8200000,"unit_weight":131398.972,"key":"广东事业部"},{"sell_settle_amount":62148344.910186,"group_name":"广东事业部-水运-外发","gross_profit_amount":9399318.568367,"target_gross_profit_amount":2700000,"sort_num":0,"target_unit_weight":2280000,"target_sell_settle_amount":110000000,"unit_weight":1388034.805,"key":"广东事业部"},{"sell_settle_amount":71384309.83892,"group_name":"广东事业部-小计","gross_profit_amount":9661389.209998,"target_gross_profit_amount":2900000,"sort_num":0,"target_unit_weight":2400000,"target_sell_settle_amount":118200000,"unit_weight":1519433.777,"key":"广东事业部"},{"sell_settle_amount":2975268.55467,"group_name":"江苏事业部-汽运-外发","gross_profit_amount":52651.383704,"target_gross_profit_amount":200000,"sort_num":0,"target_unit_weight":100000,"target_sell_settle_amount":5000000,"unit_weight":31696.566,"key":"江苏事业部"},{"sell_settle_amount":13840981.666537,"group_name":"江苏事业部-水运-外发","gross_profit_amount":3358843.742655,"target_gross_profit_amount":800000,"sort_num":0,"target_unit_weight":850000,"target_sell_settle_amount":25000000,"unit_weight":533022.425,"key":"江苏事业部"},{"sell_settle_amount":16816250.221207,"group_name":"江苏事业部-小计","gross_profit_amount":3411495.126359,"target_gross_profit_amount":1000000,"sort_num":0,"target_unit_weight":950000,"target_sell_settle_amount":30000000,"unit_weight":564718.991,"key":"江苏事业部"},{"sell_settle_amount":6997776.6353,"group_name":"河南事业部-汽运-外发","gross_profit_amount":1681780.49656,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":29560.2265,"key":"河南事业部"},{"sell_settle_amount":6997776.6353,"group_name":"河南事业部-小计","gross_profit_amount":1681780.49656,"target_gross_profit_amount":0,"sort_num":0,"target_unit_weight":0,"target_sell_settle_amount":0,"unit_weight":29560.2265,"key":"河南事业部"},{"sell_settle_amount":244175843.892545,"group_name":"总计","gross_profit_amount":39903930.439876,"target_gross_profit_amount":11200000,"sort_num":1,"target_unit_weight":6570000,"target_sell_settle_amount":365200000,"unit_weight":6853749.269617,"key":"总计"}];
+      this.targetAchievement.year = this.dataFormatter(year);
     }
   },
   mounted() {

src/module/index/index.vue

@@ -10,6 +10,7 @@
       <div class="text_right">
         <span>刷新时间：{{ countDown }}s</span>
       </div>
+      <div id="top_title"></div>
     </div>
     <router-view style="height: 90%" v-if="isRouterAlive" :countDown="countDown"></router-view>
   </div>