From 8db093e2ae6ae2bebd474d4fc26a44d09027f0d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Mon, 6 Jun 2022 18:05:50 +0800
Subject: [PATCH 01/14] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5=EF=BC=8C=E6=A0=B7=E5=BC=8F=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/home/index.js                  |   2 +-
 src/assets/home/customer.png           | Bin 0 -> 10775 bytes
 src/assets/home/down.png               | Bin 0 -> 322 bytes
 src/assets/home/icon-advertise.png     | Bin 0 -> 2195 bytes
 src/assets/home/icon-limit.png         | Bin 0 -> 2796 bytes
 src/assets/home/icon-notify.png        | Bin 0 -> 1978 bytes
 src/assets/home/icon-order.png         | Bin 0 -> 2166 bytes
 src/assets/home/icon-product.png       | Bin 0 -> 2076 bytes
 src/assets/home/order.png              | Bin 0 -> 9208 bytes
 src/assets/home/sales.png              | Bin 0 -> 9836 bytes
 src/assets/home/sales2.png             | Bin 0 -> 9416 bytes
 src/assets/home/up.png                 | Bin 0 -> 300 bytes
 src/store/modules/home/home.js         | 163 ++++++---
 src/views/home/dateRange.vue           |  22 +-
 src/views/home/index copy.vue          | 419 ----------------------
 src/views/home/index.vue               | 461 ++++++++++++++++++++++++-
 src/views/operation/advertise/form.vue |   2 +-
 src/views/sales/order/index.vue        |   8 +-
 src/views/sales/service/index.vue      |   9 +-
 19 files changed, 615 insertions(+), 471 deletions(-)
 create mode 100644 src/assets/home/customer.png
 create mode 100644 src/assets/home/down.png
 create mode 100644 src/assets/home/icon-advertise.png
 create mode 100644 src/assets/home/icon-limit.png
 create mode 100644 src/assets/home/icon-notify.png
 create mode 100644 src/assets/home/icon-order.png
 create mode 100644 src/assets/home/icon-product.png
 create mode 100644 src/assets/home/order.png
 create mode 100644 src/assets/home/sales.png
 create mode 100644 src/assets/home/sales2.png
 create mode 100644 src/assets/home/up.png
 delete mode 100644 src/views/home/index copy.vue

diff --git a/src/api/home/index.js b/src/api/home/index.js
index d0d3a8f..17f7024 100644
--- a/src/api/home/index.js
+++ b/src/api/home/index.js
@@ -47,7 +47,7 @@ export const orderSummary = (params) => {
 // 获取今日订单统计数据
 export const orderToday = () => {
     return request({
-        url: '/mall/base/frontPage/listOrderStatistics',
+        url: '/mall/base/frontPage/listTodayOrderStatistics',
         method: 'get',
     });
 };
diff --git a/src/assets/home/customer.png b/src/assets/home/customer.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa59ae859a2be20b258daef876153fea015dc8c7
GIT binary patch
literal 10775
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
VIA|Nx@uUC%002ovPDHLkV1f!=jne=C

literal 0
HcmV?d00001

diff --git a/src/assets/home/down.png b/src/assets/home/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f8574df3d64934eb4f1dae4d86fb2959d622bba
GIT binary patch
literal 322
zcmeAS@N?(olHy`uVBq!ia0vp^B0wy`!3-qNPSte*QjEnx?oJHr&dIz4a=Zh4LR^6~
z!+HaT?HUYQwHP*OFl^Rg*sRI0MH|EgF*LypErzYy3|q9ITnGb1qM)U+XTAbWlPC%D
z3uX{dFtB$Bh)>8bsBf4sf5G|<`_Esv|KP)(iKm=^Y8pLV977}|rydMsYEoceJ=oq7
zG%F(U&0l}1NmE~h8=uN~QF5iI+-is8dRy+ETh&a>WlWK)Z#kH)zP9PZDhsjAT78FJ
zt$n*@N!uf(lXI$Oa`b=nG5mU&C(fwzR_ILM99Gf3-W5}yYfIJgteJGxe}P9>^u*Ti
lqb>)smwU3v-dON|F9U-ZU+5q8sGT7Hd%F6$taD0e0sz{6bj<(&

literal 0
HcmV?d00001

diff --git a/src/assets/home/icon-advertise.png b/src/assets/home/icon-advertise.png
new file mode 100644
index 0000000000000000000000000000000000000000..e79c09ba8f887e0c6f0137edd2020bac63337a68
GIT binary patch
literal 2195
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
VXBIRcr<DKz002ovPDHLkV1m@cHhusA

literal 0
HcmV?d00001

diff --git a/src/assets/home/icon-limit.png b/src/assets/home/icon-limit.png
new file mode 100644
index 0000000000000000000000000000000000000000..51c70efeda2d18ac812f2b825a4509376da23555
GIT binary patch
literal 2796
zcmV<I3KR8-P)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00001b5ch_0Itp)
z=>Px<rb$FWRCwC$T}@LPM;e~wFZkq2@eBMD7Gd*cFy=#ocrUKltPfjjU@v4@=afw<
zH^*^`!^VlrJ|qt1)5dVx@MSw-<3!plAGWc;2qAyO5K9_KNFxcbd!JYANG&mf5lGWQ
zOjkXindyGJ=Xv^lyL)CdlB6O{wioP>)f265dmig*^Tc}Fp2hoHJyA!iC*}rZfb9S|
zk@s2Lj`IBp8?Z$-$+l#s?NjSg<gjfqdd9XCziwNKIa`-NY5_rYB<ez)RJW-BQp-!F
z48(NXJh3s`CQ0J3*@kXv(*g8`xXtE{4G0$@8_+gtW629)U5s_%Wan(|DBB-ESX+#A
zmYxtx7);$U&;Ai21B=lmj5{6sUI+}Dt=7fp3{HrZ29znQJ7V3RgS9Jq6JoHEgge@I
z>bdgX{_qM{^qkcd4VA1INyGxyg=l-x3h@bJ??Q-c06R!%S&Uwl7<;Fv#AtgOKhok-
z90yH|6cl^Y)72xzF<!W04RGB+%L01K0fyBTlUrPo2BBg!FGSBCbRjZ9oQPRlJdK?<
z1<2wp;Ko?bATgdQ%tUrH8zoBf9Kw`IxIR(l3LL&@0B@d0MJ9BEI4g)4O*FNgj|5DT
zb44UT+~s}I*F2{<OmcS#a7P^G&pYNK*I<;H*gcw@k!$%G#GR3IO=Qr-o<UshZ4h5j
z%9@-?2w*1if)H`KhbgXd(<Cv!XauLb6JuU!MciX1@(<!RXF(dDL}r?vz<`OogSgF6
z45h1av!IEBLFvjx5KrSQ3YjP%6pw!IFbOjTdc5T1Y<SKj%NP*X+k3~XVrzVi%qENj
zIM41Kk0S#B6NN8d##wmdEt?5%6s(TE-`5zWe&0G1d9EA=v{&U1m9mqMkU<doz3Yrm
zAGu>&^8E3M!Y;pvvj?G#glHrlpJ*T9n^$r6SKPVNs)sK_cF3m4^Cl4YTLfu%6z)Fx
zD9l7)SWXvX1l#=akMKCBEBc1znwHnzvc8o#NRK3Kefc7mmWS+~n~N|}=T2w@_gll&
zqwrWUh%w+@OA~^6{B~&tq%ZCu7726tMJ#FeGfy<lQ%DqEGyxb(6Qgc6a=77Pm>G?J
z?^+shM4Ec+R>m<(L?U?)5t_|r7jB)BT`iGF+*6p{sQGwN=$Hr&RFDQqK~7AE&lueR
zB2`NaB5WeKvBe8`vGn4?;#Ln^j=xQap(V<&e_fa$q(LfNJ&as$n85)9LBu4-3?c&i
zPGQ!OIac(otR?pErLNDG(nAz|?!uisI(EU8-Z9kuMuRj+dB{xIX><eBkn#ZDpzh;6
zgGjslJeIfmh-f~Hk$qKYsz=@TCuc;6Af&<O)9O#yArTEAGN^Z|+x@TCG<$Hq>*Pft
zZ&XF0`b3GLg0zt8r^D5VUrZ!2!^Y)jvAo)E#|-NG<#?hV`pk!~@0Zt@=<`=WS|D60
zU7{N@y}D5_f;#6@12_Fw_wnBNJ{D(1AqupBhphIVm|A6`aA6@u&I$(l_i4tVk*6KA
zuUu_+&ZT>UOL>z#Htb8Sf9SJF4pfj9BuKx=M$B;DkqA{8$7$bo$8!;b7n=m;lU7F%
zAV|M-Vk&H}rwsvU0||WS(8}}m%k)bfUqBQ+c9-LC(map$W#;3(M33D<<HTghA=OWY
z-Sv~$Apl=^VrgL`TRxt+1bHZzEpHoUE94El&>fgPY32QNF*TW(2&^+vJfskIOLdd0
zvZw|S32Gv8w#%y}3X$J~)i&WQrmwk(p(4#g1q(u2NcI24h9L0cho1bIqGVov&s>dn
zV2Ybd8`@~<DUc6>P(gSC^_IyLMJwqQgTQ;~-!UB)E=V2zhyp(Y+D$n%_TR!?KwjKS
zc!7*wTQ_hsOHDlxL?j<|2|<3v2SG?)`bOB$Tc(Fw)bZs=1U23GEw0-h<xLYrARhz>
z5@MpDrd9NAy=8jlQ|pHz-1kuTf9g^+_wR&TE4&~PCXx?=RQDfz5Cnckq_<4lWO~TD
zg7w2ESjjI$QntRvKE3v4La9N$2a8FOd=RAL_#+C_92p;A%Br{A4_vR-8qixInqFJH
zkRrKIAyg1Pep64+rR;>fb+)yF)%p2Z{lZcw;3pQvA&4U+155<YKTZ)s-jZwizhTjL
z1J801F5!WQR?JdzDSw5#PWA&X&x_)LgG?Uc7TE}Xx|#@E2G+eCONA>ESGXY1LaMa~
z9mnn15CrPo$=MO^8X8saCGI*Fg*uTOsHk;>>=d&4YiUCeY`><j*#Cm(l#HmC_m0mY
zjz|tvkQU@2y`mfP9p@!9>miW}S>GUc|DG<>7lRm^2=+=fj@7Q(UxG{|Y_ukcq^7|4
z@mNry>iV2pKqfpA_en&bzY5Yqs+|Z_7eix+7(R4SFD|qgSMac2v51iXw2-QQ2_35W
z8R`@PE@lw60I#uP_K^?U|9X|am?XiA<-App7KvxGu;DC*27R>@-TI(32H%UgG_qTp
zAL8EmRB-De@*cuskqP2VKDk))bLhJ02A#&`j@67COj^R|^_Y)wU5ZHGF8u>}ibs%8
z>QT~~3HeOT1MCzCz8BM=ej2Op>7e#k5h(Asc>I&ljnzKkpIE8W_C4IdT3vsu>1iM0
zHZSjmlrJH$;B!v^8l=9CF!uVe$j0y_k!SEEkyr3*hFlZb`wl|!HhG~*z+w=DG)Vi7
zNcBW;3}8m%G}at^kNy~!FtqY@<LSctATKkNWlKc*MS9g9=J#54@^-S-X&}b7e1od`
zL8x0qV+MauEz*c^J!SrkhY^TuHEgN)3So<c(_@43s_7LxP^ci_ev2T-?MhkoM1UEM
zZ@I4mwAh1&);<0Iaccoz>Jf47Du{c{Z{k+n4-Qn{M<#>Ojq6vZv04{ZcMBF}BI+g(
z=UKm}UNsT2RV6Z+Fbv>)+qXGX-3vOa?jfTI1Hdf?v!&{Bf2T>5F(9sWy%7kR-6mlL
z#<;ws`+ZrJ<H3%qaVlh@P#}(TdaGRJcwn+JQP4#GAy4J}&c$P6vbAyyg-zrg#O<!$
zOj`L<ps#XFW+w6oaJuXF_Et@J--DvENo2mnkORc&p5AT^_iBeBW@7IkF7xvK_sYBe
ztH;QoiCqJc=4u{)u!6mF?5=DFn2BA%P8{a-H$*CL`;Ne{Y?7NZWa6$Mzp_(t+uvXk
zoEwO<g8mNGu{-kFqjzLxVrLLnhWt|7(YyZhCgD2(92xpshDS#s%56V0p@C6@#Ym1R
z6uwLW(ok{7E9R$H`GFoiB4CQ)mkU0C=Q1TedRul>jG~7eNcil3DAd$;4?lMJZpDc2
z+CdY;GU~sY_eEb`L)ftI92y#`7(s(e8KZvLGU{!Y_Cu=p$ya6>@!u?2F^2tpRik^n
zYAeQD<W@9(2I8<%0K}NIjCifmeou(AT{t0+Wf&*64*?<E<s<$MsnilquFEp)n*-QB
zfwO$b+bNZLDj$+<mLdOuWe6u-j2QM0P#dL#mMR8)W#vP@?($*(m}n8G4b&EDlVm1@
zvmaj{F8|ScrhM3Uy?l^D1xP9+s1B+NbyD4?0y{m@Iubf$`M0;4#vPE?YZ>(SqbJ+(
y-;He<VB2EICvWEUI;d>I2905`Nw$miy#EJtPOS1D79Sx10000<MNUMnLSTYVRzM&C

literal 0
HcmV?d00001

diff --git a/src/assets/home/icon-notify.png b/src/assets/home/icon-notify.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9ff2195476c96a72dbb748efa8f0cf40651a638
GIT binary patch
literal 1978
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
M07*qoM6N<$f~8%<hyVZp

literal 0
HcmV?d00001

diff --git a/src/assets/home/icon-order.png b/src/assets/home/icon-order.png
new file mode 100644
index 0000000000000000000000000000000000000000..de47fc9f5e3831031b2303346e6c162a181c2862
GIT binary patch
literal 2166
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

literal 0
HcmV?d00001

diff --git a/src/assets/home/icon-product.png b/src/assets/home/icon-product.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9c98eb0791c9da1834a151a87116ed8b372db79
GIT binary patch
literal 2076
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
GLSTYA_Uc3c

literal 0
HcmV?d00001

diff --git a/src/assets/home/order.png b/src/assets/home/order.png
new file mode 100644
index 0000000000000000000000000000000000000000..26503b34a5d417524481d5fc2999dab97ca074d3
GIT binary patch
literal 9208
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
O0000<MNUMnLSTaMudZ1D

literal 0
HcmV?d00001

diff --git a/src/assets/home/sales.png b/src/assets/home/sales.png
new file mode 100644
index 0000000000000000000000000000000000000000..73f1b60908adccb26641ceaa5d5db8a0c1ba6ee1
GIT binary patch
literal 9836
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
S*{DDO0000<MNUMnLSTY=O05b2

literal 0
HcmV?d00001

diff --git a/src/assets/home/sales2.png b/src/assets/home/sales2.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc41ac818404bed5254cc2b55ffc4edec152bdb6
GIT binary patch
literal 9416
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
O0000<MNUMnLSTY;Rkwox

literal 0
HcmV?d00001

diff --git a/src/assets/home/up.png b/src/assets/home/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..f11fd1f581abfcf585533d75235e85b57de38d2b
GIT binary patch
literal 300
zcmeAS@N?(olHy`uVBq!ia0vp^B0wy`!3-qNPSte*QjEnx?oJHr&dIz4a%=*8LR^9L
zdk2T_4h~-&96mcZd<8SU!5Cld?SUd+?d-nT*@4)osB|^cE}(wlk|4ie1_1>Fhk%5F
zh6(c*Y&dZK!u|Ijj&{bS0j29bT^vIsB<CKCW;&$6!*ZbY0>>rsH-F!29gULyQ_Lpb
z`$KU_l0s`r!^1E$*MjXEZ_Dm8@?U+}{n69T$)D5~a+`?sibM%NC@b>pjP3JI6<op9
zaKMk@$IHg;2b^0M+N4NKWN$RwJToy@Wp(?*8$KJREJ@n1QHyP2_wfVI8|?QoJn!UI
U+O7H69q1GWPgg&ebxsLQ00%X8uK)l5

literal 0
HcmV?d00001

diff --git a/src/store/modules/home/home.js b/src/store/modules/home/home.js
index 0cd681b..cf4db1d 100644
--- a/src/store/modules/home/home.js
+++ b/src/store/modules/home/home.js
@@ -1,27 +1,36 @@
 import * as api from '@/api/home/index.js';
+import customer from '~/home/customer.png';
+import iconAdvertise from '~/home/icon-advertise.png';
+import iconLimit from '~/home/icon-limit.png';
+import iconNotify from '~/home/icon-notify.png';
+import iconOrder from '~/home/icon-order.png';
+import iconProduct from '~/home/icon-product.png';
+import order from '~/home/order.png';
+import sales from '~/home/sales.png';
+import sales2 from '~/home/sales2.png';
 const state = () => ({
     opts: {
         summary: [
             {
                 label: '今日访客数',
                 value: 1526,
-                icon: 'bar-chart',
+                icon: customer,
             },
             {
                 label: '今日订单数',
                 value: 200,
-                icon: 'file-list',
+                icon: order,
             },
             {
                 label: '今日销售额',
                 value: 5000,
-                icon: 'money-cny-box',
+                icon: sales,
                 type: 'money',
             },
             {
                 label: '近7天销售总额',
                 value: 50000,
-                icon: 'line-chart',
+                icon: sales2,
                 type: 'money',
             },
         ],
@@ -31,7 +40,7 @@ const state = () => ({
                 value: '10',
                 route: {
                     name: 'OrderManagement',
-                    params: {
+                    query: {
                         status: 1,
                     },
                 },
@@ -40,8 +49,8 @@ const state = () => ({
                 label: '待处理退款申请',
                 value: '10',
                 route: {
-                    name: 'ServiceManagement',
-                    params: {
+                    name: 'ServiceApplication',
+                    query: {
                         status: 1,
                     },
                 },
@@ -51,8 +60,8 @@ const state = () => ({
                 value: '10',
                 route: {
                     name: 'OrderManagement',
-                    params: {
-                        status: 1,
+                    query: {
+                        status: 3,
                     },
                 },
             },
@@ -60,9 +69,9 @@ const state = () => ({
                 label: '待确认退货订单',
                 value: '10',
                 route: {
-                    name: 'ServiceManagement',
-                    params: {
-                        status: 1,
+                    name: 'ServiceApplication',
+                    query: {
+                        status: 4,
                     },
                 },
             },
@@ -71,8 +80,8 @@ const state = () => ({
                 value: '10',
                 route: {
                     name: 'OrderManagement',
-                    params: {
-                        status: 1,
+                    query: {
+                        status: 4,
                     },
                 },
             },
@@ -80,35 +89,35 @@ const state = () => ({
         teleport: [
             {
                 label: '添加商品',
-                value: 'product-hunt',
+                value: iconProduct,
                 route: {
                     name: 'CreateProduct',
                 },
             },
             {
                 label: '订单列表',
-                value: 'money-cny-circle',
+                value: iconOrder,
                 route: {
                     name: 'OrderManagement',
                 },
             },
             {
                 label: '秒杀管理',
-                value: 'auction',
+                value: iconLimit,
                 route: {
                     name: 'LimitActivity',
                 },
             },
             {
                 label: '消息通知',
-                value: 'notification-3',
+                value: iconNotify,
                 route: {
                     name: 'NotifyManagement',
                 },
             },
             {
                 label: '广告管理',
-                value: 'advertisement',
+                value: iconAdvertise,
                 route: {
                     name: 'AdvertiseManagement',
                 },
@@ -152,7 +161,12 @@ const state = () => ({
         ],
         chart: [
             {
-                info: {},
+                info: {
+                    monthUpsOrDownsScale: 0,
+                    monthVisitor: 0,
+                    weekUpsOrDownsScale: 0,
+                    weekVisitor: 0,
+                },
                 data: [
                     { label: '1月', value: 152 },
                     { label: '2月', value: 215 },
@@ -162,7 +176,12 @@ const state = () => ({
                 ],
             },
             {
-                info: {},
+                info: {
+                    monthUpsOrDownsScale: 0,
+                    monthOrder: 0,
+                    weekUpsOrDownsScale: 0,
+                    weekOrder: 0,
+                },
                 data: [
                     { label: '1月', value: 152 },
                     { label: '2月', value: 215 },
@@ -172,7 +191,12 @@ const state = () => ({
                 ],
             },
             {
-                info: {},
+                info: {
+                    monthUpsOrDownsScale: 0,
+                    monthSales: 0,
+                    weekUpsOrDownsScale: 0,
+                    weekSales: 0,
+                },
                 data: [
                     { label: '1月', value: 152 },
                     { label: '2月', value: 215 },
@@ -211,9 +235,27 @@ const mutations = {
         state.opts.customer[2].value = data.monthIncreaseCount || 0;
         state.opts.customer[3].value = data.allCount || 0;
     },
-    setChartInfo1: (state, data) => (state.opts.chart[0].info = data),
-    setChartInfo2: (state, data) => (state.opts.chart[1].info = data),
-    setChartInfo3: (state, data) => (state.opts.chart[2].info = data),
+    setChartInfo1: (state, data) =>
+        (state.opts.chart[0].info = data || {
+            monthUpsOrDownsScale: 0,
+            monthVisitor: 0,
+            weekUpsOrDownsScale: 0,
+            weekVisitor: 0,
+        }),
+    setChartInfo2: (state, data) =>
+        (state.opts.chart[1].info = data || {
+            monthUpsOrDownsScale: 0,
+            monthOrder: 0,
+            weekUpsOrDownsScale: 0,
+            weekOrder: 0,
+        }),
+    setChartInfo3: (state, data) =>
+        (state.opts.chart[2].info = data || {
+            monthUpsOrDownsScale: 0,
+            monthSales: 0,
+            weekUpsOrDownsScale: 0,
+            weekSales: 0,
+        }),
     setChartData1: (state, data) => (state.opts.chart[0].data = data),
     setChartData2: (state, data) => (state.opts.chart[1].data = data),
     setChartData3: (state, data) => (state.opts.chart[2].data = data),
@@ -221,22 +263,22 @@ const mutations = {
 const actions = {
     loadSummary: async ({ commit }) => {
         let res = await api.summary();
-        commit('setSummary', res);
+        commit('setSummary', res || {});
         return res;
     },
     loadOrder: async ({ commit }) => {
         let res = await api.order();
-        commit('setOrder', res);
+        commit('setOrder', res || {});
         return res;
     },
     loadProduct: async ({ commit }) => {
         let res = await api.product();
-        commit('setProduct', res);
+        commit('setProduct', res || {});
         return res;
     },
     loadCustomer: async ({ commit }) => {
         let res = await api.customer();
-        commit('setCustomer', res);
+        commit('setCustomer', res || {});
         return res;
     },
     loadChartInfo1: async ({ commit }) => {
@@ -255,24 +297,63 @@ const actions = {
         return res;
     },
     loadChartData1: async ({ commit }, data) => {
-        let today =
-            data.beginDateTime === data.endDateTime && data.endDateTime === dayjs(new Date()).format('YYYY-MM-DD');
-        let res = await (today ? api.customerToday : api.customerSummary)(data);
-        commit('setChartData1', res || []);
+        let res = await api.customerSummary(data);
+        commit(
+            'setChartData1',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.count };
+            })
+        );
+        return res;
+    },
+    loadChartData11: async ({ commit }) => {
+        let res = await api.customerToday();
+        commit(
+            'setChartData1',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.count };
+            })
+        );
         return res;
     },
     loadChartData2: async ({ commit }, data) => {
-        let today =
-            data.beginDateTime === data.endDateTime && data.endDateTime === dayjs(new Date()).format('YYYY-MM-DD');
-        let res = await (today ? api.orderToday : api.orderSummary)(data);
-        commit('setChartData2', res || []);
+        let res = await api.orderSummary(data);
+        commit(
+            'setChartData2',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.count };
+            })
+        );
+        return res;
+    },
+    loadChartData22: async ({ commit }) => {
+        let res = await api.orderToday();
+        commit(
+            'setChartData2',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.count };
+            })
+        );
         return res;
     },
     loadChartData3: async ({ commit }, data) => {
-        let today =
-            data.beginDateTime === data.endDateTime && data.endDateTime === dayjs(new Date()).format('YYYY-MM-DD');
-        let res = await (today ? api.orderToday : api.orderSummary)(data);
-        commit('setChartData3', res || []);
+        let res = await api.moneySummary(data);
+        commit(
+            'setChartData3',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.sales };
+            })
+        );
+        return res;
+    },
+    loadChartData33: async ({ commit }) => {
+        let res = await api.moneyToday();
+        commit(
+            'setChartData3',
+            (res || []).map((item) => {
+                return { label: item.recordDate, value: item.sales };
+            })
+        );
         return res;
     },
     load: async ({ dispatch }) => {
diff --git a/src/views/home/dateRange.vue b/src/views/home/dateRange.vue
index 238fbe8..2e4122d 100644
--- a/src/views/home/dateRange.vue
+++ b/src/views/home/dateRange.vue
@@ -3,14 +3,15 @@
         <el-button
             v-for="(item, index) in opts"
             :key="index"
-            :plain="active === item.value"
-            :type="active === item.value ? 'primary' : 'text'"
+            :class="{ active: active === item.value }"
+            type="text"
             @click="handleRange(item.value)"
         >
             {{ item.label }}
         </el-button>
         <el-date-picker
             v-model="value"
+            :clearable="false"
             :default-time="[new Date(0, 0, 0, 0, 0, 0), new Date(0, 0, 0, 23, 59, 59)]"
             type="daterange"
             value-format="YYYY-MM-DD HH:mm:ss"
@@ -35,8 +36,10 @@
     ]);
     const active = ref('week');
     const value = ref([]);
-    const emits = defineEmits(['update:modelValue']);
+    const today = ref(false);
+    const emits = defineEmits(['update:modelValue', 'update:today']);
     watch(value, (value) => {
+        emits('update:today', unref(today));
         emits('update:modelValue', value);
         if (unref(click)) {
             click.value = false;
@@ -48,8 +51,10 @@
     const handleRange = (range) => {
         click.value = true;
         active.value = range;
+        today.value = false;
         switch (range) {
             case 'today':
+                today.value = true;
                 value.value = [
                     dayjs(new Date()).format('YYYY-MM-DD 00:00:00'),
                     dayjs(new Date()).format('YYYY-MM-DD 23:59:59'),
@@ -80,8 +85,17 @@
     .date-range {
         display: flex;
         align-items: center;
+        .el-button {
+            color: #666;
+            &.active {
+                color: #4481ff;
+            }
+            & + .el-button {
+                margin-left: 44px;
+            }
+        }
         :deep(.el-date-editor) {
-            margin-left: @layout-space;
+            margin-left: 44px;
         }
     }
 </style>
diff --git a/src/views/home/index copy.vue b/src/views/home/index copy.vue
deleted file mode 100644
index b88ea81..0000000
--- a/src/views/home/index copy.vue	
+++ /dev/null
@@ -1,419 +0,0 @@
-<template>
-    <div class="container">
-        <div class="flex row row-1">
-            <el-card v-for="(item, index) in opts.summary" :key="index">
-                <div class="flex">
-                    <div class="text">
-                        <p class="label">{{ item.label }}</p>
-                        <p class="value">{{ handleValue(item) }}</p>
-                    </div>
-                    <el-icon :name="item.icon" :size="54" />
-                </div>
-            </el-card>
-        </div>
-        <el-card class="row row-2" header="待处理事务">
-            <ul>
-                <li v-for="(item, index) in opts.order" :key="index" @click="handleRoute(item.route)">
-                    <span class="label">
-                        {{ item.label }}
-                    </span>
-                    <span class="value">
-                        (
-                        <span class="red">
-                            {{ item.value }}
-                        </span>
-                        )
-                    </span>
-                </li>
-            </ul>
-        </el-card>
-        <el-card class="row row-3" header="运营快捷入口">
-            <ul>
-                <li v-for="(item, index) in opts.teleport" :key="index" @click="handleRoute(item.route)">
-                    <p class="value">
-                        <el-icon :name="item.value" :size="54" />
-                    </p>
-                    <p class="label">
-                        {{ item.label }}
-                    </p>
-                </li>
-            </ul>
-        </el-card>
-        <div class="flex row row-4">
-            <el-card header="商品总览">
-                <ul>
-                    <li v-for="(item, index) in opts.product" :key="index">
-                        <p class="value red">
-                            {{ item.value }}
-                        </p>
-                        <p class="label">
-                            {{ item.label }}
-                        </p>
-                    </li>
-                </ul>
-            </el-card>
-            <el-card header="用户总览">
-                <ul>
-                    <li v-for="(item, index) in opts.customer" :key="index">
-                        <p class="value red">
-                            {{ item.value }}
-                        </p>
-                        <p class="label">
-                            {{ item.label }}
-                        </p>
-                    </li>
-                </ul>
-            </el-card>
-        </div>
-        <el-card class="row row-5" header="访客统计">
-            <div class="flex">
-                <div class="left">
-                    <div class="text">
-                        <p class="label">本周访客数量</p>
-                        <p class="value">1000</p>
-                        <p class="rate">
-                            <span class="down">10%</span>
-                            <span class="desc">同比上周</span>
-                        </p>
-                    </div>
-                    <div class="text">
-                        <p class="label">本月访客数量</p>
-                        <p class="value">10000</p>
-                        <p class="rate">
-                            <span class="up">10%</span>
-                            <span class="desc">同比上月</span>
-                        </p>
-                    </div>
-                </div>
-                <div class="right">
-                    <div class="header flex">
-                        <p class="title">近一周访客统计</p>
-                        <date-range v-model="condition1" />
-                    </div>
-                    <div class="chart"></div>
-                </div>
-            </div>
-        </el-card>
-        <el-card class="row row-6" header="订单统计">
-            <div class="flex">
-                <div class="left">
-                    <div class="text">
-                        <p class="label">本周订单数量</p>
-                        <p class="value">1000</p>
-                        <p class="rate">
-                            <span class="down">10%</span>
-                            <span class="desc">同比上周</span>
-                        </p>
-                    </div>
-                    <div class="text">
-                        <p class="label">本月订单总数</p>
-                        <p class="value">10000</p>
-                        <p class="rate">
-                            <span class="up">10%</span>
-                            <span class="desc">同比上月</span>
-                        </p>
-                    </div>
-                </div>
-                <div class="right">
-                    <div class="header flex">
-                        <p class="title">近一周订单统计</p>
-                        <date-range v-model="condition2" />
-                    </div>
-                    <div class="chart"></div>
-                </div>
-            </div>
-        </el-card>
-        <el-card class="row row-7" header="销售统计">
-            <div class="flex">
-                <div class="left">
-                    <div class="text">
-                        <p class="label">本周销售总额</p>
-                        <p class="value">1000</p>
-                        <p class="rate">
-                            <span class="down">10%</span>
-                            <span class="desc">同比上周</span>
-                        </p>
-                    </div>
-                    <div class="text">
-                        <p class="label">本月销售总额</p>
-                        <p class="value">10000</p>
-                        <p class="rate">
-                            <span class="up">10%</span>
-                            <span class="desc">同比上月</span>
-                        </p>
-                    </div>
-                </div>
-                <div class="right">
-                    <div class="header flex">
-                        <p class="title">近一周销售统计</p>
-                        <date-range v-model="condition3" />
-                    </div>
-                    <div class="chart"></div>
-                </div>
-            </div>
-        </el-card>
-    </div>
-</template>
-
-<script setup>
-    import * as echarts from 'echarts';
-    import DateRange from './dateRange.vue';
-    const router = useRouter();
-    const store = useStore();
-    const opts = computed(() => store.state.home.opts);
-    const condition1 = ref([]);
-    watch(condition1, (value) => {
-        store.dispatch('home/loadChartData1', {
-            beginDate: value[0].split(' ')[0],
-            endDate: value[1].split(' ')[0],
-        });
-    });
-    const condition2 = ref([]);
-    watch(condition2, (value) => {
-        store.dispatch('home/loadChartData2', {
-            beginDate: value[0].split(' ')[0],
-            endDate: value[1].split(' ')[0],
-        });
-    });
-    const condition3 = ref([]);
-    watch(condition3, (value) => {
-        store.dispatch('home/loadChartData3', {
-            beginDate: value[0].split(' ')[0],
-            endDate: value[1].split(' ')[0],
-        });
-    });
-    const handleValue = (item) => {
-        let res = new Number(item.value).toLocaleString();
-        if (item.type === 'money') {
-            res = '￥' + res;
-        }
-        return res;
-    };
-
-    const handleRoute = (route) => router.push(route);
-    const handleChart = (selector, color, name, data) => {
-        const chart = echarts.init(document.querySelector(selector));
-        const option = {
-            color: color,
-            tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    type: 'shadow',
-                },
-            },
-            grid: {
-                left: '3%',
-                right: '4%',
-                bottom: '3%',
-                containLabel: true,
-            },
-            xAxis: [
-                {
-                    type: 'category',
-                    boundaryGap: false,
-                    data: data.map((item) => item.label),
-                },
-            ],
-            yAxis: [
-                {
-                    type: 'value',
-                },
-            ],
-            series: [
-                {
-                    name,
-                    type: 'line',
-                    stack: 'Total',
-                    smooth: true,
-                    lineStyle: {
-                        width: 0,
-                    },
-                    showSymbol: false,
-                    areaStyle: {
-                        opacity: 0.8,
-                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                            {
-                                offset: 0,
-                                color: 'rgb(128, 255, 165)',
-                            },
-                            {
-                                offset: 1,
-                                color: 'rgb(1, 191, 236)',
-                            },
-                        ]),
-                    },
-                    emphasis: {
-                        focus: 'series',
-                    },
-                    data: data.map((item) => item.value),
-                },
-            ],
-        };
-        chart.setOption(option);
-    };
-    onActivated(async () => {
-        await store.dispatch('home/load');
-        handleChart('.row-5 .chart', '#80FFA5', '访客数量', unref(opts).chart[0].data);
-        handleChart('.row-6 .chart', '#00DDFF', '订单数量', unref(opts).chart[1].data);
-        handleChart('.row-7 .chart', '#37A2FF', '销售额', unref(opts).chart[2].data);
-    });
-</script>
-
-<style lang="less" scoped>
-    @big-font: 30px;
-    .container {
-        height: auto !important;
-        .flex {
-            display: flex;
-        }
-        .red {
-            color: var(--el-color-danger);
-        }
-        .el-card {
-            flex: 1;
-            :deep(.el-card__header) {
-                padding: @layout-space;
-                font-weight: bolder;
-            }
-            :deep(.el-card__body) {
-                padding: @layout-space;
-            }
-        }
-        .row {
-            & + .row {
-                margin-top: @layout-space;
-            }
-            .el-card {
-                & + .el-card {
-                    margin-left: @layout-space;
-                }
-            }
-            &-1 {
-                .flex {
-                    justify-content: space-around;
-                    align-items: center;
-                }
-                .value {
-                    font-size: calc(@big-font * 0.8);
-                }
-                .x-icon {
-                    color: var(--el-color-success);
-                }
-            }
-            &-2 {
-                ul {
-                    display: flex;
-                    flex-wrap: wrap;
-                    li {
-                        width: 45%;
-                        padding: @layout-space 3%;
-                        margin: 0 2%;
-                        border-bottom: 1px solid #eee;
-                        cursor: pointer;
-                        display: flex;
-                        justify-content: space-between;
-                        &:hover {
-                            background: #eee;
-                            color: var(--el-color-primary);
-                        }
-                    }
-                }
-            }
-            &-3 {
-                ul {
-                    display: flex;
-                    li {
-                        flex: 1;
-                        padding: @layout-space 3%;
-                        margin: 0 2%;
-                        cursor: pointer;
-                        display: flex;
-                        flex-direction: column;
-                        align-items: center;
-                        &:hover {
-                            background: #eee;
-                            color: var(--el-color-primary);
-                        }
-                        .red {
-                            color: var(--el-color-danger);
-                        }
-                    }
-                }
-            }
-            &-4 {
-                ul {
-                    display: flex;
-                    justify-content: space-evenly;
-                    li {
-                        flex: 1;
-                        padding: @layout-space 3%;
-                        margin: 0 2%;
-                        display: flex;
-                        flex-direction: column;
-                        align-items: center;
-                    }
-                }
-                .value {
-                    font-size: @big-font;
-                }
-            }
-            &-5,
-            &-6,
-            &-7 {
-                .left {
-                    border-right: 1px solid #eee;
-                    margin-right: @layout-space-super;
-                    padding-right: @layout-space-super;
-                    .text {
-                        & + .text {
-                            margin-top: @layout-space-super;
-                        }
-                        .label {
-                            font-size: 14px;
-                            color: @color-white3;
-                        }
-                        .desc {
-                            font-size: 12px;
-                            color: @color-white2;
-                            margin-left: @layout-space;
-                        }
-                        .value {
-                            font-size: @big-font;
-                        }
-                        .down {
-                            color: var(--el-color-success);
-                            &::before {
-                                content: '▼';
-                                font-size: 12px;
-                                position: relative;
-                                top: -4px;
-                            }
-                        }
-                        .up {
-                            color: var(--el-color-danger);
-                            &::before {
-                                content: '▲';
-                                font-size: 12px;
-                                position: relative;
-                                top: -4px;
-                            }
-                        }
-                    }
-                }
-                .right {
-                    flex: 1;
-                    .header {
-                        margin-bottom: @layout-space;
-                        justify-content: space-between;
-                        align-items: center;
-                    }
-                    .chart {
-                        width: 100%;
-                        height: 300px;
-                        background: #eee;
-                    }
-                }
-            }
-        }
-    }
-</style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ed2e35a..00cda10 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,7 +1,462 @@
 <template>
-    <div class="container">马士兵严选管理后台</div>
+    <div class="container">
+        <div class="flex row row-1">
+            <el-card v-for="(item, index) in opts.summary" :key="index">
+                <div class="flex">
+                    <div class="text">
+                        <p class="label">{{ item.label }}</p>
+                        <p class="value">{{ handleValue(item) }}</p>
+                    </div>
+                    <img :src="item.icon" />
+                </div>
+            </el-card>
+        </div>
+        <el-card class="row row-2" header="待处理事务">
+            <ul>
+                <li v-for="(item, index) in opts.order" :key="index" @click="handleRoute(item.route)">
+                    <span class="label">
+                        {{ item.label }}
+                    </span>
+                    <span class="value">
+                        (
+                        {{ item.value }}
+                        )
+                    </span>
+                </li>
+            </ul>
+        </el-card>
+        <el-card class="row row-3" header="运营快捷入口">
+            <ul>
+                <li v-for="(item, index) in opts.teleport" :key="index" @click="handleRoute(item.route)">
+                    <p class="value">
+                        <img :src="item.value" />
+                    </p>
+                    <p class="label">
+                        {{ item.label }}
+                    </p>
+                </li>
+            </ul>
+        </el-card>
+        <div class="flex row row-4">
+            <el-card header="商品总览">
+                <ul>
+                    <li v-for="(item, index) in opts.product" :key="index">
+                        <p class="value red">
+                            {{ item.value }}
+                        </p>
+                        <p class="label">
+                            {{ item.label }}
+                        </p>
+                    </li>
+                </ul>
+            </el-card>
+            <el-card header="用户总览">
+                <ul>
+                    <li v-for="(item, index) in opts.customer" :key="index">
+                        <p class="value red">
+                            {{ item.value }}
+                        </p>
+                        <p class="label">
+                            {{ item.label }}
+                        </p>
+                    </li>
+                </ul>
+            </el-card>
+        </div>
+        <el-card class="row row-5" header="访客统计">
+            <div class="flex">
+                <div class="left">
+                    <div class="text">
+                        <p class="label">本周访客数量</p>
+                        <p class="value">{{ opts.chart[0].info.weekVisitor }}</p>
+                        <p class="rate" :class="opts.chart[0].info.weekUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[0].info.weekUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上周</span>
+                        </p>
+                    </div>
+                    <div class="text">
+                        <p class="label">本月访客数量</p>
+                        <p class="value">{{ opts.chart[0].info.monthVisitor }}</p>
+                        <p class="rate" :class="opts.chart[0].info.monthUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[0].info.monthUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上月</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="right">
+                    <div class="header flex">
+                        <p class="title">近一周访客统计</p>
+                        <date-range v-model="condition1" v-model:today="today1" />
+                    </div>
+                    <div class="chart"></div>
+                </div>
+            </div>
+        </el-card>
+        <el-card class="row row-6" header="订单统计">
+            <div class="flex">
+                <div class="left">
+                    <div class="text">
+                        <p class="label">本周订单数量</p>
+                        <p class="value">{{ opts.chart[1].info.weekOrder }}</p>
+                        <p class="rate" :class="opts.chart[1].info.weekUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[1].info.weekUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上周</span>
+                        </p>
+                    </div>
+                    <div class="text">
+                        <p class="label">本月订单总数</p>
+                        <p class="value">{{ opts.chart[1].info.monthOrder }}</p>
+                        <p class="rate" :class="opts.chart[1].info.monthUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[1].info.monthUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上月</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="right">
+                    <div class="header flex">
+                        <p class="title">近一周订单统计</p>
+                        <date-range v-model="condition2" v-model:today="today2" />
+                    </div>
+                    <div class="chart"></div>
+                </div>
+            </div>
+        </el-card>
+        <el-card class="row row-7" header="销售统计">
+            <div class="flex">
+                <div class="left">
+                    <div class="text">
+                        <p class="label">本周销售总额</p>
+                        <p class="value">{{ opts.chart[2].info.weekSales }}</p>
+                        <p class="rate" :class="opts.chart[2].info.weekUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[2].info.weekUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上周</span>
+                        </p>
+                    </div>
+                    <div class="text">
+                        <p class="label">本月销售总额</p>
+                        <p class="value">{{ opts.chart[2].info.monthSales }}</p>
+                        <p class="rate" :class="opts.chart[2].info.monthUpsOrDownsScale < 0 ? 'down' : 'up'">
+                            <img class="down" src="@/assets/home/down.png" />
+                            <img class="up" src="@/assets/home/up.png" />
+                            <span class="num">{{ handleRate(opts.chart[2].info.monthUpsOrDownsScale) }}</span>
+                            <span class="desc">同比上月</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="right">
+                    <div class="header flex">
+                        <p class="title">近一周销售统计</p>
+                        <date-range v-model="condition3" v-model:today="today3" />
+                    </div>
+                    <div class="chart"></div>
+                </div>
+            </div>
+        </el-card>
+    </div>
 </template>
 
-<script setup></script>
+<script setup>
+    import * as echarts from 'echarts';
+    import DateRange from './dateRange.vue';
+    const router = useRouter();
+    const store = useStore();
+    const opts = computed(() => store.state.home.opts);
+    const condition1 = ref([]);
+    const today1 = ref(false);
+    watch(condition1, async (value) => {
+        if (unref(today1)) {
+            await store.dispatch('home/loadChartData11');
+        } else {
+            await store.dispatch('home/loadChartData1', {
+                beginDate: value[0].split(' ')[0],
+                endDate: value[1].split(' ')[0],
+            });
+        }
+        handleChart('.row-5 .chart', '访客数量', unref(opts).chart[0].data);
+    });
+    const condition2 = ref([]);
+    const today2 = ref(false);
+    watch(condition2, async (value) => {
+        if (unref(today2)) {
+            await store.dispatch('home/loadChartData22');
+        } else {
+            await store.dispatch('home/loadChartData2', {
+                beginDate: value[0].split(' ')[0],
+                endDate: value[1].split(' ')[0],
+            });
+        }
+        handleChart('.row-6 .chart', '订单数量', unref(opts).chart[1].data);
+    });
+    const condition3 = ref([]);
+    const today3 = ref(false);
+    watch(condition3, async (value) => {
+        if (unref(today3)) {
+            await store.dispatch('home/loadChartData33');
+        } else {
+            await store.dispatch('home/loadChartData3', {
+                beginDate: value[0].split(' ')[0],
+                endDate: value[1].split(' ')[0],
+            });
+        }
+        handleChart('.row-7 .chart', '销售额', unref(opts).chart[2].data);
+    });
+    const handleValue = (item) => {
+        let 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) + '%';
 
-<style lang="less" scoped></style>
+    const handleRoute = (route) => router.push(route);
+    const handleChart = (selector, name, data) => {
+        const chart = echarts.init(document.querySelector(selector));
+        const option = {
+            gradientColor: ['#1DE7FF', '#249AFF', '#6F41FA', '#6F41FA'],
+            visualMap: [
+                {
+                    show: false,
+                    type: 'continuous',
+                    dimension: 0,
+                    min: 0,
+                    max: data.length - 1,
+                },
+            ],
+            tooltip: {
+                trigger: 'axis',
+            },
+            xAxis: [
+                {
+                    data: data.map((item) => item.label),
+                },
+            ],
+            yAxis: [{}],
+            series: [
+                {
+                    type: 'line',
+                    name,
+                    showSymbol: false,
+                    smooth: true,
+                    areaStyle: {
+                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                            {
+                                offset: 0,
+                                color: 'rgba(29, 231, 255, 0.3)',
+                            },
+                            {
+                                offset: 1,
+                                color: 'rgba(29, 231, 255, 0)',
+                            },
+                        ]),
+                    },
+                    data: data.map((item) => item.value),
+                },
+            ],
+        };
+        chart.setOption(option);
+    };
+    onActivated(() => {
+        store.dispatch('home/load');
+    });
+</script>
+
+<style lang="less" scoped>
+    @big-font: 24px;
+    @super-font: 32px;
+    .container {
+        height: auto !important;
+        background: #f6f7fb;
+        color: #1d2129;
+        .flex {
+            display: flex;
+        }
+        .red {
+            color: var(--el-color-danger);
+        }
+        .el-card {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            border-radius: 4px;
+            box-shadow: none;
+            border: none;
+            :deep(.el-card__header) {
+                padding: 20px 30px;
+                font-weight: bolder;
+                border: none;
+                font-size: 16px;
+                color: #333;
+            }
+            :deep(.el-card__body) {
+                padding: 20px 30px;
+                flex: 1;
+            }
+        }
+        .row {
+            & + .row {
+                margin-top: 30px;
+            }
+            .el-card {
+                & + .el-card {
+                    margin-left: 30px;
+                }
+            }
+            &-1 {
+                .el-card {
+                    height: 140px;
+                    & + .el-card {
+                        margin-left: 40px;
+                    }
+                }
+                .flex {
+                    justify-content: space-around;
+                    align-items: center;
+                    height: 100%;
+                }
+                .label {
+                    font-size: 16px;
+                    margin-bottom: 16px;
+                }
+                .value {
+                    font-size: @big-font;
+                }
+                img {
+                    width: 74px;
+                    height: 74px;
+                }
+            }
+            &-2 {
+                ul {
+                    display: flex;
+                    flex-wrap: wrap;
+                    li {
+                        width: 45%;
+                        height: 40px;
+                        padding: @layout-space 3%;
+                        margin: 0 2%;
+                        border-bottom: 1px solid #eee;
+                        cursor: pointer;
+                        display: flex;
+                        justify-content: space-between;
+                        &:hover {
+                            color: var(--el-color-primary);
+                        }
+                    }
+                }
+            }
+            &-3 {
+                ul {
+                    display: flex;
+                    li {
+                        padding: @layout-space 53px;
+                        cursor: pointer;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        img {
+                            width: 50px;
+                            height: 50px;
+                            margin-bottom: 10px;
+                        }
+                        &:hover {
+                            color: var(--el-color-primary);
+                        }
+                    }
+                }
+            }
+            &-4 {
+                ul {
+                    display: flex;
+                    justify-content: space-evenly;
+                    li {
+                        flex: 1;
+                        padding: @layout-space 3%;
+                        margin: 0 2%;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        .value {
+                            font-size: @big-font;
+                            margin-bottom: 10px;
+                        }
+                    }
+                }
+            }
+            &-5,
+            &-6,
+            &-7 {
+                .left {
+                    flex-shrink: 0;
+                    border-right: 1px solid #eee;
+                    margin-right: 50px;
+                    padding: 0 96px;
+                    .text {
+                        & + .text {
+                            margin-top: 34px;
+                        }
+                        .label {
+                            font-size: 16px;
+                            color: #666;
+                        }
+                        .desc {
+                            font-size: 12px;
+                            color: #999;
+                            margin-left: 7px;
+                        }
+                        .value {
+                            font-size: @super-font;
+                            margin: 9px 0 6px;
+                        }
+                        .rate {
+                            font-size: 14px;
+                            img {
+                                width: 10px;
+                                height: 12px;
+                                margin-right: 4px;
+                            }
+                            &.down {
+                                .up {
+                                    display: none;
+                                }
+                                .num {
+                                    color: var(--el-color-success);
+                                }
+                            }
+                            &.up {
+                                .down {
+                                    display: none;
+                                }
+                                .num {
+                                    color: var(--el-color-danger);
+                                }
+                            }
+                        }
+                    }
+                }
+                .right {
+                    flex: 1;
+                    .header {
+                        margin-bottom: @layout-space;
+                        justify-content: space-between;
+                        align-items: center;
+                    }
+                    .chart {
+                        width: 100%;
+                        height: 300px;
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/views/operation/advertise/form.vue b/src/views/operation/advertise/form.vue
index 329c009..07f76fd 100644
--- a/src/views/operation/advertise/form.vue
+++ b/src/views/operation/advertise/form.vue
@@ -79,9 +79,9 @@
             <el-checkbox v-model="next" style="margin-right: 10px">继续为该位置添加广告</el-checkbox>
             <el-button @click="handleCancel">取消</el-button>
             <el-button
+                v-if="!form.isEnable"
                 :disabled="loading"
                 :loading="loading"
-                v-if="!form.isEnable"
                 plain
                 type="primary"
                 @click="handleSave()"
diff --git a/src/views/sales/order/index.vue b/src/views/sales/order/index.vue
index 210afa1..c8275b8 100644
--- a/src/views/sales/order/index.vue
+++ b/src/views/sales/order/index.vue
@@ -151,7 +151,13 @@
         await store.dispatch('order/search');
         loading.value = false;
     };
-    onActivated(handleSearch);
+    onActivated(() => {
+        if (route.query.status) {
+            state.condition.orderStatus = route.query.status.split(',').map((item) => +item);
+        } else {
+            handleSearch();
+        }
+    });
 
     /* 导出订单 */
     const handleExport = async () => {
diff --git a/src/views/sales/service/index.vue b/src/views/sales/service/index.vue
index 088f6c9..36635cd 100644
--- a/src/views/sales/service/index.vue
+++ b/src/views/sales/service/index.vue
@@ -58,6 +58,7 @@
 <script setup lang="jsx">
     import ElButton from '@/components/extra/ElButton.vue';
     const router = useRouter();
+    const route = useRoute();
     const store = useStore();
     const loading = ref(false);
     const code = computed(() => store.state.service.code);
@@ -131,7 +132,13 @@
         await store.dispatch('service/search');
         loading.value = false;
     };
-    onActivated(handleSearch);
+    onActivated(() => {
+        if (route.query.status) {
+            state.condition.refundStatus = route.query.status.split(',').map((item) => +item);
+        } else {
+            handleSearch();
+        }
+    });
 
     /* 导出订单 */
     const handleExport = async () => {

From 70bc591372e1ac3e3457b7c9048ae5a3e74fde15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Mon, 6 Jun 2022 18:29:32 +0800
Subject: [PATCH 02/14] fix: import

---
 src/views/home/dateRange.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/home/dateRange.vue b/src/views/home/dateRange.vue
index 2e4122d..0f6875d 100644
--- a/src/views/home/dateRange.vue
+++ b/src/views/home/dateRange.vue
@@ -20,6 +20,7 @@
 </template>
 
 <script setup>
+    import dayjs from 'dayjs';
     const opts = ref([
         {
             label: '今天',

From a3487ce759fb531c856ffeb51357e149455b7f23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Wed, 8 Jun 2022 18:03:06 +0800
Subject: [PATCH 03/14] =?UTF-8?q?feat:=20BUG=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/home/home.js |  21 ++++---
 src/views/home/dateRange.vue   |   7 +--
 src/views/home/index.vue       | 104 +++++++++++++++++++++------------
 3 files changed, 83 insertions(+), 49 deletions(-)

diff --git a/src/store/modules/home/home.js b/src/store/modules/home/home.js
index cf4db1d..2cf8da3 100644
--- a/src/store/modules/home/home.js
+++ b/src/store/modules/home/home.js
@@ -46,40 +46,40 @@ const state = () => ({
                 },
             },
             {
-                label: '待处理退款申请',
+                label: '待发货订单',
                 value: '10',
                 route: {
-                    name: 'ServiceApplication',
+                    name: 'OrderManagement',
                     query: {
-                        status: 1,
+                        status: 3,
                     },
                 },
             },
             {
-                label: '待发货订单',
+                label: '已发货订单',
                 value: '10',
                 route: {
                     name: 'OrderManagement',
                     query: {
-                        status: 3,
+                        status: 4,
                     },
                 },
             },
             {
-                label: '待确认退货订单',
+                label: '待处理退款申请',
                 value: '10',
                 route: {
                     name: 'ServiceApplication',
                     query: {
-                        status: 4,
+                        status: 1,
                     },
                 },
             },
             {
-                label: '已发货订单',
+                label: '待确认退货订单',
                 value: '10',
                 route: {
-                    name: 'OrderManagement',
+                    name: 'ServiceApplication',
                     query: {
                         status: 4,
                     },
@@ -99,6 +99,9 @@ const state = () => ({
                 value: iconOrder,
                 route: {
                     name: 'OrderManagement',
+                    query: {
+                        status: 0,
+                    },
                 },
             },
             {
diff --git a/src/views/home/dateRange.vue b/src/views/home/dateRange.vue
index 0f6875d..a4f46a1 100644
--- a/src/views/home/dateRange.vue
+++ b/src/views/home/dateRange.vue
@@ -53,6 +53,7 @@
         click.value = true;
         active.value = range;
         today.value = false;
+        let weekStart = new Date(new Date().getTime() - ((new Date().getDay() || 7) - 1) * 1000 * 60 * 60 * 24);
         switch (range) {
             case 'today':
                 today.value = true;
@@ -63,10 +64,8 @@
                 break;
             case 'week':
                 value.value = [
-                    dayjs(
-                        new Date(new Date().getTime() - ((new Date().getDay() || 7) - 1) * 1000 * 60 * 60 * 24)
-                    ).format('YYYY-MM-DD 00:00:00'),
-                    dayjs(new Date()).format('YYYY-MM-DD 23:59:59'),
+                    dayjs(weekStart).format('YYYY-MM-DD 00:00:00'),
+                    dayjs(new Date(weekStart.getTime() + 6 * 1000 * 60 * 60 * 24)).format('YYYY-MM-DD 23:59:59'),
                 ];
                 break;
             case 'month':
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 00cda10..a3e6f1d 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -89,7 +89,6 @@
                 </div>
                 <div class="right">
                     <div class="header flex">
-                        <p class="title">近一周访客统计</p>
                         <date-range v-model="condition1" v-model:today="today1" />
                     </div>
                     <div class="chart"></div>
@@ -122,7 +121,6 @@
                 </div>
                 <div class="right">
                     <div class="header flex">
-                        <p class="title">近一周订单统计</p>
                         <date-range v-model="condition2" v-model:today="today2" />
                     </div>
                     <div class="chart"></div>
@@ -155,7 +153,6 @@
                 </div>
                 <div class="right">
                     <div class="header flex">
-                        <p class="title">近一周销售统计</p>
                         <date-range v-model="condition3" v-model:today="today3" />
                     </div>
                     <div class="chart"></div>
@@ -176,39 +173,60 @@
     watch(condition1, async (value) => {
         if (unref(today1)) {
             await store.dispatch('home/loadChartData11');
+            handleChart(
+                '.row-5 .chart',
+                '访客数量',
+                unref(opts).chart[0].data,
+                (params) =>
+                    `${params[0].axisValue}:00 - ${params[0].axisValue}:59<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName} <b style="margin-left:10px;">${params[0].value}</b>`
+            );
         } else {
             await store.dispatch('home/loadChartData1', {
                 beginDate: value[0].split(' ')[0],
                 endDate: value[1].split(' ')[0],
             });
+            handleChart('.row-5 .chart', '访客数量', unref(opts).chart[0].data);
         }
-        handleChart('.row-5 .chart', '访客数量', unref(opts).chart[0].data);
     });
     const condition2 = ref([]);
     const today2 = ref(false);
     watch(condition2, async (value) => {
         if (unref(today2)) {
             await store.dispatch('home/loadChartData22');
+            handleChart(
+                '.row-6 .chart',
+                '订单数量',
+                unref(opts).chart[1].data,
+                (params) =>
+                    `${params[0].axisValue}:00 - ${params[0].axisValue}:59<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName} <b style="margin-left:10px;">${params[0].value}</b>`
+            );
         } else {
             await store.dispatch('home/loadChartData2', {
                 beginDate: value[0].split(' ')[0],
                 endDate: value[1].split(' ')[0],
             });
+            handleChart('.row-6 .chart', '订单数量', unref(opts).chart[1].data);
         }
-        handleChart('.row-6 .chart', '订单数量', unref(opts).chart[1].data);
     });
     const condition3 = ref([]);
     const today3 = ref(false);
     watch(condition3, async (value) => {
         if (unref(today3)) {
             await store.dispatch('home/loadChartData33');
+            handleChart(
+                '.row-7 .chart',
+                '销售额',
+                unref(opts).chart[2].data,
+                (params) =>
+                    `${params[0].axisValue}:00 - ${params[0].axisValue}:59<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName} <b style="margin-left:10px;">${params[0].value}</b>`
+            );
         } else {
             await store.dispatch('home/loadChartData3', {
                 beginDate: value[0].split(' ')[0],
                 endDate: value[1].split(' ')[0],
             });
+            handleChart('.row-7 .chart', '销售额', unref(opts).chart[2].data);
         }
-        handleChart('.row-7 .chart', '销售额', unref(opts).chart[2].data);
     });
     const handleValue = (item) => {
         let res = new Number(item.value).toLocaleString();
@@ -220,8 +238,15 @@
     const handleRate = (num) => new Number(Math.abs(num || 0)).toFixed(2) + '%';
 
     const handleRoute = (route) => router.push(route);
-    const handleChart = (selector, name, data) => {
+    const handleChart = (
+        selector,
+        name,
+        data,
+        formatter = (params) =>
+            `${params[0].axisValue}<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
+    ) => {
         const chart = echarts.init(document.querySelector(selector));
+        window.addEventListener('resize', () => nextTick(() => chart.resize()));
         const option = {
             gradientColor: ['#1DE7FF', '#249AFF', '#6F41FA', '#6F41FA'],
             visualMap: [
@@ -235,34 +260,40 @@
             ],
             tooltip: {
                 trigger: 'axis',
+                formatter,
             },
-            xAxis: [
-                {
-                    data: data.map((item) => item.label),
-                },
-            ],
-            yAxis: [{}],
-            series: [
-                {
-                    type: 'line',
-                    name,
-                    showSymbol: false,
-                    smooth: true,
-                    areaStyle: {
-                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                            {
-                                offset: 0,
-                                color: 'rgba(29, 231, 255, 0.3)',
-                            },
-                            {
-                                offset: 1,
-                                color: 'rgba(29, 231, 255, 0)',
-                            },
-                        ]),
-                    },
-                    data: data.map((item) => item.value),
+            grid: {
+                left: '0',
+                right: '0',
+                bottom: '30px',
+                top: '30px',
+                containLabel: true,
+            },
+            xAxis: {
+                data: data.map((item) => item.label),
+            },
+            yAxis: {
+                minInterval: 1,
+            },
+            series: {
+                type: 'line',
+                name,
+                showSymbol: false,
+                smooth: true,
+                areaStyle: {
+                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        {
+                            offset: 0,
+                            color: 'rgba(29, 231, 255, 0.3)',
+                        },
+                        {
+                            offset: 1,
+                            color: 'rgba(29, 231, 255, 0)',
+                        },
+                    ]),
                 },
-            ],
+                data: data.map((item) => item.value),
+            },
         };
         chart.setOption(option);
     };
@@ -292,7 +323,7 @@
             box-shadow: none;
             border: none;
             :deep(.el-card__header) {
-                padding: 20px 30px;
+                padding: 20px 30px 0;
                 font-weight: bolder;
                 border: none;
                 font-size: 16px;
@@ -330,6 +361,7 @@
                 }
                 .value {
                     font-size: @big-font;
+                    font-weight: bolder;
                 }
                 img {
                     width: 74px;
@@ -341,7 +373,7 @@
                     display: flex;
                     flex-wrap: wrap;
                     li {
-                        width: 45%;
+                        width: 29%;
                         height: 40px;
                         padding: @layout-space 3%;
                         margin: 0 2%;
@@ -448,7 +480,7 @@
                     flex: 1;
                     .header {
                         margin-bottom: @layout-space;
-                        justify-content: space-between;
+                        justify-content: flex-end;
                         align-items: center;
                     }
                     .chart {

From be27a0a99e0876831b7c3573956f92c568171563 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Thu, 9 Jun 2022 11:41:45 +0800
Subject: [PATCH 04/14] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/default.vue  |  1 +
 src/views/home/index.vue | 23 ++++++++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 2da54df..1dfb112 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -28,6 +28,7 @@
     .layout-container {
         width: 100vw;
         height: 100vh;
+        min-width: 1200px;
         background-color: @color-white-dark;
     }
     .layout-default {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a3e6f1d..76787c6 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -238,6 +238,14 @@
     const handleRate = (num) => new Number(Math.abs(num || 0)).toFixed(2) + '%';
 
     const handleRoute = (route) => router.push(route);
+    const charts = ref({});
+    window.addEventListener('resize', () =>
+        setTimeout(() => {
+            Object.entries(unref(charts)).forEach((entry) => {
+                entry[1].resize();
+            });
+        }, 100)
+    );
     const handleChart = (
         selector,
         name,
@@ -245,8 +253,9 @@
         formatter = (params) =>
             `${params[0].axisValue}<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
     ) => {
-        const chart = echarts.init(document.querySelector(selector));
-        window.addEventListener('resize', () => nextTick(() => chart.resize()));
+        let chart = charts.value[selector];
+        chart?.dispose();
+        chart = charts.value[selector] = echarts.init(document.querySelector(selector));
         const option = {
             gradientColor: ['#1DE7FF', '#249AFF', '#6F41FA', '#6F41FA'],
             visualMap: [
@@ -266,7 +275,7 @@
                 left: '0',
                 right: '0',
                 bottom: '30px',
-                top: '30px',
+                top: '60px',
                 containLabel: true,
             },
             xAxis: {
@@ -381,6 +390,10 @@
                         cursor: pointer;
                         display: flex;
                         justify-content: space-between;
+                        &:nth-of-type(4),
+                        &:nth-of-type(5) {
+                            margin-top: 10px;
+                        }
                         &:hover {
                             color: var(--el-color-primary);
                         }
@@ -478,10 +491,14 @@
                 }
                 .right {
                     flex: 1;
+                    position: relative;
                     .header {
                         margin-bottom: @layout-space;
                         justify-content: flex-end;
                         align-items: center;
+                        position: absolute;
+                        top: -20px;
+                        right: 0;
                     }
                     .chart {
                         width: 100%;

From 210f547f5b9c4ef7851acd4653519d7c75b4eec4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Thu, 9 Jun 2022 15:12:53 +0800
Subject: [PATCH 05/14] =?UTF-8?q?fix:=20=E8=AE=A2=E5=8D=95=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/home/home.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/store/modules/home/home.js b/src/store/modules/home/home.js
index 2cf8da3..5133b8b 100644
--- a/src/store/modules/home/home.js
+++ b/src/store/modules/home/home.js
@@ -221,10 +221,10 @@ const mutations = {
     },
     setOrder: (state, data) => {
         state.opts.order[0].value = data.waitPayCount || 0;
-        state.opts.order[1].value = data.waitRefundCount || 0;
-        state.opts.order[2].value = data.waitShipCount || 0;
-        state.opts.order[3].value = data.waitReturnGoodsCount || 0;
-        state.opts.order[4].value = data.shippedCount || 0;
+        state.opts.order[1].value = data.waitShipCount || 0;
+        state.opts.order[2].value = data.shippedCount || 0;
+        state.opts.order[3].value = data.waitRefundCount || 0;
+        state.opts.order[4].value = data.waitReturnGoodsCount || 0;
     },
     setProduct: (state, data) => {
         state.opts.product[0].value = data.onTheShelfCount || 0;

From 79f3f330de81caa6d76ff413c6c3a2872a36e6d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Thu, 9 Jun 2022 15:22:31 +0800
Subject: [PATCH 06/14] =?UTF-8?q?perf:=20=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/extra/ElInput.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/extra/ElInput.vue b/src/components/extra/ElInput.vue
index 6851a69..7435014 100644
--- a/src/components/extra/ElInput.vue
+++ b/src/components/extra/ElInput.vue
@@ -13,6 +13,10 @@
             type: Boolean,
             default: true,
         },
+        maxlength: {
+            type: [Number, String],
+            default: 255,
+        },
         placeholder: {
             type: String,
             default: '请输入',
@@ -44,6 +48,7 @@
     });
     const attrs = useAttrs();
     const slots = useSlots();
-    const render = () => <ElInput {...props} {...attrs} v-slots={slots}></ElInput>;
+    const showWordLimit = props.showWordLimit === true && props.maxlength !== 255;
+    const render = () => <ElInput {...{ ...props, showWordLimit }} {...attrs} v-slots={slots}></ElInput>;
 </script>
 <style lang="less" scoped></style>

From aea107cf514f770d9e1bb7086c24a96743eccdd4 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 10:40:06 +0800
Subject: [PATCH 07/14] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=E4=BB=8A?=
 =?UTF-8?q?=E6=97=A5=E8=AE=BF=E5=AE=A2=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/dateRange.vue | 25 ++++++++++++++++---------
 src/views/home/index.vue     |  2 +-
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/home/dateRange.vue b/src/views/home/dateRange.vue
index a4f46a1..390a537 100644
--- a/src/views/home/dateRange.vue
+++ b/src/views/home/dateRange.vue
@@ -1,14 +1,15 @@
 <template>
     <div class="date-range">
-        <el-button
-            v-for="(item, index) in opts"
-            :key="index"
-            :class="{ active: active === item.value }"
-            type="text"
-            @click="handleRange(item.value)"
-        >
-            {{ item.label }}
-        </el-button>
+        <template v-for="(item, index) in opts" :key="index">
+            <el-button
+                v-if="item.value !== 'today' || !props.hiddenToday"
+                :class="{ active: active === item.value }"
+                type="text"
+                @click="handleRange(item.value)"
+            >
+                {{ item.label }}
+            </el-button>
+        </template>
         <el-date-picker
             v-model="value"
             :clearable="false"
@@ -21,6 +22,12 @@
 
 <script setup>
     import dayjs from 'dayjs';
+    const props = defineProps({
+        hiddenToday: {
+            type: Boolean,
+            default: false,
+        },
+    });
     const opts = ref([
         {
             label: '今天',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 76787c6..fc0b236 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -89,7 +89,7 @@
                 </div>
                 <div class="right">
                     <div class="header flex">
-                        <date-range v-model="condition1" v-model:today="today1" />
+                        <date-range v-model="condition1" v-model:today="today1" hidden-today />
                     </div>
                     <div class="chart"></div>
                 </div>

From 0e4cc662cb37d0666a9ba3ede5d1d2e667268d20 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:51:39 +0800
Subject: [PATCH 08/14] =?UTF-8?q?perf:=20=E6=9D=83=E9=99=90=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js  | 11 ++++++++---
 src/utils/request.js |  9 ++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index ad7b75c..b6fc752 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -59,13 +59,18 @@ router.onError((error, to) => {
 router.beforeEach(async (to, from, next) => {
     if (store.state.local.token) {
         if (!store.state.auth.permission.length) {
-            await store.dispatch('auth/getUserInfo');
+            let res = true;
+            res &= await store.dispatch('auth/getUserInfo');
             if (config.useLocalRouter) {
                 store.commit('auth/setPermission', routes);
             } else {
-                await store.dispatch('auth/getPermission');
+                res &= await store.dispatch('auth/getPermission');
+            }
+            if (res) {
+                next({ ...to, replace: true });
+            } else {
+                next(false);
             }
-            next({ ...to, replace: true });
         } else {
             console.info(`[router] from ${from.name} to ${to.name}`);
             const deep = (route) => {
diff --git a/src/utils/request.js b/src/utils/request.js
index 034ba57..4a7d620 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -12,10 +12,13 @@ const handleResponse = async ({ config: requestConfig, data, status }) => {
     if (requestConfig.headers.download === true) {
         return data;
     }
-    let code = data.code || status;
-    console.info('[api]', code, requestConfig.method, requestConfig.url, data.data);
+    let code = data?.code || status;
+    console.info('[api]', code, requestConfig.method, requestConfig.url, data?.data);
     if (code !== 'SUCCESS') {
-        ElMessage.error(data.message || '服务器异常');
+        ElMessage.error(data?.message || '服务器异常');
+        if (data) {
+            data.data = null;
+        }
         switch (code) {
             case 'SYSTEM_ERROR': //系统异常
             case 'INTERFACE_SYSTEM_ERROR': // 外部接口调用异常

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 09/14] =?UTF-8?q?perf:=20=E5=8A=A0=E8=BD=BD=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=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({});

From cc0c9f8536150ef525ea698cea83523e2e383a55 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 15:12:22 +0800
Subject: [PATCH 10/14] =?UTF-8?q?fix:=20=E9=89=B4=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index b6fc752..c559595 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -59,14 +59,15 @@ router.onError((error, to) => {
 router.beforeEach(async (to, from, next) => {
     if (store.state.local.token) {
         if (!store.state.auth.permission.length) {
-            let res = true;
-            res &= await store.dispatch('auth/getUserInfo');
+            let res1 = true,
+                res2 = true;
+            res1 = await store.dispatch('auth/getUserInfo');
             if (config.useLocalRouter) {
                 store.commit('auth/setPermission', routes);
             } else {
-                res &= await store.dispatch('auth/getPermission');
+                res2 = await store.dispatch('auth/getPermission');
             }
-            if (res) {
+            if (res1 && res2) {
                 next({ ...to, replace: true });
             } else {
                 next(false);

From 444429fce1e34db64f09be8741d32788c401b8d8 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 18:05:25 +0800
Subject: [PATCH 11/14] =?UTF-8?q?style:=20=E6=96=87=E5=AD=97=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/home/home.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/store/modules/home/home.js b/src/store/modules/home/home.js
index eb1f4c0..4a30fc7 100644
--- a/src/store/modules/home/home.js
+++ b/src/store/modules/home/home.js
@@ -150,7 +150,7 @@ const state = () => ({
                 value: '-',
             },
             {
-                label: '昨日新添',
+                label: '昨日新增',
                 value: '-',
             },
             {

From d115c89d9c5ca4a3517f20f5a8d808d5ca5d1ac9 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 18:22:55 +0800
Subject: [PATCH 12/14] =?UTF-8?q?fix:=20=E8=99=9A=E6=8B=9F=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E7=BC=96=E8=BE=91=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sales/product/form/step1.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/sales/product/form/step1.vue b/src/views/sales/product/form/step1.vue
index da10bc8..a3bf131 100644
--- a/src/views/sales/product/form/step1.vue
+++ b/src/views/sales/product/form/step1.vue
@@ -132,9 +132,10 @@
                 if (id && id !== state.form.id) {
                     let res = await store.dispatch('product/detail', id);
                     res.pictureList = res.pictureList || [res.mainPicture];
-                    res.fileList = res.virtualProductVOList
-                        ?.filter((item) => item.shipType === 1)
-                        .map((item) => item.shipContent);
+                    res.fileList =
+                        res.virtualProductVOList
+                            ?.filter((item) => item.shipType === 1)
+                            .map((item) => item.shipContent) || [];
                     res.autoSend = res.virtualProductVOList?.find((item) => item.shipType === 2)?.shipContent;
                     Object.assign(state.form, res);
                 }

From 87c54d76f106a5fc7ddc69bc53ca1e098c845447 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Sat, 11 Jun 2022 14:59:56 +0800
Subject: [PATCH 13/14] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8A=E4=BC=A0=E7=BC=96=E7=A0=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/file.js                    | 4 +++-
 src/store/modules/sales/product.js | 4 +---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/api/file.js b/src/api/file.js
index 79139c9..dc1a8e2 100644
--- a/src/api/file.js
+++ b/src/api/file.js
@@ -23,7 +23,9 @@ export function sign(serviceName, configId) {
 export async function upload(serviceName, configId, file, cancelToken) {
     let oss = await sign(serviceName, configId);
     let data = new FormData();
-    data.append('name', file.name);
+    let arr = file.name.split('/');
+    arr[arr.length - 1] = encodeURIComponent(arr[arr.length - 1]);
+    data.append('name', arr.join('/'));
     data.append('key', `${oss.dir}${'${filename}'}`);
     data.append('policy', oss.policy);
     data.append('OSSAccessKeyId', oss.accessId);
diff --git a/src/store/modules/sales/product.js b/src/store/modules/sales/product.js
index e1fbdc7..8e8c6a2 100644
--- a/src/store/modules/sales/product.js
+++ b/src/store/modules/sales/product.js
@@ -113,11 +113,9 @@ const actions = {
             delete data.singleBuyLimit;
         }
         data.virtualProductModifyDTOList = data.fileList.map((item) => {
-            let arr = item.split('/');
-            arr[arr.length - 1] = encodeURIComponent(arr[arr.length - 1]);
             return {
                 shipType: 1,
-                shipContent: arr.join('/'),
+                shipContent: item,
             };
         });
         if (data.autoSend) {

From 3de6ceec6acfa1ced8466f71ecfc3d73d6fc3545 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Mon, 13 Jun 2022 11:37:10 +0800
Subject: [PATCH 14/14] =?UTF-8?q?fix:=20=E4=B8=AA=E4=BA=BA=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sales/order/index.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/sales/order/index.vue b/src/views/sales/order/index.vue
index c8275b8..b41a8f8 100644
--- a/src/views/sales/order/index.vue
+++ b/src/views/sales/order/index.vue
@@ -91,7 +91,7 @@
         },
     });
     watch(
-        () => route.params.id,
+        () => route.query.id,
         (value) => {
             state.condition.userId = value;
         },
@@ -99,11 +99,8 @@
     );
     watch(
         () => state.condition,
-        (value, old) => {
+        (value) => {
             store.commit('order/setCondition', _.cloneDeep(value));
-            if (value.userId !== old?.userId) {
-                handleSearch();
-            }
         },
         { immediate: true, deep: true }
     );
@@ -114,6 +111,12 @@
         },
         { deep: true }
     );
+    watch(
+        () => state.condition.userId,
+        () => {
+            handleSearch();
+        }
+    );
     const handleReset = () => {
         state.condition = {
             userId: null,