From 8b456ce7279593f5d3b63b5e0d2222ad96eaf96b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Fri, 10 Jun 2022 14:59:37 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=8A=A0=E8=BD=BD=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/home/home.js | 82 +++++++++++++---------------------
 src/views/home/index.vue       | 11 +++--
 2 files changed, 39 insertions(+), 54 deletions(-)

diff --git a/src/store/modules/home/home.js b/src/store/modules/home/home.js
index 5133b8b..eb1f4c0 100644
--- a/src/store/modules/home/home.js
+++ b/src/store/modules/home/home.js
@@ -13,23 +13,23 @@ const state = () => ({
         summary: [
             {
                 label: '今日访客数',
-                value: 1526,
+                value: '-',
                 icon: customer,
             },
             {
                 label: '今日订单数',
-                value: 200,
+                value: '-',
                 icon: order,
             },
             {
                 label: '今日销售额',
-                value: 5000,
+                value: '-',
                 icon: sales,
                 type: 'money',
             },
             {
                 label: '近7天销售总额',
-                value: 50000,
+                value: '-',
                 icon: sales2,
                 type: 'money',
             },
@@ -37,7 +37,7 @@ const state = () => ({
         order: [
             {
                 label: '待付款订单',
-                value: '10',
+                value: '-',
                 route: {
                     name: 'OrderManagement',
                     query: {
@@ -47,7 +47,7 @@ const state = () => ({
             },
             {
                 label: '待发货订单',
-                value: '10',
+                value: '-',
                 route: {
                     name: 'OrderManagement',
                     query: {
@@ -57,7 +57,7 @@ const state = () => ({
             },
             {
                 label: '已发货订单',
-                value: '10',
+                value: '-',
                 route: {
                     name: 'OrderManagement',
                     query: {
@@ -67,7 +67,7 @@ const state = () => ({
             },
             {
                 label: '待处理退款申请',
-                value: '10',
+                value: '-',
                 route: {
                     name: 'ServiceApplication',
                     query: {
@@ -77,7 +77,7 @@ const state = () => ({
             },
             {
                 label: '待确认退货订单',
-                value: '10',
+                value: '-',
                 route: {
                     name: 'ServiceApplication',
                     query: {
@@ -129,84 +129,66 @@ const state = () => ({
         product: [
             {
                 label: '已上架',
-                value: 100,
+                value: '-',
             },
             {
                 label: '未上架',
-                value: 400,
+                value: '-',
             },
             {
                 label: '库存紧张',
-                value: 50,
+                value: '-',
             },
             {
                 label: '全部商品',
-                value: 500,
+                value: '-',
             },
         ],
         customer: [
             {
                 label: '今日新增',
-                value: 100,
+                value: '-',
             },
             {
                 label: '昨日新添',
-                value: 200,
+                value: '-',
             },
             {
                 label: '本月新增',
-                value: 1000,
+                value: '-',
             },
             {
                 label: '用户总数',
-                value: 5000,
+                value: '-',
             },
         ],
         chart: [
             {
                 info: {
-                    monthUpsOrDownsScale: 0,
-                    monthVisitor: 0,
-                    weekUpsOrDownsScale: 0,
-                    weekVisitor: 0,
+                    monthUpsOrDownsScale: '-',
+                    monthVisitor: '-',
+                    weekUpsOrDownsScale: '-',
+                    weekVisitor: '-',
                 },
-                data: [
-                    { label: '1月', value: 152 },
-                    { label: '2月', value: 215 },
-                    { label: '3月', value: 198 },
-                    { label: '4月', value: 348 },
-                    { label: '5月', value: 111 },
-                ],
+                data: [],
             },
             {
                 info: {
-                    monthUpsOrDownsScale: 0,
-                    monthOrder: 0,
-                    weekUpsOrDownsScale: 0,
-                    weekOrder: 0,
+                    monthUpsOrDownsScale: '-',
+                    monthOrder: '-',
+                    weekUpsOrDownsScale: '-',
+                    weekOrder: '-',
                 },
-                data: [
-                    { label: '1月', value: 152 },
-                    { label: '2月', value: 215 },
-                    { label: '3月', value: 198 },
-                    { label: '4月', value: 348 },
-                    { label: '5月', value: 111 },
-                ],
+                data: [],
             },
             {
                 info: {
-                    monthUpsOrDownsScale: 0,
-                    monthSales: 0,
-                    weekUpsOrDownsScale: 0,
-                    weekSales: 0,
+                    monthUpsOrDownsScale: '-',
+                    monthSales: '-',
+                    weekUpsOrDownsScale: '-',
+                    weekSales: '-',
                 },
-                data: [
-                    { label: '1月', value: 152 },
-                    { label: '2月', value: 215 },
-                    { label: '3月', value: 198 },
-                    { label: '4月', value: 348 },
-                    { label: '5月', value: 111 },
-                ],
+                data: [],
             },
         ],
     },
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index fc0b236..6db7fae 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -229,13 +229,16 @@
         }
     });
     const handleValue = (item) => {
-        let res = new Number(item.value).toLocaleString();
-        if (item.type === 'money') {
-            res = '￥' + res;
+        let res = item.value;
+        if (res !== '-') {
+            res = new Number(item.value).toLocaleString();
+            if (item.type === 'money') {
+                res = '￥' + res;
+            }
         }
         return res;
     };
-    const handleRate = (num) => new Number(Math.abs(num || 0)).toFixed(2) + '%';
+    const handleRate = (num) => (num === '--' ? num : new Number(Math.abs(num || 0)).toFixed(2) + '%');
 
     const handleRoute = (route) => router.push(route);
     const charts = ref({});