订单量占比接口对接

src/module/api/apiList.js

@@ -101,6 +101,9 @@ export const getAllTypeBusinessConditionDetailByYear = (cur_day) => fetch('/api/
 
 export const transportTypeOrderFinishPie = (date) => fetch("/api/query/dash_board/action/get_order_finish_data_by_transport_type_day", {aux: {"cur_day": date}}, "POST")
 export const customerOrderFinishPie = (date) => fetch("/api/query/dash_board/action/get_order_finish_data_by_customer_day", {aux: {"cur_day": date}}, "POST")
+export const getOrderFinishDataByCondition = (aux) => fetch("/api/query/*/action/get_order_finish_data_by_condition", {aux: aux}, "POST")
+export const getOrderWeightAndProportionList = (aux) => fetch("/api/query/dash_board/action/get_order_weight_and_proportion_list", {aux: aux}, "POST")
+
 //流失客户 & 新增客户
 export const getOrderLoseAddCustomer = (cur_day) => fetch('/api/query/*/action/get_order_loss_add_customer', {
   aux: {

src/module/databoard/components/card/winners-list.vue

@@ -52,6 +52,8 @@ export default {
 
 }
 
+.winner_list::-webkit-scrollbar { width: 0 !important }
+
 table {
   height: 100%;
   font-size: 12px;

src/module/databoard/components/chart/line-bar-chart.vue

@@ -176,7 +176,7 @@ export default {
               type: 'line',
               color: 'red',
               lineStyle:{
-                width: 6,
+                width: 3,
               },
               label: {
                 show: true,
@@ -189,13 +189,13 @@ export default {
       }
     },
     formatter:{
-      type: Function
+      type: [Function,String]
     },
     barFormatter:{
-      type: Function
+      type: [Function,String]
     },
     lineFormatter:{
-      type: Function
+      type: [Function,String]
     }
   },
 };

src/module/databoard/components/table/table-column.vue

 <template>
   <table>
     <thead v-if="showHead">
-    <tr><th :style="eval('title',title)">{{title}}&nbsp;</th></tr>
+    <tr><th :style="eval('title',title)">{{titleFormatter?titleFormatter(title):title}}&nbsp;</th></tr>
     </thead>
     <tbody>
-    <tr v-for="row in data"><td :style="eval('cell',(row[name]?row[name]:''))">{{row[name]?row[name]:''}}</td></tr>
+    <tr v-for="row in data"><td :style="eval('cell',(row[name]?row[name]:''))">{{valueFormatter?valueFormatter(row[name]?row[name]:''):row[name]?row[name]:''}}</td></tr>
     </tbody>
   </table>
 </template>
@@ -65,6 +65,12 @@ export default {
     titleStyleFunction:{
       type: Function
     },
+    titleFormatter:{
+      type: Function
+    },
+    valueFormatter:{
+      type: Function
+    }
   }
 
 }

src/module/databoard/databoard/js/orderProportionDetailData.js

+import { getOrderWeightAndProportionList} from '../../../api/apiList';
+import {calc_hb_str, calc_zb_str, conver_amont} from "../../../utils/numUtil";
+
+let choice = {
+  "01": "transport_type",
+  "02": "area_name",
+  "03": "base_name",
+  "04": "department",
+}
+
+export const getDetailData = async (aux,callback) => {
+  let resList = new Array();
+  aux[choice[aux.type]] = aux.key;
+  await getOrderWeightAndProportionList(aux).then(function (res) {
+    resList = res.data;
+  });
+  callback(resList);
+  return resList
+}

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

+import { getOrderFinishDataByCondition} from '../../../api/apiList';
+import {calc_hb_str, calc_zb_str, conver_amont} from "../../../utils/numUtil";
+
+let choice = {
+    day: '昨日',
+    month: "上月",
+    year: "去年",
+}
+
+export const getHeadData = async (aux,callback) => {
+  let resList = new Array();
+  await getOrderFinishDataByCondition(aux).then(function (res) {
+    resList = dataFormatter(aux,res.data);
+  });
+  callback(resList);
+  return resList
+}
+
+
+
+function dataFormatter(aux,data){
+  let res = new Array();
+  if (aux.group_type === '01'){
+    formatType01Data(aux,res, data);
+  }else {
+    formatNotType01Data(aux,res, data);
+  }
+  return res;
+}
+
+function formatNotType01Data(aux,res, data){
+  let sum = {
+    title: "当日",
+    data: [
+      {
+        title: '订单量',
+        today: 0,
+        yesterday: 0,
+      },
+      {
+        title: '营业额',
+        today: 0,
+        yesterday: 0,
+      },
+      {
+        title: '成本',
+        today: 0,
+        yesterday: 0,
+      },
+      {
+        title: '毛利',
+        today: 0,
+        yesterday: 0,
+      },
+    ]
+  };
+  res.push(sum);
+  for (let key in data) {
+    let item = {
+      title: data[key].name?data[key].name:"空",
+      key: key,
+      data: [
+        {
+          title: "订单量",
+          today: data[key].cur_unit_weight,
+          yesterday: data[key].pre_unit_weight
+        },
+        {
+          title: "营业额",
+          today: data[key].cur_sell_settle_amount,
+          yesterday: data[key].pre_sell_settle_amount
+        },
+        {
+          title: "成本",
+          today: data[key].cur_buy_settle_amount,
+          yesterday: data[key].pre_buy_settle_amount
+        },
+        {
+          title: "毛利",
+          today: data[key].cur_gross_profit_amount,
+          yesterday: data[key].pre_gross_profit_amount
+        },
+      ]
+    };
+    for (let i = 0; i < sum.data.length; i++) {
+      sum.data[i].today += item.data[i].today;
+      sum.data[i].yesterday += item.data[i].yesterday;
+    }
+    res.push(item);
+  }
+}
+
+//转换领域细分数据
+function formatType01Data(aux,res, data) {
+  let sum = {
+    title: "当日订单量(不含仓库)",
+    amount: 0,
+    hb: [
+      {
+        title: choice[aux.time_type],
+        amount: 0,
+        rate: "0.00%"
+      }
+    ]
+  };
+  res.push(sum);
+  for (let key in data) {
+    let item = {
+      title: data[key].name?data[key].name:"空",
+      amount: data[key].cur_unit_weight,
+      key: key,
+      hb: [
+        {
+          title: choice[aux.time_type],
+          amount: conver_amont(data[key].pre_unit_weight),
+          rate: calc_hb_str(data[key].cur_unit_weight, data[key].pre_unit_weight)
+        }
+      ]
+    };
+    sum.amount += data[key].cur_unit_weight;
+    sum.hb[0].amount += data[key].pre_unit_weight;
+    res.push(item);
+  }
+  calcProportion(res);
+  sum.amount = conver_amont(sum.amount);
+  sum.hb[0].amount = conver_amont(sum.hb[0].amount);
+}
+
+function calcProportion(list) {
+  let sum = list[0];
+  for (let i = 1; i < list.length; i++) {
+    list[i].hb.push({
+      title: "占比",
+      amount: calc_zb_str(list[i].amount,sum.amount)
+    })
+    list[i].amount = conver_amont(list[i].amount);
+  }
+
+}
+

src/module/databoard/databoard/mockData/order_proportion.json

 {
-  "domain":{
+  "01":{
     "day": {
       "head": [
         {
@@ -1021,7 +1021,7 @@
       }
     }
   },
-  "area":{
+  "02":{
     "day": {
       "head": [
         {
@@ -2205,7 +2205,7 @@
       }
     }
   },
-  "base": {
+  "03": {
     "day": {
       "head": [
         {
@@ -3857,7 +3857,7 @@
       }
     }
   },
-  "business": {
+  "04": {
     "day": {
       "head": [
         {

src/module/utils/numUtil.js

 //环比值=（当日营业额-昨日营业额）/昨日营业额*100%计算
 export const calc_hb_str = function (cur, pre) {
+  if (cur == 0 || pre == 0){
+    return '0.00%'
+  }
   return conver_num_rate(formater((cur - pre) / pre * 100));
 };
 
@@ -8,6 +11,15 @@ export const calc_tb_str = function (cur, pre) {
   return conver_num_rate(formater(cur / pre * 100));
 };
 
+//计算占比
+export const calc_zb_str = function (item, total) {
+  if (item == 0 || total == 0){
+    return '0.00%'
+  }
+  return formater(item / total * 100) + '%';
+};
+
+
 //conver amont
 export const conver_amont = function (amont) {
   return formater(amont / 10000);