营业额明细

src/module/api/apiList.js

@@ -38,7 +38,7 @@ export const getBusinessConditionDataByMonth = (cur_day) => fetch('/api/query/*/
 //明细页营业额汇年 -汇总
 export const getBusinessConditionDatasByYear = (cur_day) => fetch('/api/query/*/action/get_business_condition_datas_by_year', {
   aux: {
-    cur_day: cur_dayS
+    cur_day: cur_day
   }
 }, 'POST');
 // 应收账款汇总
@@ -68,3 +68,31 @@ export const getAllTypeBusinessConditionDetailByDay = (cur_day) => fetch('/api/q
   }
 }, 'POST');
 
+//明细页各种运输类型营业额汇总-月维度
+export const getAllTypeBusinessConditionDatasByMonth = (cur_day) => fetch('/api/query/*/action/get_all_type_business_condition_datas_by_month', {
+  aux: {
+    cur_day: cur_day
+  }
+}, 'POST');
+
+//明细页各种运输类型营业额汇总-年维度
+export const getAllTypeBusinessConditionDatasByYear = (cur_day) => fetch('/api/query/*/action/get_all_type_business_condition_datas_by_year', {
+  aux: {
+    cur_day: cur_day
+  }
+}, 'POST');
+
+//明细页各种运输类型营业额明细-月维度
+export const getAllTypeBusinessConditionDetailByMonth = (cur_day) => fetch('/api/query/*/action/get_all_type_business_condition_detail_by_month', {
+  aux: {
+    cur_day: cur_day
+  }
+}, 'POST');
+
+//明细页各种运输类型营业额明细-年维度
+export const getAllTypeBusinessConditionDetailByYear = (cur_day) => fetch('/api/query/*/action/get_all_type_business_condition_detail_by_year', {
+  aux: {
+    cur_day: cur_day
+  }
+}, 'POST');
+

src/module/databoard/databoard/turnover-detail.vue

@@ -2,7 +2,7 @@
   <div class="turnover-detail">
     <div class="card-board">
       <contrast-card v-for="(data,key)  in currentData.head" style="height: 100%;width: 20%;"
-                     @click.native="selectLegend(data)">
+                     @click.native="selectLegend(key)">
         <title-content-mark style="color: #369afa;float: left;width: 40%;font-size: 18px"
                             :title-style="{'font-weight': 'bold'}" :title="key" :content="data.amount" isBold/>
         <div
@@ -33,7 +33,7 @@ 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";
 import * as echarts from "echarts";
-import {getTrunOverDayDetail} from "./turnoverDetail"
+import {getTrunOver} from "./turnoverDetail"
 
 export default {
   name: "TurnoverDetail",
@@ -41,6 +41,7 @@ export default {
   data() {
     return {
       today: '2023-05-19',
+      curPageCode: this.$route.query.code ? this.$route.query.code : "yye",
       currentData: {},
       mockDataDay: {
         head: {
@@ -110,168 +111,7 @@ export default {
           }
         },
         detail: [
-          {"汽运(元)": 0, "水运(元)": 0, "铁运(元)": 0, "date": "2023-05-06"},
-          {date: '2月2日', '汽运(元)': 300, '水运(元)': 786, '铁运(元)': 848},
-          {date: '2月3日', '汽运(元)': 500, '水运(元)': 547, '铁运(元)': 256},
-          {date: '2月4日', '汽运(元)': 100, '水运(元)': 632, '铁运(元)': 677},
-          {date: '2月5日', '汽运(元)': 300, '水运(元)': 167, '铁运(元)': 176},
-          {date: '2月6日', '汽运(元)': 800, '水运(元)': 264, '铁运(元)': 584},
-          {date: '2月7日', '汽运(元)': 100, '水运(元)': 116, '铁运(元)': 110},
-          {date: '2月8日', '汽运(元)': 500, '水运(元)': 527, '铁运(元)': 610},
-          {date: '2月9日', '汽运(元)': 1000, '水运(元)': 277, '铁运(元)': 625},
-          {date: '2月10日', '汽运(元)': 358, '水运(元)': 854, '铁运(元)': 775},
-          {date: '2月11日', '汽运(元)': 290, '水运(元)': 801, '铁运(元)': 355},
-          {date: '2月12日', '汽运(元)': 239, '水运(元)': 648, '铁运(元)': 837},
-          {date: '2月13日', '汽运(元)': 413, '水运(元)': 375, '铁运(元)': 175},
-          {date: '2月14日', '汽运(元)': 379, '水运(元)': 678, '铁运(元)': 462},
-          {date: '2月15日', '汽运(元)': 470, '水运(元)': 787, '铁运(元)': 707},
-          {date: '2月16日', '汽运(元)': 893, '水运(元)': 507, '铁运(元)': 645},
-          {date: '2月17日', '汽运(元)': 544, '水运(元)': 473, '铁运(元)': 471},
-          {date: '2月18日', '汽运(元)': 387, '水运(元)': 799, '铁运(元)': 615},
-          {date: '2月19日', '汽运(元)': 123, '水运(元)': 942, '铁运(元)': 988},
-          {date: '2月20日', '汽运(元)': 795, '水运(元)': 518, '铁运(元)': 481},
-          {date: '2月21日', '汽运(元)': 885, '水运(元)': 917, '铁运(元)': 716},
-          {date: '2月22日', '汽运(元)': 327, '水运(元)': 682, '铁运(元)': 947},
-          {date: '2月23日', '汽运(元)': 599, '水运(元)': 768, '铁运(元)': 284},
-          {date: '2月24日', '汽运(元)': 731, '水运(元)': 665, '铁运(元)': 408},
-          {date: '2月25日', '汽运(元)': 569, '水运(元)': 150, '铁运(元)': 358},
-          {date: '2月26日', '汽运(元)': 642, '水运(元)': 747, '铁运(元)': 697},
-          {date: '2月27日', '汽运(元)': 963, '水运(元)': 674, '铁运(元)': 532},
-          {date: '2月28日', '汽运(元)': 522, '水运(元)': 273, '铁运(元)': 587},
-        ]
-      },
-      mockDataMonth: {
-        head: {
-          "营业额": {
-            title: "营业额",
-            amount: "20,303",
-            hb: [
-              {
-                title: "上月",
-                amount: "21,000",
-                rate: "-3.32%",
-              },
-              {
-                title: "去年",
-                amount: "21,000",
-                rate: "+4.92%",
-              }
-            ]
-          },
-          "汽运营业额": {
-            title: "汽运营业额",
-            amount: "10,000",
-            hb: [
-              {
-                title: "上月",
-                amount: "11,000",
-                rate: "-10.00%",
-              },
-              {
-                title: "去年",
-                amount: "10,000",
-                rate: "+0.00%",
-              }
-            ]
-          },
-          "水运营业额": {
-            title: "水运营业额",
-            amount: "20,303",
-            hb: [
-              {
-                title: "上月",
-                amount: "11,000",
-                rate: "-10.00%",
-              },
-              {
-                title: "去年",
-                amount: "10,000",
-                rate: "+0.00%",
-              }
-            ]
-          },
-          "铁运营业额": {
-            title: "铁运营业额",
-            amount: "303",
-            hb: [
-              {
-                title: "上月",
-                amount: "300",
-                rate: "-1.00%",
-              },
-              {
-                title: "去年",
-                amount: "301",
-                rate: "+0.64%",
-              }
-            ]
-          }
-        },
-        detail: [
-          {date: '1月', '汽运(元)': 544, '水运(元)': 473, '铁运(元)': 471},
-          {date: '2月', '汽运(元)': 387, '水运(元)': 799, '铁运(元)': 615},
-          {date: '3月', '汽运(元)': 123, '水运(元)': 942, '铁运(元)': 988},
-          {date: '4月', '汽运(元)': 795, '水运(元)': 518, '铁运(元)': 481},
-          {date: '5月', '汽运(元)': 885, '水运(元)': 917, '铁运(元)': 716},
-          {date: '6月', '汽运(元)': 327, '水运(元)': 682, '铁运(元)': 947},
-          {date: '7月', '汽运(元)': 599, '水运(元)': 768, '铁运(元)': 284},
-          {date: '8月', '汽运(元)': 731, '水运(元)': 665, '铁运(元)': 408},
-          {date: '9月', '汽运(元)': 569, '水运(元)': 150, '铁运(元)': 358},
-          {date: '10月', '汽运(元)': 642, '水运(元)': 747, '铁运(元)': 697},
-          {date: '11月', '汽运(元)': 963, '水运(元)': 674, '铁运(元)': 532},
-          {date: '12月', '汽运(元)': 522, '水运(元)': 273, '铁运(元)': 587},
-        ]
-      },
-      mockDataYear: {
-        head: {
-          "营业额": {
-            title: "营业额",
-            amount: "20,303",
-            hb: [
-              {
-                title: "去年",
-                amount: "21,000",
-                rate: "-3.32%",
-              },
-            ]
-          },
-          "汽运营业额": {
-            title: "汽运营业额",
-            amount: "10,000",
-            hb: [
-              {
-                title: "去年",
-                amount: "11,000",
-                rate: "-10.00%",
-              },
-            ]
-          },
-          "水运营业额": {
-            title: "水运营业额",
-            amount: "20,303",
-            hb: [
-              {
-                title: "去年",
-                amount: "11,000",
-                rate: "-10.00%",
-              },
-            ]
-          },
-          "铁运营业额": {
-            title: "铁运营业额",
-            amount: "303",
-            hb: [
-              {
-                title: "去年",
-                amount: "300",
-                rate: "-1.00%",
-              },
-            ]
-          }
-        },
-        detail: [
-          {date: '2022年', '汽运(元)': 544, '水运(元)': 674, '铁运(元)': 532},
-          {date: '2023年', '汽运(元)': 387, '水运(元)': 273, '铁运(元)': 587},
+          {"汽运(元)": 0, "水运(元)": 0, "铁运(元)": 0, "date": "2023-05-06"}
         ]
       },
       chart: null,
@@ -353,19 +193,19 @@ export default {
         this.chart.resize();
       }
     },
-    changeDimension(dimension) {
+    async changeDimension(dimension) {
       this.currentBtn = dimension;
       switch (dimension) {
         case 'day':
-          this.currentData = this.mockDataDay;
+          await this.getDayDate();
           this.refreshChart();
           break;
         case 'month':
-          this.currentData = this.mockDataMonth;
+          await this.getMonthDate();
           this.refreshChart();
           break;
         case 'year':
-          this.currentData = this.mockDataYear;
+          await this.getYearDate();
           this.refreshChart();
           break;
         default:
@@ -378,12 +218,13 @@ export default {
         this.chart.setOption(this.chartOption);
       }
     },
-    selectLegend(data) {
+    selectLegend(title) {
+      console.log(title)
       let name;
       this.chart.dispatchAction({
         type: 'legendAllSelect'
       });
-      switch (data.title) {
+      switch (title) {
         case '营业额':
           break;
         case '汽运营业额':
@@ -398,6 +239,7 @@ export default {
         default:
           break;
       }
+      console.log(name)
       if (name) {
         this.chart.dispatchAction({
           type: 'legendInverseSelect'
@@ -414,14 +256,21 @@ export default {
       this.chart.setOption(this.chartOption);
 
     },
-    //获取数据
-    async getDate() {
-      this.currentData = await getTrunOverDayDetail("yye", this.today)
+    //获取日维度数据
+    async getDayDate() {
+      this.currentData = await getTrunOver("day", this.curPageCode, this.today)
+    },
+    //获取月维度数据
+    async getMonthDate() {
+      this.currentData = await getTrunOver("month", this.curPageCode, this.today)
+    },
+    //获取月维度数据
+    async getYearDate() {
+      this.currentData = await getTrunOver("year", this.curPageCode, this.today)
     },
   },
   async mounted() {
-    console.log("mockDataDay:"+JSON.stringify(this.mockDataDay))
-    await this.getDate();
+    await this.getDayDate();
     // this.currentData = this.mockDataDay;
     this.refreshChart();
     setTimeout(() => {

src/module/databoard/databoard/turnoverDetail.js

 import {
   getBusinessConditionDatas,
   getAllTypeBusinessConditionDatas,
-  getAllTypeBusinessConditionDetailByDay
+  getAllTypeBusinessConditionDetailByDay,
+  getBusinessConditionDataByMonth,
+  getAllTypeBusinessConditionDatasByMonth,
+  getAllTypeBusinessConditionDetailByMonth,
+  getBusinessConditionDatasByYear,
+  getAllTypeBusinessConditionDatasByYear,
+  getAllTypeBusinessConditionDetailByYear
 } from "../../api/apiList";
 import {calc_hb_str, calc_tb_str, conver_amont} from "../../utils/numUtil";
 import moment from 'moment'
 //天维度数据转换
-export const getTrunOverDayDetail = async function (type, cur_day) {
+export const getTrunOver = async function (dimension, type, cur_day) {
   let pageData = new Object();
-  pageData.head = await getHeadDay(type, cur_day)
-  pageData.detail = await getDetailDay(type, cur_day)
-  console.log("pageData:" + JSON.stringify(pageData))
+  pageData.head = await getHead(dimension, type, cur_day)
+  pageData.detail = await getDetail(dimension, type, cur_day)
   return pageData;
-
 };
+
 /**
  * @param cur_day
  */
-export const getHeadDay = async function (type, cur_day) {
+export const getHead = async function (dimension, type, cur_day) {
+  let typeName = new Object({"yye": "营业额", "cb": "成本", "ml": "毛利"});
+  let pageName = typeName[type]
+  let truck = "汽运" + pageName;
+  let ship = "水运" + pageName;
+  let tran = "铁运" + pageName;
   let headData = new Object();
-  let res = await reqSumData(cur_day);
-  headData.营业额 = adapterSumDataDay(type, res);
-  let transportData = await reqTransportData(cur_day)
-  headData.汽运营业额 = initSumDataDay();
-  headData.水运营业额 = initSumDataDay();
-  headData.铁运营业额 = initSumDataDay();
+  let transportData;
+  let res = await reqDaySumData(dimension, cur_day);
+  headData[pageName] = adapterSumData(dimension, type, res);
+  transportData = await reqDayTransportData(dimension, cur_day)
+  headData[truck] = initSumDataDay();
+  headData[ship] = initSumDataDay();
+  headData[tran] = initSumDataDay();
   if (transportData[10]) {
-    headData.汽运营业额 = adapterSumDataDay(type, transportData[10]);
+    headData[truck] = adapterSumData(dimension, type, transportData[10]);
   }
   if (transportData[30]) {
-    headData.水运营业额 = adapterSumDataDay(type, transportData[30]);
+    headData[ship] = adapterSumData(dimension, type, transportData[30]);
   }
   if (transportData[20]) {
-    headData.铁运营业额 = adapterSumDataDay(type, transportData[20]);
+    headData[tran] = adapterSumData(dimension, type, transportData[20]);
   }
   return headData;
 };
 //获取折线图明细
-export const getDetailDay = async function (type, cur_day) {
-  let transportDetail = await reqTransportDetailDayData(cur_day)
-  return adapterDetailDataDay(type, transportDetail)
+export const getDetail = async function (dimension, type, cur_day) {
+  let res;
+  if (dimension == 'day') {
+    res = await getAllTypeBusinessConditionDetailByDay(moment(cur_day).format('YYYY-MM'));
+  }
+  if (dimension == 'month') {
+    res = await getAllTypeBusinessConditionDetailByMonth(cur_day)
+  }
+  if (dimension == 'year') {
+    res = await getAllTypeBusinessConditionDetailByYear(cur_day)
+  }
+  let data = res.data
+  return adapterDetailData(dimension, type, data)
 };
 
-//获取汇总数据
-export const reqSumData = async function (cur_day) {
-  let res = await getBusinessConditionDatas(cur_day);
+//获取全部汇总数据
+export const reqDaySumData = async function (dimension, cur_day) {
+  let res;
+  if (dimension == 'day') {
+    res = await getBusinessConditionDatas(cur_day);
+  }
+  if (dimension == 'month') {
+    res = await getBusinessConditionDataByMonth(cur_day);
+  }
+  if (dimension == 'year') {
+    res = await getBusinessConditionDatasByYear(cur_day);
+  }
   let data = res.data
   return data;
 }
 
-//获取汇总数据
-export const reqTransportData = async function (cur_day) {
-  let res = await getAllTypeBusinessConditionDatas(cur_day);
+//获取每个运输方式汇总数据
+export const reqDayTransportData = async function (dimension, cur_day) {
+  let res;
+  if (dimension == 'day') {
+    res = await getAllTypeBusinessConditionDatas(cur_day);
+  }
+  if (dimension == 'month') {
+    res = await getAllTypeBusinessConditionDatasByMonth(cur_day);
+  }
+  if (dimension == 'year') {
+    res = await getAllTypeBusinessConditionDatasByYear(cur_day);
+  }
   let data = res.data
   return data;
 }
 
+
 //获取明细数据数据
 export const reqTransportDetailDayData = async function (cur_day) {
   let res = await getAllTypeBusinessConditionDetailByDay(moment(cur_day).format('YYYY-MM'));
@@ -64,6 +104,26 @@ export const reqTransportDetailDayData = async function (cur_day) {
 }
 
 
+/**
+ * 数据匹配
+ * @param type
+ * @param data
+ */
+export const adapterSumData = function (dimension, type, data) {
+  let res;
+  if (dimension == 'day') {
+    res = adapterSumDataDay(type, data);
+  }
+  if (dimension == 'month') {
+    res = adapterSumDataMonth(type, data);
+  }
+  if (dimension == 'year') {
+    res = adapterSumDataYear(type, data);
+  }
+  return res;
+}
+
+
 /**
  *日维度汇总
  * @param type yye:营业额、cb:成本、ml:毛利
@@ -167,7 +227,7 @@ export const initSumDataDay = function () {
  * @param type
  * @param data
  */
-export const adapterSumDatamonth = function (type, data) {
+export const adapterSumDataMonth = function (type, data) {
   let turnOver = new Object()
   let hb = new Array()
   if (type == 'yye') {
@@ -233,6 +293,7 @@ export const adapterSumDatamonth = function (type, data) {
     }
     turnOver.hb = hb;
   }
+  return turnOver;
 }
 
 /**
@@ -282,6 +343,7 @@ export const adapterSumDataYear = function (type, data) {
     }
     turnOver.hb = hb;
   }
+  return turnOver;
 }
 
 
@@ -291,12 +353,22 @@ export const adapterSumDataYear = function (type, data) {
  * @param data
  * @returns {any[]}
  */
-export const adapterDetailDataDay = function (type, data) {
+export const adapterDetailData = function (dimension, type, data) {
   let list = new Array()
   let detail = null
   for (let key in data) {
     detail = detailConver(type, data[key])
-    detail.date = moment(key).format('MM月DD日');
+    let date;
+    if (dimension == 'day') {
+      date = moment(key).format('MM月DD日')
+    }
+    if (dimension == 'month') {
+      date = moment(key).format('MM月')
+    }
+    if (dimension == 'year') {
+      date = moment(key).format('YYYY年')
+    }
+    detail.date = date;
     list.push(detail);
   }
   return list;
@@ -310,7 +382,6 @@ export const adapterDetailDataDay = function (type, data) {
  */
 export const detailConver = function (type, detailList) {
   let detail = initDetail();
-  console.log(typeof detailList)
   for (let det in detailList) {
     let data = detailList[det]
     //初始化

src/module/databoard/index.vue

@@ -170,7 +170,7 @@ export default {
   },
   data() {
     return {
-      today: '2023-06-19',
+      today: '2023-05-19',
       yyqk: {
         yye: {
           title: "营业额",
@@ -233,59 +233,6 @@ export default {
         {title: "XX有限公司", column: [{key: "未收款（万元）", value: 0}]},
       ],
       mockData: {
-        yyqk: {
-          yye: {
-            title: "营业额",
-            amount: "20,303",
-            unit: "万元",
-            hb: [
-              {
-                title: "昨天",
-                amount: "21,000",
-                rate: "-3.32%",
-              },
-              {
-                title: "上月",
-                amount: "20,000",
-                rate: "+4.92%",
-              },
-            ],
-          },
-          cb: {
-            title: "成本",
-            amount: "10,303",
-            unit: "万元",
-            hb: [
-              {
-                title: "昨日",
-                amount: "11,000",
-                rate: "-2.68%",
-              },
-              {
-                title: "上月",
-                amount: "10,000",
-                rate: "+5.71%",
-              },
-            ],
-          },
-          ml: {
-            title: "毛利",
-            amount: "10,000",
-            unit: "万元",
-            hb: [
-              {
-                title: "昨日",
-                amount: "10,000",
-                rate: "0.00%",
-              },
-              {
-                title: "上月",
-                amount: "10,000",
-                rate: "0.00%",
-              },
-            ],
-          },
-        },
         zqk: {
           yszk: {
             title: "应收账款",
@@ -460,9 +407,9 @@ export default {
         },
       },
       paths: {
-        "营业额": "/turnover-detail",
-        "成本": "/turnover-detail",
-        "毛利": "/turnover-detail",
+        "营业额": "yye",
+        "成本": "cb",
+        "毛利": "ml",
       },
       charts: {}
     }
@@ -470,7 +417,6 @@ export default {
   methods: {
     cellStyleFunction(data) {
       let res = {color: '#33ff66'};
-      console.log(data + ":" + data.indexOf('+'))
       if (data.indexOf('-') !== -1) {
         res.color = '#ff3300'
       }
@@ -481,9 +427,8 @@ export default {
         this.charts[chartsKey].resize();
       }
     },
-    routerTo(path) {
-      console.log(path)
-      this.$router.push({path: path});
+    routerTo(code) {
+      this.$router.push({path: "/turnover-detail", query: {code: code}});
     },
     //营业情况
     showBusinessConditionDatas() {

src/module/index/index.vue

@@ -23,7 +23,7 @@ export default {
   name: 'app',
   data() {
     return {
-      countDown: 10,
+      countDown: 10000,
       isRouterAlive: true,
       countDownTimer: null,
     }