From e6337f3e7c002acfa0660f5db23e1b4d42c1776c Mon Sep 17 00:00:00 2001
From: j1ack <1209452658@qq.com>
Date: Fri, 5 Aug 2022 11:14:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E4=BE=8B=E6=A0=B7=E5=BC=8F=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/App.vue                                |  10 ++++
 src/assets/img/brand/green.png             | Bin 0 -> 4025 bytes
 src/assets/img/brand/org.png               | Bin 0 -> 3963 bytes
 src/components/companySummary/business.vue |  16 ++-----
 src/components/companySummary/talent.vue   |  12 ++---
 src/components/ringPie/index.vue           |   2 +-
 src/components/scrollArc/index.vue         |  51 ++++++++++++++++-----
 src/components/szBar/index.vue             |  28 +++++------
 src/router/index.js                        |  40 ++++++++--------
 src/views/Brand.vue                        |   8 +++-
 10 files changed, 99 insertions(+), 68 deletions(-)
 create mode 100644 src/assets/img/brand/green.png
 create mode 100644 src/assets/img/brand/org.png

diff --git a/src/App.vue b/src/App.vue
index f1ba040..0d2caaf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,6 +11,16 @@ export default {
 </script>
 
 <style lang="scss">
+.kong{
+  color: #fff;
+  font-size: .24rem;
+  padding-top: 1.36rem;
+  text-align: center;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 #app {
   width: 100%;
   height: 100%;
diff --git a/src/assets/img/brand/green.png b/src/assets/img/brand/green.png
new file mode 100644
index 0000000000000000000000000000000000000000..14dad2c3759ef7c7f5ce6495adf01d4b908881c5
GIT binary patch
literal 4025
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
K-AdO4ANvmjV61@v

literal 0
HcmV?d00001

diff --git a/src/assets/img/brand/org.png b/src/assets/img/brand/org.png
new file mode 100644
index 0000000000000000000000000000000000000000..03c9791ac2db48854aef46be986bdb3397f143d5
GIT binary patch
literal 3963
zcmeHK30G6s7Tz}rgorT#RICUAq0lmDDJT$;#0d;Cl`<$)i35U)f)51BkX!{zEg-%!
ziJ(MrU{X`Tp(+rom_ASmAcGZ5gi^o(Lr@DClXn=j@4fYYLho8x_wIAf-DmIbeBaK#
zhkU%;s59oz001gy?P^~D0(vBXmL|Hrj(<3gZj`9C8=?WU^(KB894nfK2C-;gx0P_=
z!Gb|#kiu4Yt^oKcOIx{F1As>7tX|<4kG<>;-lO;UfTk?e!nbbAEhzfL%nsMF&)|w*
zjCchfS^GYZxATzUjzofCU>1JQxBzpq<ARM-|7DX3ueS07BA0J;#rfBhq{J^Tt}W%M
z`QM(Wqs{)l{s#d;;#|Iw%M38P4a<e2y^-Fx@5>j$5iN*$(i8Kgc1paCLV!W(OU;4O
zQwoN@bX+=z@h1_a5|D7xuP&yoT2M<fQi1dgCiuD~o#&8}-P2ofN<o&9Nx)pyM~jLx
z2j=EsaiiL2jM#Nt6A$=$jA-o!g3CXosd>Za>nfFE3{SMhB<}nALR44y3*edq70&-?
zsdg;Vr>Xia`FI}%s_*7ENU!p6vK=OwQKqQ-r1noac|Da1nE^F@bt8*Xl{<hNY7h1S
z*KaL;e?@wm!EGbK{IXJ|_cH_KT@24fFMigxw{}^ybR2762Ljvj23B68x&%Z)1rVNE
zKe#O*P=zuv5MbO2KNUPS0pXJLR%vnC(I$Tt6k33A?^TD<zCChcr!IzPmRqW0QlvcK
z?z&0(^{(}kTIb4HZ-?dN&ZSh?6&E~4&SkMzX+fobxw2P&YSeKS*ndaCFLNA5*Eoz~
z_W#txb1SUW8-|A+&_X*3RQe6erHgCd<VTKW5g{{_zzy~7<CiGN;Y2FX@;<<U;Q<nm
z8@Ew;gTZxaEOxpUSljrkklhRHilYcT<h{CB6HhF&Qft%rc&r{=t2(7%eKkgmNul5&
zzUZC>B5(g(eo~;blA!_2+awXq#>=AWx&nbZFpmoAQ{~Fmy|wQ!+^YrTne~IOnp$tU
zAaIVK#f-}$<;y<5q6$Pn47gx`qNf!=!Xm@|3I%z<kjnP%4p6P=qe)f~*t9t`_4}S+
z{)UN^YPJyu3a%^SiWak*c0j_Z3(By1u@oV#1<M79Fc&?*FyB&L_%tz>1tF~v<L5v2
z>SlBb1Ei)9<CB~c@@?`fN8#Kzl|3&~_cf9`N*vVDMpw)Xf1H!%y{ai=Q*r3Y&=%W2
zQu4Zkm>KycJKmZ^90G}LnSybLRWopP``*!4^>xD>ZjC~@YPi3hz#gq$wn)Xgze>IB
z<ZjKe;`4>f$k<uwELN(G4lqwKAH;=SKyfX)N$SM>`&c*Sa<c3K3C{~I^4h*;%^;Tn
zL-izyuO%OhRzmp6*H?DkYfR(ccoMH6u=N0&Y)kc#Ix9;)jSqQevG7CX3UBe)_)90C
zA!~pA<NP#}SyD2Z4OmT-aNkgQ7WLx5S#L3JE(!mxJj=L73n9#<dH^-&@JQywbFw{9
zeFIfhJ-v}=({>Joe?K1kv%*Hb7w{!^m_2*r*s=%ucxE$1e1%vSwaIz3xI&3_nqk~^
zwSKDFH$<U^Ic~EySDkqk4I5EKn*Nc~7(YIXbsni_@Dqa!`=39hiQZDcz{gKzv6)`e
zM`Le23hkxWZ$*X;1+&1@6e>CXW8#0j;?D-bW)IjUbUc3VSpyOs?%D#CM;aLT6*>fL
z+dKYlgg){!GMCc9sI>OhtJCrFx_=ZchTSIM%=RBUXP|sbgzE3}A-_8QokGa$6eAyR
zo1v?9cOL^$qdE_wXl075+vz>Mj=)YYfT7R2W%}JRGTR{>cqcz{DCQu@_3Cf)>qgr{
zYWrBTKw@H!GbS=cyYFcM<(dzGkYV66swlABK-qGYhtOwwLg|@?I+WZ35cDRnuxqzy
zxXZJBM4v#FKBD|<&q$&Ol|oduB!M-BfTEIAfsemxc;m2q0swJ>9hT%jmN-h3Bp#0h
zR8|c8Z!iEq-AWbpyllK3Bg{%;K~hOJm7Sa-<qQw!8Yn>)vTqTTDlu6Ha|w33Hwjf3
z`MTrb6W*g(=V>sVN`R^tpo>#sflmqty1uqD!2QO=PjAM{S%G6j(fiAbAgN55{G5!R
zxxABr62335LEAZdSk1?u*{F}lA>!a|;YmcFZdsseqA)_hnPyDzp)kVw0#`5iP#C$(
z=Xb!vT=hZZqSCvBFrBz)e90C9s^6mRyO)Et$}uVEcwaGV28diE_=M5fF0*sh-vTV%
z{v6}JE`F5OTv)}q*J}@8(0nu>7>v*=x$V$FXEh!0%R3)lgodTYFa99ci>(26wO)$`
z*VY%~6&x88z^bFO1b@zviOc{hItFe)i}nGxk(w{GssJiIdLxO}nVX6|BexWhveCe5
zD*}7)UwiWkNWfhZqzCR-v)RrR5VZu&0T+Xs2P!L1!fycU-K~i1&pipniZGMk12MRk
z->!-K?#qxXC${;s^%=-FI8joaT~HMkb;m4(99OqTq01@XXoBn<6S;k3CclSPvO3Dp
z%44Kcc0`c5F+TzKlHM2P$4Fh)TEK661U}{F`>PId0BYL?Cl|WhU5>)^OV9!LPy?<m
z;O>zq;1M(Wh$9swTWe-O@p6}j?dBMaSLS1a9P|C%O5>ToSOdH1^->f?>x+cf;}JpL
zgbobV%MMIdm7p6HMTZ&_csL2ng!^P;L~bWa*B!@ZO^}2VL~+he4=%-Q$LYX!qW~*v
z8O70c9zLW4JQG9H1wGok0X8m#u3H11v6~D{i$XMD05I9%@~x@;WE9GEHe5SrPx-xB
z`v6oQ17T|OSFszU*6~IlI7q@jZFA7B{el7#SAvLmhGWb`u48o|fE!b^u`QcD7X%t4
zd`_9geuTq>>I1Aj35?zo$S~J~c0mO3mpweX2LbGJKxkgFBX*+~!8WV4=OW5*{%TlX
zC3bsMd6cAd2i#Q$mdYB<CXb$K3=wOOk^VaRU~`D*%<i>DCnnrY5Y0VpM?CyT;)9vM
z4JP3>mQ6F)X5&i%r|Q8K6hNQtFDnrl&A=W<fq3e{e6tToJU0jXdlN`>TOSS4g!Ouu
zV1Id`Mt>8Eu`(Sb+#R~VmgtkP^-h@J=>#p7P*O(_PZvTpdkLke20<aTB(T#@b7Wh)
zP&9HM0=w~ap+*JASQ~_9nBd?u4p(>LyoDr8P;bNtwL@ptNQa<Bo`f4?E71E<Gy<EP
zarV)hz--Yzz(eT3Jbi*R3k9J30sVblb<qB91K^BKYD~+(n@6wJPmEN_VUEhG(dQ+i
zo$vWdsXQ{JQ52M{%u$<0v<{uCI6^z2c`Wh>V{S;&Z+(p6SDVv+d)rjM+(z{-YC$Yn
zfAbgf(rO!5H6Jc|sR16aF>Z<=!34H<j#x{2$8q?8F?@;%+)gYA+psSqiZ=%amSBRg
zX@cN9JxH)baEZgrF`TCh2@x?l8{4x*p&$q(;U_9A_D@dez}glwx}oVzi9P{BG7eW&
z?9`2_GG=#BP%S)0dSH&;-lGSj7wjoX8Hp2yE{vYMMAe!?CFU^dQ8Ldy+UG>M<LpI*
z<0cSgk(G6+fCGYMBp7-zMGbZZ1-jNvQUjF@CP>@~u&&GkBa^Y}98?Kf3NW`3Bop>K
zEpT4{K_=B{Aab9SNrsRPk{JZBik?J4Fi3)cMbqS9N29K+{x5ROcLVP359GLS3c}cF
zav<h%O+S)D)J}m2k7;s56ocsQluo#XB)GEWgHAdfG5q|LPPijz0?}boC){Y%wx0Z`
z69W^F%=<5$;FonEyy&A&xS44E;1n351`29`|3fDtcQo*1N+*?hz_$9Rll4^8NPa%8
z6WIz91X*|z2IoChT7qyknkql6bAoY{1bL<)*@?#KA;=g)ZTlP7$V(#$y4Pkx*CAkA
zJj@m$LW{c5_k#OWW#p{^LA0y*k^iJpL~#^|@tp=EsTkPj&P*#M3H9J3E%y(!nH@o2
heScs79|7EJ)Z(Xj;;r*t?bjz(aMpOOzOa&e;NRc*n=AkT

literal 0
HcmV?d00001

diff --git a/src/components/companySummary/business.vue b/src/components/companySummary/business.vue
index cf934ef..be8f989 100644
--- a/src/components/companySummary/business.vue
+++ b/src/components/companySummary/business.vue
@@ -1,9 +1,3 @@
-<!--
- 描述: 业务范围
- 作者: Jack Chen
- 日期: 2020-05-09
--->
-
 <template>
   <div class="business-container">
     <div class="chart" id="chart_left1"></div>
@@ -11,6 +5,7 @@
 </template>
 
 <script>
+let sum=0
 export default {
   props: {
     chartData: {
@@ -21,14 +16,13 @@ export default {
   name: "business",
   data() {
     return {
-
     }
   },
   mounted() {
     setTimeout(() => {
       // console.log(this.chartData)
       this.getEchartLeft1();
-    }, 500);
+    }, 1000);
   },
   methods: {
     getEchartLeft1() {
@@ -171,10 +165,10 @@ export default {
               position: 'top',
               show: true,
               formatter: function (params) {
-                // console.log(params)
+                sum+=parseInt(params.value) 
                 // return params.data.realValue;
-                var percent = Number((params.value / 100) * 100).toFixed(2) + '%';
-                return percent;
+                var percent = Number((params.value / sum) * 100).toFixed(2) + '%';
+                return percent?percent:0;
               },
               color: '#fff',
               fontSize: 12,
diff --git a/src/components/companySummary/talent.vue b/src/components/companySummary/talent.vue
index ac06d22..8a67d9e 100644
--- a/src/components/companySummary/talent.vue
+++ b/src/components/companySummary/talent.vue
@@ -1,8 +1,3 @@
-<!--
- 描述: 人才队伍
- 作者: Jack Chen
- 日期: 2020-05-09
--->
 
 <template>
   <div class="talent-container">
@@ -43,7 +38,7 @@ export default {
   name: "talent",
   data() {
     return {
-
+     sum:0,
     }
   },
   created() {
@@ -53,17 +48,18 @@ export default {
     setTimeout(() => {
       // console.log(this.chartData)
       this.getEchartLeft2();
-    }, 500);
+    }, 800);
 
   },
   methods: {
     GetPercent(num, total) {
+      this.sum=this.chartData.alipayPayAmount+this.chartData.weixinPayAmount+this.chartData.casePayAmount+this.chartData.robotPayAmount+this.chartData.unionPayAmount
       num = parseFloat(num);
       total = parseFloat(total);
       if (isNaN(num) || isNaN(total)) {
         return "-";
       }
-      return total <= 0 ? "0%" : (Math.round(num / total * 100) / 100.00);
+      return Math.round(Number((num / this.sum) * 100));
     },
     getEchartLeft2() {
       let myChart = echarts.init(document.getElementById('chart_left2'));
diff --git a/src/components/ringPie/index.vue b/src/components/ringPie/index.vue
index c4cb12c..9ecfc05 100644
--- a/src/components/ringPie/index.vue
+++ b/src/components/ringPie/index.vue
@@ -52,7 +52,7 @@ export default {
         this.dataRate=Math.round(this.dataRate*100)
         this.shenRate=100-this.dataRate
         this.getEchart();
-    }, 500);
+    }, 800);
   },
   methods: {
     getEchart() {
diff --git a/src/components/scrollArc/index.vue b/src/components/scrollArc/index.vue
index 549202e..aa60211 100644
--- a/src/components/scrollArc/index.vue
+++ b/src/components/scrollArc/index.vue
@@ -21,6 +21,9 @@
 </template>
 
 <script>
+import img from '../../assets/img/brand/green.png'
+import img2 from '../../assets/img/brand/org.png'
+
 export default {
       props: {
     chartData: {
@@ -51,7 +54,7 @@ export default {
             this.dataOut.push(this.chartData.outStatistics[i].num)
        }
         this.getEchart();
-    }, 500);
+    }, 800);
   },
   methods: {
     getEchart() {
@@ -60,6 +63,7 @@ export default {
         tooltip: {
           trigger: 'axis',
           showContent: true,
+          // extraCssText: 'width:150px;height:auto;background:linear-gradient(left,rgba(87,136,255,1),rgba(87,136,255,.8),rgba(87,136,255,.5));color:#fff',
           axisPointer: { 
             type: 'shadow',
             shadowStyle: {
@@ -74,11 +78,32 @@ export default {
           },
         },
          legend: {
-        data: ['入场车流', '出场车流'],
-          textStyle:{
-                fontSize: 14,//字体大小
-                color: '#ffffff'//字体颜色
-           },
+           itemWidth: 30,
+   itemHeight: 30,
+      data:[
+            {
+                name:'入场车流',
+                textStyle:{
+                    fontSize:12,
+                    fontWeight:'bolder',
+                    color:'#fff'
+                },
+               icon:`image://${img}`,
+            },
+            {
+                name:'出场车流',
+                textStyle:{
+                    fontSize:12,
+                    fontWeight:'bolder',
+                    color:'#fff',
+                },
+               icon:`image://${img2}`,
+            }
+        ],
+          // textStyle:{
+          //       fontSize: 14,//字体大小
+          //       color: '#ffffff'//字体颜色
+          //  },
     },
         color: ['#1BDB7F','#EF8C62'],
         grid: {
@@ -119,9 +144,10 @@ export default {
           type: 'line',
           data: this.dataIn,
           symbolSize: 10,
-          itemStyle: {
-            opacity: 0,
-          },
+          showSymbol: false,
+          // itemStyle: {
+          //   opacity: 0,
+          // },
           emphasis: {
             label: {
               show: true,
@@ -154,9 +180,10 @@ export default {
           type: 'line',
           data: this.dataOut,
           symbolSize: 10,
-          itemStyle: {
-            opacity: 0,
-          },
+          showSymbol: false,
+          // itemStyle: {
+          //   opacity: 0,
+          // },
           emphasis: {
             label: {
               show: true,
diff --git a/src/components/szBar/index.vue b/src/components/szBar/index.vue
index 2136482..3617ac1 100644
--- a/src/components/szBar/index.vue
+++ b/src/components/szBar/index.vue
@@ -43,7 +43,7 @@ export default {
             this.yData1.push(this.chartData.inStatistics[i].num)
        }
         this.getEchart();
-    }, 500);
+    }, 800);
   },
   methods: {
     getEchart() {
@@ -163,19 +163,19 @@ export default {
               }
             },
             barWidth: barWidth,
-            markPoint: {
-              symbol: 'circle',
-              itemStyle: {
-                normal: {
-                  color: '#43FFFF',
-                  shadowColor: '#43FFFF',
-                  shadowBlur: 20
-                }
-              },
-              symbolSize: [5, 5], // 容器大小
-              symbolOffset: [0, 0], // 位置偏移
-              data: dataCoord,
-            },
+            // markPoint: {
+            //   symbol: 'circle',
+            //   itemStyle: {
+            //     normal: {
+            //       color: '#43FFFF',
+            //       shadowColor: '#43FFFF',
+            //       shadowBlur: 20
+            //     }
+            //   },
+            //   symbolSize: [5, 5], // 容器大小
+            //   symbolOffset: [0, 0], // 位置偏移
+            //   data: dataCoord,
+            // },
             data: this.yData1
           },
       
diff --git a/src/router/index.js b/src/router/index.js
index 98586a2..10fb05b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -12,26 +12,26 @@ const routes = [
       title: '智慧云停车大数据平台'
     }
   },
-  {
-    path: '/login',
-    redirect: '/'
-  },
-  {
-    path: '/home',
-    name: 'Home',
-    component: () => import('@/views/Home.vue'),
-    meta: {
-      title: '酷屏首页统计图'
-    }
-  },
-  {
-    path: '/login',
-    name: 'Login',
-    component: () => import('@/views/Login.vue'),
-    meta: {
-      title: '登录界面'
-    }
-  },
+  // {
+  //   path: '/login',
+  //   redirect: '/'
+  // },
+  // {
+  //   path: '/home',
+  //   name: 'Home',
+  //   component: () => import('@/views/Home.vue'),
+  //   meta: {
+  //     title: '酷屏首页统计图'
+  //   }
+  // },
+  // {
+  //   path: '/login',
+  //   name: 'Login',
+  //   component: () => import('@/views/Login.vue'),
+  //   meta: {
+  //     title: '登录界面'
+  //   }
+  // },
   {
     path:'/404',
     name:'404',
diff --git a/src/views/Brand.vue b/src/views/Brand.vue
index 1973369..e05a471 100644
--- a/src/views/Brand.vue
+++ b/src/views/Brand.vue
@@ -22,14 +22,14 @@
           </div> -->
           <div class="left-top">
             <div class="topBg">今日收费TOP5</div>
-            <table class="table">
+            <table class="table"  v-if="rankData[0]">
               <thead class="thead">
                 <td class="td">排行</td>
                 <td class="td">停车场名称</td>
                 <td class="td">收费金额</td>
               </thead>
               <tbody class="tbody">
-                <tr class="tr" v-for="(item, index) in rankData" :key="index">
+                <tr class="tr" v-for="(item, index) in rankData" :key="index" >
                   <td class="td" v-if="index == 0"><img src="/img/img3.png" alt=""></td>
                   <td class="td" v-if="index == 1"><img src="/img/img4.png" alt=""></td>
                   <td class="td" v-if="index == 2"><img src="/img/img5.png" alt=""></td>
@@ -39,7 +39,11 @@
                   <td class="td">{{ item.totalAmount }} 元</td>
                 </tr>
               </tbody>
+              
             </table>
+              <p v-else class="kong">
+                  空空如也~
+                </p>
           </div>
 
           <div class="left-top">