From 02b4ee96bf6bc902b75d146e0286f4403f5544d8 Mon Sep 17 00:00:00 2001 From: "zyc@123456" <784479659@qq.com> Date: Thu, 25 May 2023 18:57:17 +0800 Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E5=AD=90=E5=B7=A1=E6=9B=B4=E5=8E=BB?= =?UTF-8?q?=E6=8E=89=EF=BC=8C=E6=B6=88=E9=98=B2=E6=8A=A5=E8=AD=A6=E9=9A=90?= =?UTF-8?q?=E8=97=8F=EF=BC=8C=E5=8A=A0=E5=B8=83=E9=98=B2=E5=A4=A7=E5=B1=8F?= =?UTF-8?q?=EF=BC=8C=E6=9C=AA=E8=AF=BB=E6=B6=88=E6=81=AF=EF=BC=8C=E9=A6=96?= =?UTF-8?q?=E9=A1=B5=E5=8A=A0=E6=BB=9A=E5=8A=A8=E6=9D=A1=EF=BC=8C=E8=A7=86?= =?UTF-8?q?=E9=A2=91=E4=B8=AD=E5=BF=83=20=E5=9B=BE=E5=B1=82=E6=BB=9A?= =?UTF-8?q?=E5=8A=A8=E6=97=B6=20=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6?= =?UTF-8?q?=E7=9A=84div=E4=B8=8D=E5=8A=A8=EF=BC=8C=E6=B7=BB=E5=8A=A0echart?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/mark_b.png | Bin 0 -> 688 bytes src/assets/河北省/bd.json | 1 + src/assets/河北省/datas.json | 1 + src/assets/河北省/邢台市/USA.json | 54 + src/assets/河北省/邢台市/geojson.json | 1 + src/views/daping/daping.vue | 2671 +++++++++++++++++ src/views/dashboard/components/BarChart.vue | 203 ++ .../dashboard/components/BarChartchild.vue | 207 ++ .../components/BarChartchildxunlian.vue | 254 ++ .../dashboard/components/BarChartmixed.vue | 265 ++ src/views/dashboard/components/BarCharts.vue | 239 ++ .../dashboard/components/BarChartsone.vue | 254 ++ .../dashboard/components/BarChartsrenyuan.vue | 282 ++ .../components/BarChartsrenyuanHome.vue | 282 ++ .../dashboard/components/BarChartsyichang.vue | 272 ++ .../components/BarChartsyichangHome.vue | 277 ++ src/views/dashboard/components/ECharts.vue | 103 + src/views/dashboard/components/HomeMap.vue | 494 +++ src/views/dashboard/components/LineChart.vue | 185 ++ .../components/LineChartFuWuPaiDan.vue | 234 ++ src/views/dashboard/components/LineCharts.vue | 235 ++ .../dashboard/components/LineChartsHuJiao.vue | 132 + .../components/LineChartsHuJiaoZhongXin.vue | 163 + src/views/dashboard/components/PieChart.vue | 263 ++ .../dashboard/components/PieChartchild.vue | 237 ++ .../dashboard/components/PieChartpies.vue | 264 ++ .../dashboard/components/PieChartrand.vue | 267 ++ .../components/PieChartrenZhanbiHome.vue | 391 +++ .../dashboard/components/PieChartrenyuan.vue | 301 ++ .../components/PieChartrenyuanHome.vue | 299 ++ .../dashboard/components/PieChartrenyuanb.vue | 316 ++ .../components/PieChartrenyuanbHome.vue | 275 ++ .../components/PieChartrenyuantuoyang.vue | 276 ++ src/views/dashboard/components/SexCharts.vue | 202 ++ .../dashboard/components/YibiaoChartJibu.vue | 181 ++ .../dashboard/components/mixins/resize.js | 56 + src/views/dashboard/index.vue | 58 + src/views/index.vue | 584 ++-- src/views/xiaoxi/xiaoxiInfo.vue | 139 + src/views/xiaoxi/xiaoxiList.vue | 476 +++ 40 files changed, 11114 insertions(+), 280 deletions(-) create mode 100644 src/assets/mark_b.png create mode 100644 src/assets/河北省/bd.json create mode 100644 src/assets/河北省/datas.json create mode 100644 src/assets/河北省/邢台市/USA.json create mode 100644 src/assets/河北省/邢台市/geojson.json create mode 100644 src/views/daping/daping.vue create mode 100644 src/views/dashboard/components/BarChart.vue create mode 100644 src/views/dashboard/components/BarChartchild.vue create mode 100644 src/views/dashboard/components/BarChartchildxunlian.vue create mode 100644 src/views/dashboard/components/BarChartmixed.vue create mode 100644 src/views/dashboard/components/BarCharts.vue create mode 100644 src/views/dashboard/components/BarChartsone.vue create mode 100644 src/views/dashboard/components/BarChartsrenyuan.vue create mode 100644 src/views/dashboard/components/BarChartsrenyuanHome.vue create mode 100644 src/views/dashboard/components/BarChartsyichang.vue create mode 100644 src/views/dashboard/components/BarChartsyichangHome.vue create mode 100644 src/views/dashboard/components/ECharts.vue create mode 100644 src/views/dashboard/components/HomeMap.vue create mode 100644 src/views/dashboard/components/LineChart.vue create mode 100644 src/views/dashboard/components/LineChartFuWuPaiDan.vue create mode 100644 src/views/dashboard/components/LineCharts.vue create mode 100644 src/views/dashboard/components/LineChartsHuJiao.vue create mode 100644 src/views/dashboard/components/LineChartsHuJiaoZhongXin.vue create mode 100644 src/views/dashboard/components/PieChart.vue create mode 100644 src/views/dashboard/components/PieChartchild.vue create mode 100644 src/views/dashboard/components/PieChartpies.vue create mode 100644 src/views/dashboard/components/PieChartrand.vue create mode 100644 src/views/dashboard/components/PieChartrenZhanbiHome.vue create mode 100644 src/views/dashboard/components/PieChartrenyuan.vue create mode 100644 src/views/dashboard/components/PieChartrenyuanHome.vue create mode 100644 src/views/dashboard/components/PieChartrenyuanb.vue create mode 100644 src/views/dashboard/components/PieChartrenyuanbHome.vue create mode 100644 src/views/dashboard/components/PieChartrenyuantuoyang.vue create mode 100644 src/views/dashboard/components/SexCharts.vue create mode 100644 src/views/dashboard/components/YibiaoChartJibu.vue create mode 100644 src/views/dashboard/components/mixins/resize.js create mode 100644 src/views/dashboard/index.vue create mode 100644 src/views/xiaoxi/xiaoxiInfo.vue create mode 100644 src/views/xiaoxi/xiaoxiList.vue diff --git a/src/assets/mark_b.png b/src/assets/mark_b.png new file mode 100644 index 0000000000000000000000000000000000000000..b94f38d782988f8eee6cba973e44beedcd179c53 GIT binary patch literal 688 zcmV;h0#E&kP)&1#M0DkbDLW=@9ryNU~_GIcktukx$o=xF$V7=5K$TyXJiLsWyY8p zCh_<5V~+iLy)_qecX$)i&crP41T}b*)Hp=cILz>gJLcFUhy1#-dPit0<1_ciso@S6 zhckmca-1J!wylwwx|TLFBlYeTvT!h0kmufWW^+nb*STmn^+m}%M0tZA`UIJ=V}3gm zGx7gX$IE;{4}Ew9v3>5M*t1N=+pCg6pFLK=(Dr3i99SXIo0JUt@Cb+OGjoQUKgi(y zB^mVDGb_~Erjxa|eo~>pBj~RMm-T}Q(z9JE=(8s*=&lCFb*>2Mcp#bn2(jmlpuO_m zt#!=PK~G#VTE_yh$0HoLG^MGr1xe#skqr9q{P_ZETHcNA@0_LTfmq(4hkojF(pV=; zn7G;%Cbc`7GsvTdeo6+aFHE$l?VqTsKbkYhqnGvssn3sZVFIeIue8q<$qI7Fqn9QF zRn4ytt1eHGvTr#n$RVHcr3I>UFGni*=U4QGGlD(me8~S-w)gA{C6g@g4N)erM=q-j zRGxWux55@6MbGy%FvlLboMg(=Ps^B9`Hdy|7tFEGSqAnr`R|ps21(}pmI8OovCm6Z ze(H&+XnsY-&czhCW1hFH?4)l4^Rc+&GwtqPAe^{kp0^ArPCT~BtZ%7^Uj>|eZ^c}a ztn~P!QhAe~cJdR26L-lnP;%_yhobA#gcJ9IWb&gA26weg63&8UvLp9JCd3%CWq$+T W^GD4;pv(CH0000 + +
+ + +
+
+
+ +
+
+ +
{{liebiaovisible?"平台实时连接状况":"平台实时连接状况"}}
+
+
+
    +
  • + +
    +
    信都区
    +
    +
    +     +
    • +
  • + +
    +
    襄都区
    +
    +
    +     +
    • +
  • + +
    +
    经济开发区
    +
    +
    +     +
    • +
  • + +
    +
    邢东新区
    +
    +
    +     +
    • +
  • + +
    +
    任泽区
    +
    +
    +     +
    • +
  • + +
    +
    南和区
    +
    +
    +     +
    • +
  • + +
    +
    沙河市
    +
    +
    +     +
    • +
  • + +
    +
    南宫市
    +
    +
    +     +
    • +
  • + +
    +
    临西县
    +
    +
    +     +
    • +
  • + +
    +
    清河县
    +
    +
    +     +
    • +
  • + +
    +
    威县
    +
    +
    +     +
    • +
  • + +
    +
    平乡县
    +
    +
    +     +
    • +
  • + +
    +
    广宗县
    +
    +
    +     +
    • +
  • + +
    +
    新河县
    +
    +
    +     +
    • +
  • + +
    +
    巨鹿县
    +
    +
    +     +
    • +
  • + +
    +
    宁晋县
    +
    +
    +     +
    • +
  • + +
    +
    隆尧县
    +
    +
    +     +
    • +
  • + +
    +
    柏乡县
    +
    +
    +     +
    • +
  • + +
    +
    内丘县
    +
    +
    +     +
    • +
  • + +
    +
    临城县
    +
    +
    +     +
    • +
+
+
+
+
汇融云眼贷后监管平台
+
2023-05-23 08:15:26 + + + 返回首页 +
+ {{name}}管理员 + +
+ + + + 回首页 + + + 退出 + + + +
+
+
+ + +
+
+
视频监控
+
+
+
+
+

226

+ 家 +
+
养老机构数量
+
+
+
+

21716

+ 张 +
+
床位数
+
+
+
+

12351

+ 人 +
+
入住老人数
+
+
+
+ +
+
+ 机构床位统计 +
+
+ +
+
+ +
+
+ + 在院老人年龄统计 +
+
+ +
+
+ +
+
+ 机构等级统计 +
+
+ +
+
+
+ + +
+ +
设备台账 + +
+
+
+
+
+

668

+ 个 +
+
服务机构数量
+
+
+
+

1392

张 +
+
床位总数
+
+
+
+

185732

+ 人 +
+
社区老人数量
+
+ +
+
+ +
+
+ 老人各年龄段 +
+
+ +
+
+ +
+
+ 性别占比 +
+
+ +
+
+ +
+
+ 服务机构运营 +
+
+ +
+
+
+ +
+ + +
+ +
+
+
+
+
公办养老机构39家
+
床位数4575张
+
+
+
+
+
+
社会办养老机构187家
+
床位数17141张
+
+
+
+
+
+
等级养老169家
+
+
+
+
+
+
幸福院4827家
+
床位24953张
+
+
+ + + + + +
+ +
+ 全市老年人人口 + 237.0406 + 万人 +
+
+
+
+ +
+
+
+
+
+ +
+
+ + +
+ +
+
+ +
+
+
+
+
最新要闻
+
+
+
+
+
{{item.title}}
+
{{item.createTime.substr(0,10)}}
+
+
+
+
+
+ +
+ +
+
+ 各区县市养老机构个数统计 +
+
+ +
+
+
+
各区县市社区居家养老机构数量排行
+
+ +
+
+
+ +
+ + + + + + 旧密码： + + + + + + + + + + 新密码： + + + + + + + + 确认密码： + + + + + +
+ 确定 + 取消 + +
+ +
+
+ + + + diff --git a/src/views/dashboard/components/BarChart.vue b/src/views/dashboard/components/BarChart.vue new file mode 100644 index 0000000..ab61770 --- /dev/null +++ b/src/views/dashboard/components/BarChart.vue @@ -0,0 +1,203 @@ + + + diff --git a/src/views/dashboard/components/BarChartchild.vue b/src/views/dashboard/components/BarChartchild.vue new file mode 100644 index 0000000..fdf568d --- /dev/null +++ b/src/views/dashboard/components/BarChartchild.vue @@ -0,0 +1,207 @@ + + + diff --git a/src/views/dashboard/components/BarChartchildxunlian.vue b/src/views/dashboard/components/BarChartchildxunlian.vue new file mode 100644 index 0000000..fc3b8e5 --- /dev/null +++ b/src/views/dashboard/components/BarChartchildxunlian.vue @@ -0,0 +1,254 @@ + + + diff --git a/src/views/dashboard/components/BarChartmixed.vue b/src/views/dashboard/components/BarChartmixed.vue new file mode 100644 index 0000000..98eb304 --- /dev/null +++ b/src/views/dashboard/components/BarChartmixed.vue @@ -0,0 +1,265 @@ + + + diff --git a/src/views/dashboard/components/BarCharts.vue b/src/views/dashboard/components/BarCharts.vue new file mode 100644 index 0000000..6eee660 --- /dev/null +++ b/src/views/dashboard/components/BarCharts.vue @@ -0,0 +1,239 @@ + + + diff --git a/src/views/dashboard/components/BarChartsone.vue b/src/views/dashboard/components/BarChartsone.vue new file mode 100644 index 0000000..602782d --- /dev/null +++ b/src/views/dashboard/components/BarChartsone.vue @@ -0,0 +1,254 @@ + + + diff --git a/src/views/dashboard/components/BarChartsrenyuan.vue b/src/views/dashboard/components/BarChartsrenyuan.vue new file mode 100644 index 0000000..d31aef3 --- /dev/null +++ b/src/views/dashboard/components/BarChartsrenyuan.vue @@ -0,0 +1,282 @@ + + + diff --git a/src/views/dashboard/components/BarChartsrenyuanHome.vue b/src/views/dashboard/components/BarChartsrenyuanHome.vue new file mode 100644 index 0000000..d31aef3 --- /dev/null +++ b/src/views/dashboard/components/BarChartsrenyuanHome.vue @@ -0,0 +1,282 @@ + + + diff --git a/src/views/dashboard/components/BarChartsyichang.vue b/src/views/dashboard/components/BarChartsyichang.vue new file mode 100644 index 0000000..4cab9d6 --- /dev/null +++ b/src/views/dashboard/components/BarChartsyichang.vue @@ -0,0 +1,272 @@ + + + diff --git a/src/views/dashboard/components/BarChartsyichangHome.vue b/src/views/dashboard/components/BarChartsyichangHome.vue new file mode 100644 index 0000000..7e6dc31 --- /dev/null +++ b/src/views/dashboard/components/BarChartsyichangHome.vue @@ -0,0 +1,277 @@ + + + diff --git a/src/views/dashboard/components/ECharts.vue b/src/views/dashboard/components/ECharts.vue new file mode 100644 index 0000000..43697c9 --- /dev/null +++ b/src/views/dashboard/components/ECharts.vue @@ -0,0 +1,103 @@ + + + diff --git a/src/views/dashboard/components/HomeMap.vue b/src/views/dashboard/components/HomeMap.vue new file mode 100644 index 0000000..64a3dc7 --- /dev/null +++ b/src/views/dashboard/components/HomeMap.vue @@ -0,0 +1,494 @@ + + + diff --git a/src/views/dashboard/components/LineChart.vue b/src/views/dashboard/components/LineChart.vue new file mode 100644 index 0000000..f96f91b --- /dev/null +++ b/src/views/dashboard/components/LineChart.vue @@ -0,0 +1,185 @@ + + + diff --git a/src/views/dashboard/components/LineChartFuWuPaiDan.vue b/src/views/dashboard/components/LineChartFuWuPaiDan.vue new file mode 100644 index 0000000..4cc0c6d --- /dev/null +++ b/src/views/dashboard/components/LineChartFuWuPaiDan.vue @@ -0,0 +1,234 @@ + + + diff --git a/src/views/dashboard/components/LineCharts.vue b/src/views/dashboard/components/LineCharts.vue new file mode 100644 index 0000000..745fb8c --- /dev/null +++ b/src/views/dashboard/components/LineCharts.vue @@ -0,0 +1,235 @@ + + + diff --git a/src/views/dashboard/components/LineChartsHuJiao.vue b/src/views/dashboard/components/LineChartsHuJiao.vue new file mode 100644 index 0000000..915fbae --- /dev/null +++ b/src/views/dashboard/components/LineChartsHuJiao.vue @@ -0,0 +1,132 @@ + + + diff --git a/src/views/dashboard/components/LineChartsHuJiaoZhongXin.vue b/src/views/dashboard/components/LineChartsHuJiaoZhongXin.vue new file mode 100644 index 0000000..98f3db6 --- /dev/null +++ b/src/views/dashboard/components/LineChartsHuJiaoZhongXin.vue @@ -0,0 +1,163 @@ + + + diff --git a/src/views/dashboard/components/PieChart.vue b/src/views/dashboard/components/PieChart.vue new file mode 100644 index 0000000..372f182 --- /dev/null +++ b/src/views/dashboard/components/PieChart.vue @@ -0,0 +1,263 @@ + + + diff --git a/src/views/dashboard/components/PieChartchild.vue b/src/views/dashboard/components/PieChartchild.vue new file mode 100644 index 0000000..ecb2f31 --- /dev/null +++ b/src/views/dashboard/components/PieChartchild.vue @@ -0,0 +1,237 @@ + + + diff --git a/src/views/dashboard/components/PieChartpies.vue b/src/views/dashboard/components/PieChartpies.vue new file mode 100644 index 0000000..28c94b3 --- /dev/null +++ b/src/views/dashboard/components/PieChartpies.vue @@ -0,0 +1,264 @@ + + + diff --git a/src/views/dashboard/components/PieChartrand.vue b/src/views/dashboard/components/PieChartrand.vue new file mode 100644 index 0000000..83c0bbf --- /dev/null +++ b/src/views/dashboard/components/PieChartrand.vue @@ -0,0 +1,267 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenZhanbiHome.vue b/src/views/dashboard/components/PieChartrenZhanbiHome.vue new file mode 100644 index 0000000..7cc431d --- /dev/null +++ b/src/views/dashboard/components/PieChartrenZhanbiHome.vue @@ -0,0 +1,391 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenyuan.vue b/src/views/dashboard/components/PieChartrenyuan.vue new file mode 100644 index 0000000..7efb304 --- /dev/null +++ b/src/views/dashboard/components/PieChartrenyuan.vue @@ -0,0 +1,301 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenyuanHome.vue b/src/views/dashboard/components/PieChartrenyuanHome.vue new file mode 100644 index 0000000..9a580d6 --- /dev/null +++ b/src/views/dashboard/components/PieChartrenyuanHome.vue @@ -0,0 +1,299 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenyuanb.vue b/src/views/dashboard/components/PieChartrenyuanb.vue new file mode 100644 index 0000000..688da27 --- /dev/null +++ b/src/views/dashboard/components/PieChartrenyuanb.vue @@ -0,0 +1,316 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenyuanbHome.vue b/src/views/dashboard/components/PieChartrenyuanbHome.vue new file mode 100644 index 0000000..f149eef --- /dev/null +++ b/src/views/dashboard/components/PieChartrenyuanbHome.vue @@ -0,0 +1,275 @@ + + + diff --git a/src/views/dashboard/components/PieChartrenyuantuoyang.vue b/src/views/dashboard/components/PieChartrenyuantuoyang.vue new file mode 100644 index 0000000..651d7fe --- /dev/null +++ b/src/views/dashboard/components/PieChartrenyuantuoyang.vue @@ -0,0 +1,276 @@ + + + diff --git a/src/views/dashboard/components/SexCharts.vue b/src/views/dashboard/components/SexCharts.vue new file mode 100644 index 0000000..a46c5cc --- /dev/null +++ b/src/views/dashboard/components/SexCharts.vue @@ -0,0 +1,202 @@ + + + diff --git a/src/views/dashboard/components/YibiaoChartJibu.vue b/src/views/dashboard/components/YibiaoChartJibu.vue new file mode 100644 index 0000000..791e531 --- /dev/null +++ b/src/views/dashboard/components/YibiaoChartJibu.vue @@ -0,0 +1,181 @@ + + + diff --git a/src/views/dashboard/components/mixins/resize.js b/src/views/dashboard/components/mixins/resize.js new file mode 100644 index 0000000..bcd17bf --- /dev/null +++ b/src/views/dashboard/components/mixins/resize.js @@ -0,0 +1,56 @@ +import { debounce } from '@/utils' + +export default { + data() { + return { + $_sidebarElm: null + } + }, + mounted() { + this.$_initResizeEvent() + this.$_initSidebarResizeEvent() + }, + beforeDestroy() { + this.$_destroyResizeEvent() + this.$_destroySidebarResizeEvent() + }, + // to fixed bug when cached by keep-alive + // https://github.com/PanJiaChen/vue-element-admin/issues/2116 + activated() { + this.$_initResizeEvent() + this.$_initSidebarResizeEvent() + }, + deactivated() { + this.$_destroyResizeEvent() + this.$_destroySidebarResizeEvent() + }, + methods: { + // use $_ for mixins properties + // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential + $_resizeHandler() { + return debounce(() => { + if (this.chart) { + this.chart.resize() + } + }, 100)() + }, + $_initResizeEvent() { + window.addEventListener('resize', this.$_resizeHandler) + }, + $_destroyResizeEvent() { + window.removeEventListener('resize', this.$_resizeHandler) + }, + $_sidebarResizeHandler(e) { + if (e.propertyName === 'width') { + this.$_resizeHandler() + } + }, + $_initSidebarResizeEvent() { + this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0] + this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler) + }, + $_destroySidebarResizeEvent() { + this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler) + } + } +} diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue new file mode 100644 index 0000000..50ecd94 --- /dev/null +++ b/src/views/dashboard/index.vue @@ -0,0 +1,58 @@ + + + + diff --git a/src/views/index.vue b/src/views/index.vue index 48a0e16..0ad2e13 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -86,28 +86,28 @@
视频监控
- +
门禁管理
- +
- +
电子围栏
- +
电子巡更
- +
@@ -179,46 +179,115 @@ import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuan' // 1.1入侵报警饼图 const ruqinbaojing_Chart = { - // seriesName: '入侵报警', - unit: '次', - color: ['#fe7f02', '#049f51', '#fdc004'], - Data: { - seriesData: [ - { value: 39, name: '正常' }, - { value: 16, name: '离线' }, - { value: 12, name: '报警' } - ] - }, - label: { - normal: { - position: 'inner', - show: false - } - }, + // seriesName: '入侵报警', + unit: '次', + color: ['#34ffff', '#34abff', '#4c6eff'], + Data: { + seriesData: [ + { value: 56, name: '正常' }, + { value: 39, name: '离线' }, + { value: 28, name: '报警' } + ] + }, + label: { + normal: { + position: 'inner', + show: false + } + }, - // radius: ['50%', '55%'] - } + // radius: ['50%', '55%'] +} // 1.2视频监控饼图 const shipinjiankong_Chart = { - // seriesName: '视频监控', - unit: '次', - color: ['#fe7f02', '#049f51', '#fdc004'], - Data: { - seriesData: [ - { value: 39, name: '正常' }, - { value: 16, name: '离线' }, - // { value: 12, name: '报警' } - ] - }, - label: { - normal: { - position: 'inner', - show: false - } - }, + // seriesName: '视频监控', + unit: '次', + color: ['#fe7f02', '#049f51', '#fdc004'], + Data: { + seriesData: [ + { value: 39, name: '正常' }, + { value: 19, name: '离线' }, + // { value: 12, name: '报警' } + ] + }, + label: { + normal: { + position: 'inner', + show: false + } + }, + + // radius: ['50%', '55%'] +} + // 1.3门禁管理饼图 + const menjinguanli_Chart = { + // seriesName: '门禁管理', + unit: '次', + color: [ '#FCCE10', + '#E87C25', + '#C1232B'], + Data: { + seriesData: [ + { value: 28, name: '正常' }, + { value: 22, name: '离线' }, + { value:18, name: '报警' } + ] + }, + label: { + normal: { + position: 'inner', + show: false + } + }, + + // radius: ['50%', '55%'] +} + // 1.4电子围栏饼图 + const dianziweilan_Chart = { + // seriesName: '电子围栏', + unit: '次', + color: ['#9BCA63', + '#FAD860', + '#F3A43B'], + Data: { + seriesData: [ + { value: 24, name: '正常' }, + { value: 8, name: '离线' }, + { value: 16, name: '报警' } + ] + }, + label: { + normal: { + position: 'inner', + show: false + } + }, + + // radius: ['50%', '55%'] +} + // 1.电子巡更饼图 + const dianzixungeng_Chart = { + // seriesName: '电子巡更', + unit: '次', + color: ['#60C0DD', + '#D7504B', + '#C6E579'], + Data: { + seriesData: [ + { value: 39, name: '正常' }, + { value: 16, name: '离线' }, + { value: 12, name: '报警' } + ] + }, + label: { + normal: { + position: 'inner', + show: false + } + }, - // radius: ['50%', '55%'] - } + // radius: ['50%', '55%'] +} export default { name: 'index', components: { @@ -233,7 +302,10 @@ data() { return { ruqinbaojing_Chart: ruqinbaojing_Chart, // 1.1 - shipinjiankong_Chart: shipinjiankong_Chart, + shipinjiankong_Chart:shipinjiankong_Chart, + menjinguanli_Chart: menjinguanli_Chart, + dianziweilan_Chart: dianziweilan_Chart, + dianzixungeng_Chart: dianzixungeng_Chart, token: '', Datalista: [ { title: '您有新任务了', createTime: '2023-05-23' }, @@ -286,248 +358,200 @@ \ No newline at end of file + background-color: #07C160; + } + .iconbox_blue { + background-color: #3f9bfa; + } + .iconbox_zi { + background-color: #6421ff; + } + + .iconbox_fen { + background-color: #9b2efb; + } +.tops .topbox .mids .rights {flex: 1; + padding: 2px 0 2px 10px; +} +.tops .topbox .mids .rights .note { + color: #333; + font-size: 14px; + padding: 0 0 3px 0; +} +.tops .topbox .mids .rights .note span { + font-size: 20px; + padding: 0 5px; +} + +/* 饼图部分 */ +.tbars { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start;align-items: flex-start; + margin: 0; + padding: 20px 0 0 0; +} +.tbar { + width: 25%; + margin: 0 20px 0 0; + background-color: #fff; + box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; + padding: 10px; +} +.tbar:last-of-type { + margin: 0; +} +.tbar0 { + border-bottom: 0px solid #032ab8; +} +.tbar .title { + font-size: 20px; + padding: 10px 20px; + font-weight: bold; color: #333;font-size: 16px; + border-bottom: 1px solid #ececee; +} +.tbar .title span { + padding: 0 10px 0 0; +} +.tbar .bar { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start;align-items: center; + margin: 0; + padding: 0px; + height: 190px; + +} +.con { + padding: 20px 0; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-around; +} +.news { + width: 25%; + margin: 0 20px 0 0; + background-color: #fff; + box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; + padding: 10px; +} +.news:last-of-type { + margin: 0; +} +.news .title { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + padding: 10px 10px 10px 20px; + border-bottom: 1px solid #ececee; +} + +.news .title .newstits { + font-weight: bold; color: #333;font-size: 16px; +} + +.news .title .more {text-align: right; + cursor: pointer;color: #6c6a6a;font-size: 14px; +} + +.news .content { + padding: 10px 0; + height: 210px; + overflow: hidden; +} + +.news .content .newsli { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + margin: 0px 0px; + padding: 5px 10px; + border-bottom: 1px solid #ececee; +} +.news .content .newsli .dot { + padding: 0px 8px 0 0; + font-size: 18px; + height: 25px; + line-height: 25px;color: #047cf7; +} +.news .content .newsli .tit { + padding: 0px 0; + font-size: 14px; + flex: 3; + height: 25px; + overflow: hidden; + line-height: 25px; + cursor: pointer; +} + +// .news .content .newsli .tel{padding: 10px 0;color: #84d1f5;flex: 1;text-align: center;} +.news .content .newsli .time { + padding: 0px 0; + color: #666666; + text-align: right;font-size: 14px; + width: 100px; + height: 25px; + line-height: 25px; +} + diff --git a/src/views/xiaoxi/xiaoxiInfo.vue b/src/views/xiaoxi/xiaoxiInfo.vue new file mode 100644 index 0000000..1f67d1a --- /dev/null +++ b/src/views/xiaoxi/xiaoxiInfo.vue @@ -0,0 +1,139 @@ + + + + + diff --git a/src/views/xiaoxi/xiaoxiList.vue b/src/views/xiaoxi/xiaoxiList.vue new file mode 100644 index 0000000..b589d1f --- /dev/null +++ b/src/views/xiaoxi/xiaoxiList.vue @@ -0,0 +1,476 @@ + + + + +