首页文字

src/views/dashboard/components/BarChart.vue

@@ -3,7 +3,7 @@
   <el-card>
     <template #header>
       <div class="title">
-        业绩柱状图
+        产量柱状图
         <el-tooltip effect="dark" content="点击试试下载" placement="bottom">
           <i-ep-download class="download" @click="downloadEchart" />
         </el-tooltip>
@@ -65,7 +65,7 @@ const options = {
   xAxis: [
     {
       type: "category",
-      data: ["浙江", "北京", "上海", "广东", "深圳"],
+      data: ["1月", "2月", "3月", "4月", "5月","6月", "7月","8月", "9月","10月", "11月","12月"],
       axisPointer: {
         type: "shadow",
       },
@@ -95,7 +95,7 @@ const options = {
     {
       name: "收入",
       type: "bar",
-      data: [7000, 7100, 7200, 7300, 7400],
+      data: [5000, 7100, 7200, 7300, 6000,7800, 3500, 7000, 7000, 7500,7500, 7100],
       barWidth: 20,
       itemStyle: {
         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -108,7 +108,7 @@ const options = {
     {
       name: "毛利润",
       type: "bar",
-      data: [8000, 8200, 8400, 8600, 8800],
+      data: [5100, 7200, 7300, 7800, 6100,7100, 3200, 7100, 7200, 7100,7200, 7200],
       barWidth: 20,
       itemStyle: {
         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -122,7 +122,7 @@ const options = {
       name: "收入增长率",
       type: "line",
       yAxisIndex: 1,
-      data: [60, 65, 70, 75, 80],
+      data: [60, 65, 70, 75, 80,60, 65, 70, 75, 80,23,23],
       itemStyle: {
         color: "#67C23A",
       },
@@ -131,7 +131,7 @@ const options = {
       name: "利润增长率",
       type: "line",
       yAxisIndex: 1,
-      data: [70, 75, 80, 85, 90],
+      data: [70, 75, 80, 85, 90,65, 70, 75, 80,60, 65, 70],
       itemStyle: {
         color: "#409EFF",
       },

src/views/dashboard/index.vue

@@ -112,7 +112,7 @@
         <el-card shadow="never">
           <template #header>
             <div class="flex items-center justify-between">
-              <span class="text-[var(--el-text-color-secondary)]">销售额</span>
+              <span class="text-[var(--el-text-color-secondary)]">产品数</span>
               <el-tag>月</el-tag>
             </div>
           </template>
@@ -127,7 +127,7 @@
           <div
             class="flex items-center justify-between mt-5 text-sm text-[var(--el-text-color-secondary)]"
           >
-            <span> 总销售额 </span>
+            <span> 总产品数 </span>
             <span> {{ Math.round(amountOutput * 15) }} </span>
           </div>
         </el-card>