首页模块 销售数据 月度对比

zhang_12370

7 天以前 70e08980b2fcf49dc0505984cc310ce9850c761b

 src/views/index.vue

@@ -121,18 +121,21 @@
          :header-cell-style="tableHeaderStyle"
        >
          <el-table-column
            prop="product"
            prop="coalName"
            label="产品"
            align="center"
            mini-width="50"
          ></el-table-column>
          <el-table-column
            prop="quantity"
            prop="inventoryQuantity"
            label="数量"
            align="center"
            mini-width="50"
          ></el-table-column>
          <el-table-column
            prop="amount"
            prop="totalAmount"
            label="金额"
            align="center"
            mini-width="50"
          ></el-table-column>
        </el-table>
@@ -233,13 +236,7 @@
}

// 销售数据原始
const salesData = [
  { product: "原煤", quantity: "1234吨", amount: "¥456789", status: "已完成" },
  { product: "精煤", quantity: "567吨", amount: "¥234567", status: "已完成" },
  { product: "焦煤", quantity: "890吨", amount: "¥345678", status: "进行中" },
  { product: "块煤", quantity: "432吨", amount: "¥123456", status: "已完成" },
  { product: "煤泥", quantity: "20000吨", amount: "¥234567", status: "进行中" },
];
const salesData = ref([]);

const tableHeaderStyle = {
  backgroundColor: "#f5f7fa",
@@ -398,7 +395,7 @@
    },
    xAxis: {
      type: "category",
      data: ["原煤", "精煤", "焦煤", "块煤", "煤泥"],
      data: resultMonthList.value.Xkeys || [],
      axisLabel: {
        fontSize: 11,
      },
@@ -413,7 +410,7 @@
      {
        name: "销量",
        type: "bar",
        data: [320, 302, 301, 334, 290],
        data: resultMonthList.value.Yvalues || [],
        itemStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            { offset: 0, color: "#409EFF" },
@@ -464,7 +461,18 @@
        Yvalues: inventoryListYvalues,
      };
    }
    console.log(inventoryList.value)
    if(homePageData.value.resultMouth){
      let resultMonthXkeys = Object.keys(homePageData.value.resultMouth);
      let resultMonthYvalues = Object.values(homePageData.value.resultMouth);
      resultMonthList.value = {
        Xkeys: resultMonthXkeys,
        Yvalues: resultMonthYvalues,
      };
      console.log(resultMonthList.value);
    }
    if(homePageData.value.salesResults){
      salesData.value = homePageData.value.salesResults;
    }
    // 数据加载完成后重新初始化图表
    nextTick(() => {
      initCharts();
@@ -474,6 +482,7 @@
  }
};
const inventoryList = ref([]);
const resultMonthList = ref([]);

const supplyTrend = ref({});
const searchMonth = async () => {