From 3ade163fbd0033774d0a5178a16398fb16003597 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 13 Oct 2023 18:10:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=B8=80=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E4=B8=B0=E9=83=BD=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/AiDvWrapper/AiDvWrapper.vue |   6 +-
 project/fengdu/AppBIBoard/AppBIBoard.vue      | 122 +++++++++++++++++-
 .../fengdu/AppBIBoard/assets/card-bottom.png  | Bin 0 -> 3243 bytes
 .../AppBIBoard/assets/card-label-icon.png     | Bin 0 -> 2213 bytes
 .../fengdu/AppBIBoard/assets/staPanel-bg.png  | Bin 0 -> 1620 bytes
 .../fengdu/AppBIBoard/components/fdCard.vue   |  41 ++++++
 .../AppBIBoard/components/fengduHead.vue      |  13 +-
 ui/packages/tools/AiEchart.vue                |   7 +-
 8 files changed, 175 insertions(+), 14 deletions(-)
 create mode 100644 project/fengdu/AppBIBoard/assets/card-bottom.png
 create mode 100644 project/fengdu/AppBIBoard/assets/card-label-icon.png
 create mode 100644 project/fengdu/AppBIBoard/assets/staPanel-bg.png
 create mode 100644 project/fengdu/AppBIBoard/components/fdCard.vue

diff --git a/components/layout/AiDvWrapper/AiDvWrapper.vue b/components/layout/AiDvWrapper/AiDvWrapper.vue
index fac46b3c..58870adf 100644
--- a/components/layout/AiDvWrapper/AiDvWrapper.vue
+++ b/components/layout/AiDvWrapper/AiDvWrapper.vue
@@ -11,7 +11,8 @@
         </div>
       </div>
     </dv-full-screen-container>
-    <ai-dialog :visible.sync="dialog" title="设置" @onConfirm="handleSetting" width="500px" class="settingDialog">
+    <ai-dialog :visible.sync="dialog" title="设置" @onConfirm="handleSetting" width="500px" class="settingDialog"
+               :modal="mask">
       <el-form size="mini">
         <el-form-item label="轮播频次">
           <el-input-number v-model="setting.splitViewTime" :min="0" controls-position="right"/>
@@ -48,7 +49,8 @@ export default {
      * 布局方案:black,classic,fengdu
      */
     type: {default: "black"},
-    background: {default: ""}
+    background: {default: ""},
+    mask: {default: true, type: Boolean}
   },
   computed: {
     active: {
diff --git a/project/fengdu/AppBIBoard/AppBIBoard.vue b/project/fengdu/AppBIBoard/AppBIBoard.vue
index 9effb1b0..f8c4e963 100644
--- a/project/fengdu/AppBIBoard/AppBIBoard.vue
+++ b/project/fengdu/AppBIBoard/AppBIBoard.vue
@@ -1,11 +1,44 @@
 <template>
   <section class="AppBIBoard" :class="{fullscreen}">
     <ai-fit-view>
-      <ai-dv-wrapper ref="fddv" title="丰收号-家庭互助" :instance="instance">
+      <ai-dv-wrapper ref="fddv" title="丰收号-家庭互助" :instance="instance" :mask="false">
         <template v-slot:head="head">
           <fengdu-head v-bind="head" @fullscreen="handleFullScreen" @setting="handleSetting"/>
         </template>
-        <ai-dv-viewer v-bind="$props"/>
+        <div class="left">
+          <fd-card label="社群动态概况">
+            <div class="grid c-2 pad-t14 pad-b20">
+              <div class="staPanel" v-for="(v,k) in sta" :key="k">
+                <div v-text="k"/>
+                <b v-text="v"/>
+              </div>
+              <div class="chart">
+                <div class="title">群活跃率（7日）</div>
+                <ai-echart :ops="chart" :data="chartData"/>
+              </div>
+              <div class="chart">
+                <div class="title">人员活跃（7日）</div>
+                <ai-echart :ops="chart" :data="chartData"/>
+              </div>
+            </div>
+          </fd-card>
+          <fd-card class="mar-t14" label="志愿者">
+
+          </fd-card>
+        </div>
+        <div class="center fill">
+          <fd-card label="实时动态">
+
+          </fd-card>
+        </div>
+        <div class="right">
+          <fd-card label="功德银行">
+
+          </fd-card>
+          <fd-card label="门户应用统计">
+
+          </fd-card>
+        </div>
       </ai-dv-wrapper>
     </ai-fit-view>
   </section>
@@ -13,18 +46,47 @@
 <script>
 import AiFitView from "dui/packages/layout/AiFitView.vue";
 import FengduHead from "./components/fengduHead.vue";
+import FdCard from "./components/fdCard.vue";
+import AiEchart from "dui/packages/tools/AiEchart.vue";
+import AiHighlight from "dui/packages/layout/AiHighlight.vue";
 
 export default {
   name: "AppBIBoard",
   label: "丰都指挥舱",
-  components: {FengduHead, AiFitView},
+  components: {AiHighlight, AiEchart, FdCard, FengduHead, AiFitView},
   props: {
     instance: Function,
     dict: Object
   },
   data() {
     return {
-      fullscreen: false
+      fullscreen: false,
+      sta: {
+        群总数: 5118,
+        群主人数: 956,
+        '活跃群成员(30天)': '214,098',
+        '群消息(30天)': '1,214,098',
+      },
+      chart: {
+        series: {
+          type: 'gauge',
+          startAngle: 90,
+          endAngle: -270,
+          center: ['50%', 74],
+          radius: 50,
+          progress: {
+            overlap: false,
+            roundCap: true,
+            clip: false,
+          },
+          splitLine: false,
+          axisTick: false,
+          axisLine: {
+            lineStyle: {width: 6}
+          }
+        }
+      },
+      chartData: []
     }
   },
   methods: {
@@ -39,6 +101,9 @@ export default {
 </script>
 <style scoped lang="scss">
 .AppBIBoard {
+  color: #CDDBEA;
+  font-size: 14px;
+
   &.fullscreen {
     position: fixed;
     z-index: 202310111819;
@@ -50,6 +115,55 @@ export default {
 
   :deep(.viewPanel) {
     background-image: url("./assets/img_bg.png");
+
+    & > .fill {
+      display: flex;
+      gap: 20px;
+      padding: 12px 24px 0;
+    }
+  }
+
+  .left, .right {
+    width: 480px;
+    flex-shrink: 0;
+  }
+
+  .grid {
+    display: grid;
+    gap: 14px;
+
+    &.c-2 {
+      grid-template-columns:1fr 1fr
+    }
+  }
+
+  .staPanel {
+    text-align: center;
+    font-size: 15px;
+    line-height: 20px;
+    background-size: 100% 100%;
+    background: url("./assets/staPanel-bg.png") no-repeat;
+    height: 80px;
+    padding-top: 14px;
+
+
+    & > b {
+      font-family: DINAlternate-Bold;
+      font-size: 22px;
+      color: #02FEFF;
+      letter-spacing: 0;
+      line-height: 36px;
+    }
+  }
+
+  .chart {
+    height: 200px;
+
+    .title {
+      padding-left: 10px;
+      line-height: 30px;
+      background-image: linear-gradient(270deg, #1f436600 0%, #245a7570 99%);
+    }
   }
 }
 </style>
diff --git a/project/fengdu/AppBIBoard/assets/card-bottom.png b/project/fengdu/AppBIBoard/assets/card-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1a7bd7a840ca19479a6b4dbe06c3a1a492d1658
GIT binary patch
literal 3243
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
CXAS!R

literal 0
HcmV?d00001

diff --git a/project/fengdu/AppBIBoard/assets/card-label-icon.png b/project/fengdu/AppBIBoard/assets/card-label-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..328682f736c19e614f34676a2c4d5221d5ef3feb
GIT binary patch
literal 2213
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

literal 0
HcmV?d00001

diff --git a/project/fengdu/AppBIBoard/assets/staPanel-bg.png b/project/fengdu/AppBIBoard/assets/staPanel-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a50fa39fd6d762c6cef6d10496fe42d74ba63a27
GIT binary patch
literal 1620
zcmeHI>pK$)99|mD7R_ax(q%GBVtPnvRBkgPa|vV2ogJ3TM!6Kn96Jq9luHtFOJy=F
zm$~LBOvN6Bg+xkjXS4{*WoQ4w`F=jU@B8U}pXdGkKD=p8c&q~W5EuXeDBx_ZU8E|I
z!U-fN<#gWkh*b7OyI?H=?7_ne0Dzn#&f3B?&PO;wV!8$&?h{F(2aB4|lh=cbNM1eJ
zrJ#y8;1pQ{gkH0ZW;whL_V;V`ayau2DaJT`&1U%c)9TV{+uV6%ine84c0;?)P~Feq
z*y2P}qv(fo=jY-Bgyp^MA21Ta>co=BVD<Ax@b#?fIP%&~ahlO3CA8-}WcHVPiy|x&
z%7{v>V^Dc_$hrEk2kmARCi$bMh)6v!?RHbAad*8n>N7;980Gg&36=H{S_9kK=xh@+
zUe7(r6SaLQRk~+~f%D?JiG5)IXR7fQ?5nW5*{Zw{pFx*qUx&9Fi=nJp)~ve9P?)`|
zc6q{+iJ6^PuKD@>*12L1p4MSvvOa3>h&eF`=CAiuiX(i_=;HgW5w;(?Lx}roJ|Yz=
zcN+X}Jh**46hD_ZW;|5=c#cBcN}^i1>$_zul6xj@0h~)8MOk4V7aUZ*wINIpk1ZSU
zGh8~6DDqx^?auteUYa>`h*ra~VFG7NEboSRt}vN1cpp*xe5WQY#9`1W@}kxa2<%y1
zG6Mi)=B~)QR3Vi1r)TvwMIK}wk-ThN*rEO*Xx$WDFy)DED*N=a#x!o1WFEyyeytKP
ziAF{&3d#*vvCIy`^I$9#EB*mej_U6Y-NcsavmJYz6eC&1?H;uE`@RqbT0?<>6TB4>
z&f(l}ftBwWl;k>beB?^ikH_CQFvx0CEp?<OB!}ZWu<$T|u59H>*9XF*DBdN)W1m{<
zm%eJB3p0ZfzFZqpIo4^1v9Btb+Oos@nB)&#AaI7;h=RNV*PmxYgs(^4Jl!No_VZq^
z7$l47vnAdoM?aw3r2!a$C)dEUWwGr0&}8lW^FBOpX%6*!tRE{6O;8J}^x;=SGA>a_
zS31JbwF}4|xf0@iRp7X6gt#ec;`{qNl@}1KVrmCzZ>0%)v42$%UHjr>aHwIpwh;)T
zlG61KI6i|$uaDm=+uRg)$5QCwHbHq-76CNvcdpveAWG=dI2dqu!#q&ryqzNwkRhB4
z!H)5=Ev_Ebg_xGg7{@^H6ga>b>cKIeI3XxYjO^rU?tZ)M|1v!?uOjvIcmi?Je84pE
zU{WuUbIJ!qU&o5}tqbFmthR+&x(0cSQw--!=kn}x4xWx`lZOr%)cpq1Bb5qsC_yWq
z2L2RPT{(%ln@=f(@bzr@XI5$To7^LgviXV`1WW0snz5JSmi@Qh9MIQbJbY5~sOxKd
zf0K?O2ogx|`XMcr5V$sNMEPfS#Y-1#=IbSlcc)C*EqKAEk1_MH8HCtYb1&~Utl|NM
z22>W=SyfN&+A4Ks;Hlb+?-YmPi)!tXS^0*Z#^^O3k|Q?3fw$pZk<A8t<=Vf@3%m5G
zi4AF2&G4Pzo0UrHy)txDDA&Q8R<sSIPVUj&)d5EA+Wwr9@EfCJL^%+u{~;(>Lx#B&
zp)(@~jL=Hvo`!%<%fnGfk0J(Ordtl)g-GV!_oJ%GFd-VrfE>U~KuV7%2#&f6khv_w
z%#c?jYbJB+_WW=9?}rGdc3h;z=*Sm~jvLX}_P$w*ozVlLE#Xcs+%m2AZ}+E@wEE7v
zpWI}_SfvHHS0hR)U4>tjb#Bp_hQ6aXwz{cJW_T<U1q-szjDo7?qnEFzCfD0=5j3lY
Z^~lu5OMc8XzL|6;05}ZZnr-Qq@-MKL&{hBd

literal 0
HcmV?d00001

diff --git a/project/fengdu/AppBIBoard/components/fdCard.vue b/project/fengdu/AppBIBoard/components/fdCard.vue
new file mode 100644
index 00000000..35a45751
--- /dev/null
+++ b/project/fengdu/AppBIBoard/components/fdCard.vue
@@ -0,0 +1,41 @@
+<template>
+  <section class="fdCard">
+    <div class="label flex">
+      <label class="fill" v-text="label"/>
+      <slot v-if="$slots.right" name="right"/>
+    </div>
+    <div class="content">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "fdCard",
+  props: {
+    label: String
+  },
+}
+</script>
+<style scoped lang="scss">
+.fdCard {
+  backdrop-filter: blur(8px);
+
+  .label {
+    display: block;
+    color: white;
+    background-image: url("../assets/card-label-icon.png"), url("../assets/card-bottom.png");
+    background-repeat: no-repeat;
+    height: 50px;
+    font-weight: 500;
+    font-size: 22px;
+    padding-left: 54px;
+    padding-top: 10px;
+    background-position: left top, left bottom;
+    background-size: 54px 42px, 100% 31px;
+  }
+  .content{
+    padding: 0 18px;
+  }
+}
+</style>
diff --git a/project/fengdu/AppBIBoard/components/fengduHead.vue b/project/fengdu/AppBIBoard/components/fengduHead.vue
index 65c50d1d..3a01751d 100644
--- a/project/fengdu/AppBIBoard/components/fengduHead.vue
+++ b/project/fengdu/AppBIBoard/components/fengduHead.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="fengduHead">
     <div class="content flex">
-      <ai-area class="fill" v-model="current" :mask="false">
+      <ai-area class="fill" v-model="current" :mask="false" :root="currentRoot">
         <template slot-scope="{areaname}">
           <el-input class="areaPicker" :value="areaname" readonly suffix-icon="el-icon-arrow-down"/>
         </template>
@@ -17,6 +17,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
   name: "fengduHead",
   model: {
@@ -30,9 +32,9 @@ export default {
     currentTime: {default: null}
   },
   computed: {
-    tabs: v => [
-      ...v.views,
-    ]
+    ...mapState(['user']),
+    currentRoot: v => v.user.info.areaId.substr(0, 6).padEnd(12, '0'),
+    tabs: v => [...v.views ]
   },
   data() {
     return {
@@ -57,6 +59,7 @@ export default {
     }
   },
   created() {
+    this.current = this.$copy(this.user.info.areaId)
     // this.getWeather()
   }
 }
@@ -77,7 +80,7 @@ export default {
   position: relative;
   background-repeat: no-repeat;
   background-image: url("../assets/bg-lighting.png");
-  background-position:top center;
+  background-position: top center;
 
   .content {
     height: 100%;
diff --git a/ui/packages/tools/AiEchart.vue b/ui/packages/tools/AiEchart.vue
index b503a617..c3a38af8 100644
--- a/ui/packages/tools/AiEchart.vue
+++ b/ui/packages/tools/AiEchart.vue
@@ -56,7 +56,7 @@ export default {
           colors = this.theme === '1' ? this.colors : (options.color || this.colors),
           legend = {textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14}},
           series = data?.[0] ? Array(Object.keys(data?.[0]).length - 1).fill(1)
-          .map((e, i) => ({type, ...(typeof style == 'object' ? style : style(colors[i]))})) : []
+              .map((e, i) => ({type, ...(typeof style == 'object' ? style : style(colors[i]))})) : []
       let ops = {
         tooltip: {},
         xAxis: {
@@ -141,8 +141,9 @@ export default {
     watchResize() {
       this.timer && clearInterval(this.timer)
       this.timer = setInterval(() => {
-        if (this.chart?.getHeight() != this.$refs.AiEchart?.clientHeight ||
-            this.chart?.getWidth() != this.$refs.AiEchart?.clientWidth) {
+        const {clientHeight, clientWidth} = this.$refs.AiEchart || {},
+            h = this.chart?.getHeight(), w = this.chart?.getWidth()
+        if (h != clientHeight || w != clientWidth) {
           this.chart?.resize()
         }
       }, 1000)