From fd9260cc7416ddcd8f42c89d0f9fe10566c83ecf Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 9 Mar 2023 10:40:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E7=BB=84=E4=BB=B6=E6=8E=92?=
 =?UTF-8?q?=E8=A1=8C=E6=A6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AiDvRender.vue                     |   5 +
 components/layout/AiRanking/AiRanking.vue     | 142 ++++++++++++++++++
 .../layout/AiRanking/asset/ranking1.png       | Bin 0 -> 2540 bytes
 .../layout/AiRanking/asset/ranking2.png       | Bin 0 -> 2529 bytes
 .../layout/AiRanking/asset/ranking3.png       | Bin 0 -> 2498 bytes
 .../layout/AiRanking/asset/ranking4.png       | Bin 0 -> 2520 bytes
 packages/bigscreen/designer/config.js         |  25 +++
 7 files changed, 172 insertions(+)
 create mode 100644 components/layout/AiRanking/AiRanking.vue
 create mode 100644 components/layout/AiRanking/asset/ranking1.png
 create mode 100644 components/layout/AiRanking/asset/ranking2.png
 create mode 100644 components/layout/AiRanking/asset/ranking3.png
 create mode 100644 components/layout/AiRanking/asset/ranking4.png

diff --git a/components/AiDvRender.vue b/components/AiDvRender.vue
index 475d1119..09ee0614 100644
--- a/components/AiDvRender.vue
+++ b/components/AiDvRender.vue
@@ -37,6 +37,11 @@
         :isShowIndex="data.isShowIndex"
         :data="values">
       </AiDvTable>
+      <AiRanking
+        v-else-if="data.type === 'AiRanking'"
+        :heigth="'100%'"
+        :data="values">
+      </AiRanking>
       <ai-map v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId" :is3d="data.is3d==1" :is3dAround="data.is3dAround === '1'"
               :map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib" :onlyShowArea="data.limitArea==1"/>
       <ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"/>
diff --git a/components/layout/AiRanking/AiRanking.vue b/components/layout/AiRanking/AiRanking.vue
new file mode 100644
index 00000000..ab48ca8f
--- /dev/null
+++ b/components/layout/AiRanking/AiRanking.vue
@@ -0,0 +1,142 @@
+<template>
+  <div class="AiRanking">
+    <div class="AiRanking-item" v-for="(item, index) in list" :key="index">
+      <i>{{ index + 1 }}</i>
+      <h2>{{ item.name }}</h2>
+      <span>{{ item.value }}</span>
+      <div class="AiRanking-item__rate" :style="{width: item.rate + '%'}">
+        <div class="bar">
+          <span></span>
+          <i></i>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AiRanking',
+
+    props: {
+      data: {
+        type: Array,
+        default: () => []
+      }
+    },
+
+    watch: {
+      data: {
+        handler (v) {
+          this.init(v)
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+
+    data () {
+      return {
+        list: []
+      }
+    },
+
+    methods: {
+      init (v) {
+        if (!v.length) {
+          this.list = []
+          return false
+        }
+
+        const total = this.sum(v.map(v => v.value))
+        this.list = v.map(e => {
+          return {
+            ...e,
+            rate: ((Number(e.value) / total) * 100).toFixed(2)
+          }
+        })
+      },
+
+      sum (arr) {
+        return arr.reduce((x, y) => x + y)
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiRanking {
+    * {
+      box-sizing: border-box;
+    }
+
+    .AiRanking-item {
+      display: flex;
+      align-items: center;
+      height: 36px;
+      margin-bottom: 16px;
+      padding-right: 18px;
+      background: url(./asset/ranking1.png) no-repeat;
+      background-size: 100% 100%;
+
+      .AiRanking-item__rate {
+        position: relative;
+
+        .bar {
+          position: relative;
+          width: calc(100% - 6px);
+          height: 6px;
+          background: linear-gradient(90deg, #ffbb45ff 0%, #76f7b8ff 98%);
+
+          i {
+            position: absolute;
+            right: 0;
+            top: 50%;
+            z-index: 12;
+            width: 22px;
+            height: 22px;
+            border: 1px solid #596269;
+            border-radius: 50%;
+            transform: translate(50%, -50%);
+          }
+
+          span {
+            position: absolute;
+            right: 0;
+            top: 50%;
+            z-index: 11;
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background: #e1ffee;
+            box-shadow: 0 0 10px 0 #26F0F7;
+            transform: translate(50%, -50%);
+          }
+        }
+      }
+
+      i {
+        width: 40px;
+        text-align: center;
+        font-size: 18px;
+        color: #fff;
+        font-weight: 600;
+        font-style: normal;
+      }
+
+      h2 {
+        width: 90px;
+        margin-left: 20px;
+        color: #fff;
+        font-size: 18px;
+      }
+
+      span {
+        width: 90px;
+        text-align: left;
+        font-size: 18px;
+        color: #fff;
+      }
+    }
+  }
+</style>
diff --git a/components/layout/AiRanking/asset/ranking1.png b/components/layout/AiRanking/asset/ranking1.png
new file mode 100644
index 0000000000000000000000000000000000000000..610340ee70e029075bc9dd6876834bbf3d7e1673
GIT binary patch
literal 2540
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

literal 0
HcmV?d00001

diff --git a/components/layout/AiRanking/asset/ranking2.png b/components/layout/AiRanking/asset/ranking2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8e4ee16b048a5ccfc91091426d57fefc7778243
GIT binary patch
literal 2529
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
TXrglJ{1O=Inj+umxJLgE+$XB{

literal 0
HcmV?d00001

diff --git a/components/layout/AiRanking/asset/ranking3.png b/components/layout/AiRanking/asset/ranking3.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ce1591683889b8e80196609fba86fea6a9e8b9d
GIT binary patch
literal 2498
zcmXw(c{~&TAIFC#3^6t5*Ola0q#TRL8Cz~63Te)K-A7-|vB>td$k9QrCc?}W3pqE(
z($`r@`%=p!=14P>qr{K;{{Hzq-k;a!{eC`PpZDYQ{@@+$twn@nga8152;9cf835n~
z?Zw9g`1jVK0McUsKoAeNG(*NsekrmGk#!a84}7%zq%ZhFL6-9oCB%3NlbS4{_zeK|
z%+XL0Rg9b)04hZS1hd78U`olbH}SM&*$5`TbNB;CEV4-nU#xw^3f}Pp=fS=gI8{ei
z367lkyqn%n<_3IxpSW%)pGD8IN?mmC_^Y}By^30FyL@rPz8>@8li#JZ&bEhm8)t^C
z%eXS>*7E64lW-GmWqz)jmJWef|J3gOlWxiHe$6;B3E+wQO4C|YbH0Nc56o{EsBfNu
zJ*=U;RJ4EV05*)Oh`t<!k!tV2kg*y&an=o4y|@FkfK&L`tRFh#n?q996Tt6L^69nG
z)nBSJ{kz&C^KBA>n9enQSp+1@wQ=Sr_B=%PCQUR2L}tZdW+w`?*QUFK3|nX;m8c)o
z+(q|yWv2|(AC0w6J#8S3<~xc*2y7Y-36mp;MF+J+4*FhdH+HAZ)Gqnz+(@N8Jhxfe
zoD-cPdI<}%h)Da?v(S?`l{RyDihXri1LaK~R#;aVZ%|1RB_*bjSls}~G5Xe)hjHfO
zj5X&>PxmvJQN=*gt-t$REZ5NYJ%<99$G0x%(v`AAE>nn|e(ZjF_`wY<Q5X5HlY6DM
zJ_gMN1<Eo;5D2{puf~<3k9S@SSFy;J)8pyO<>8|ae?1CmY-u_FdYO^B9hS8{A`h={
zwcVg?$HOZu2#-07S)q5TH;yl?ERdzqvPLz^uh)Z&Wt0jw>3!lwd}FC2>O;4-=1mOl
z-F_(!qo7uBCOX?MEyH6CHFu#wJtc;Wi;b`5LpXyV3b%gkc6e>5XCkR{ZCGNgxRpPi
z&3%@%0=K%p4wX)e(QX_=oocwZ&{=XqYaW#`DG0x^K{AA2`yiK-x1w~5EDNyCz{Bb}
zyTWM*mstY{x@^pAAqe}p>Ig0s5tRLUF>JLEL|>5UoC(x7WP63}{-kY5{28jsQE%`a
zV44A)_}>?S3blk9K&WOI`52ko%=A^JJHlN(Rqi$!^w7m-0>Iuodm}*Ifg`=a6@;e7
z2v-SgVK129I(eZfmR^WK>N;h+6b>qQg-vaJ=SVR0bK(@h*tWKFh1V`2BG(zEiIx64
z&bzA{sHnAp%zadEr8F29h@F?TJM29K296IS8Y57?!^<PZoP=8y0S0+p9lFu1d(kdS
z&^~27Jn!G}s?z@sb@$I|cvdBQgoivzkV_B5qsnqtrsel|ajyg|NR7nRd#Xb9-z0EW
z7o<K6eGm2xygtGWE%16C@uU61vJqR`J`|47>To@Dv<-GP?fz|^VC&c5u<qk1dD-Ja
z3T_@^_mAwcZXUF=pj8(kTk8aS+Zp3EJuB|MNjuQ?<<sfvQ{~aDfZgxY&Og4skFJe3
z5ybP3``C+Ou4<B?E3XE4>246HcQFyVhXKscu&IyBS36aO6=IAAt6*3A2jfSJ&m}HR
z((=pc4tmXFsYUNcV>{eDvVYV<4>ZKZmNxF!Whh9-kXBn&g$Z@Fb>HX4DtEU-BGFvL
z`(+iuR#gQ*<7A?8Nx^d9haNf9zymDPC5I_^8FHlxDrK7y!?Oq2++}9#s%R(#_q+=B
zj`M4s#U~;%^E3F6kWwrw7-B)jJ$?Xm%MqtTPipLcaMVqvqW3H??=IK;%e;@fUU#nB
z2`{puMZHJ%fF4No8wDrkN&fAuvay(<BYm(QDh%e=a)rbN`6vI05phbB+}j8|0PZC*
zr<rog2Wx)i%UzcHDd`@#?+Nw}Cd2d2W1n)fOy=nb?|vle<ZpJ~4RRO>*_So`Hu9hv
z{xZa&Isuk`HL*nhKMg?S`>p(U;PVM1k{tW1uvh3em}*mWyZ;veK&0A!F4DyZou~O0
z@4Et6;?3(>t@LR7;dAp-*GEe9>NJF?Q?2X?FwvbKDo~|K4$IRxT!0$tv8qzk2<l6D
z?j&iaQ5!0tfxNiGZ;%24iW^kuVZ*k8i{_HRbo2D)>}wx~2IJW=lQ$xsdsdV`OCB29
zQfy^MTp2mD@hF-tcefD4<7oQx5wJf}u0KDjQFvm~**Naxn#s10QO#+L%yYnJQ$FGp
znF-6Bfw>?AUd{!0jSkP!R;x4_+FA)<$mVQVcZ4Vm<R^S>`#;JlbH_GDg-MLsQt=sX
zG-u?EtPlmLG|!vIjh&+)<0OeU0lG<}DKmRWTOMV_(hpsBv7c?!MhLqVaX*_3j_feF
ztSb`?WwYc(e=U||{x15}4qw8-vx09;`PF%YV$P)~@(T639pKU33QucxIDl>L?^?RW
z_E?GP-n&Gkyrgmo$@y@IwiY7Xf2(>2G)iz)+wg3M479QqO$QCR8$vj<c2OuVJz1Fe
zf6u0tC3Ug`&I1=6f*R0ap^j=bYWE#HDdGbY6EC#<5g^=^<T4=&-x<d(W6)kFGEbYO
z0$j%x!2{*xwW!!{WjoWo1Y=F}ByMhqLR{P9W5<;>q;}%)cgj+>0UZL!o7p924Wlr|
z-ijG~?FKeNo8eE2;HErh36%ltNw{SR-6bHveE0J|yJ*eIk5gY`y3VZ()ofE*;Z5O$
zlpG21Bf=BMG8t0O(y1*}O`|C4>#prlF(bS!vmjeXA#3Z9A#Pe6H!sC{2rz`7(VHV+
zs&>^B%O)A_hJrVriGF=UJHczmSDd*vm9!Mho*84i#&39|gJVxD?Ibo;aXpn(_x&yc
z^&8XWmb7$bj|)ISZ+L3W4(NGZ1C0AMwS4jF4w}jmwYj|@4yUhc6>jt=$hh9UbMcay
zt?Ezdd&?!nXN?OI>CS!^c!>pFecHA+f)z}ijWSkh$0hHGE6InKwhZU!pT?ON9_oc~
zPk(!j<Z;4$s%}Mnf5TCoak=DVYQ|r}>Gq1piJPc$99Z6IMSm8$=M7i=1E+|*i&0B^
z7$%$7)XNW~qI|gGvr?uqqi+Kx?&^>p%1c*iqV2ga)}QE$&BYf<&c%~7o9lV!swa6u
z2JOYknm%d6rCVV(C)NM)I{8PRIqE1{-{R<+Om0@L#Gz`<uXH!~CrZlfqT|!Nw^6Y5
zqm1;YR=J<s?tV3hRJi?b1{UTMO7XW2Ia&bHlOT#%h#f;%_9npJAtp0E9)0RZUelG0
z^n6eu+J?bU&L$=7Jsi*cEly?4=Jpu+ZU5LG9MT)H%M%8=`_m1#vbU@=_euF5&3~fd

literal 0
HcmV?d00001

diff --git a/components/layout/AiRanking/asset/ranking4.png b/components/layout/AiRanking/asset/ranking4.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b3c0adb169744c2e0383f1cac6c272bf281c7b7
GIT binary patch
literal 2520
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

literal 0
HcmV?d00001

diff --git a/packages/bigscreen/designer/config.js b/packages/bigscreen/designer/config.js
index eb4abc71..0ef74ffd 100644
--- a/packages/bigscreen/designer/config.js
+++ b/packages/bigscreen/designer/config.js
@@ -513,6 +513,31 @@ const components = [
               {name: '列2', v: 12, v2: 4},
               {name: '列2', v: 12, v2: 4}
             ]
+          },
+          {
+            type: 'AiRanking',
+            label: '排行榜',
+            title: '排行榜',
+            border: 'border6',
+            width: 523,
+            height: 400,
+            zIndex: 1,
+            thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/table.png',
+            dataX: '',
+            dataY: [],
+            rowNum: 7,
+            stripe: '1',
+            isShowIndex: '1',
+            sourceDataId: '',
+            api: '',
+            apiData: [],
+            dataType: 'staticData',
+            dynamicData: [],
+            staticData: [
+              { name: '列1', value: 23 },
+              { name: '列2', value: 12 },
+              { name: '列2', value: 12 }
+            ]
           }
         ]
       }