From 0fd4524c6e852eef3860bc29ff38811df3d21388 Mon Sep 17 00:00:00 2001 From: lucky Date: Mon, 14 Dec 2020 19:48:55 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A7=B0=E9=87=8D=E4=BC=A0=E6=84=9F=E5=99=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 4 +- .env.production | 4 +- README.md | 2 +- package-lock.json | 2 +- package.json | 2 +- src/assets/cz-bg.png | Bin 0 -> 1092 bytes src/assets/cz-bg1.png | Bin 0 -> 1124 bytes src/assets/rfid-bg-active.png | Bin 0 -> 2803 bytes src/assets/rfid-bg.png | Bin 0 -> 1983 bytes src/common/index.styl | 21 +++ src/common/portrait.styl | 19 ++ src/components/LoadCells/LoadCells.vue | 121 +++++++++++++ src/components/RFID/RFID++.vue | 98 +++++++++++ src/components/RFID/RFID.js | 108 ++++++++++++ src/components/RFID/RFID.vue | 232 +++++++++++++++++++++++++ src/views/Index/Index.vue | 53 ++++-- 16 files changed, 644 insertions(+), 22 deletions(-) create mode 100644 src/assets/cz-bg.png create mode 100644 src/assets/cz-bg1.png create mode 100644 src/assets/rfid-bg-active.png create mode 100644 src/assets/rfid-bg.png create mode 100644 src/components/LoadCells/LoadCells.vue create mode 100644 src/components/RFID/RFID++.vue create mode 100644 src/components/RFID/RFID.js create mode 100644 src/components/RFID/RFID.vue diff --git a/.env.development b/.env.development index b838958..8bb3b82 100644 --- a/.env.development +++ b/.env.development @@ -6,5 +6,5 @@ VUE_APP_API_URL=http://www.sxwikionline.com/gateway VUE_APP_PROXY_URL=/gateway VUE_APP_PUBLIC_PATH=/greenvalley VUE_APP_MSG_URL=wss://test.tall.wiki/websocket/message/v4.0/ws -VUE_APP_TITLE=绿谷在线 -VUE_APP_DESCRIPTION=绿谷在线管理后台 +VUE_APP_TITLE=盐湖区人民医院数字看板 +VUE_APP_DESCRIPTION=盐湖区人民医院数字看板 diff --git a/.env.production b/.env.production index 288ae87..0880a18 100644 --- a/.env.production +++ b/.env.production @@ -6,5 +6,5 @@ VUE_APP_API_URL=http://www.sxwikionline.com/gateway VUE_APP_PROXY_URL=/gateway VUE_APP_PUBLIC_PATH=/greenvalley VUE_APP_MSG_URL=wss://www.tall.wiki/websocket/message/v4.0/ws -VUE_APP_TITLE=绿谷在线 -VUE_APP_DESCRIPTION=绿谷在线管理后台 +VUE_APP_TITLE=盐湖区人民医院数字看板 +VUE_APP_DESCRIPTION=盐湖区人民医院数字看板 diff --git a/README.md b/README.md index b9d12b6..efc5c7e 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# green-valley +# 盐湖区人民医院数字看板 ## Project setup ``` diff --git a/package-lock.json b/package-lock.json index 1de62b0..a81377c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "green-valley", + "name": "盐湖区人民医院数字看板", "version": "0.1.0", "lockfileVersion": 1, "requires": true, diff --git a/package.json b/package.json index 2e3d3ee..56f9d59 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "green-valley", + "name": "salt-lake-hospital", "version": "0.1.0", "private": true, "scripts": { diff --git a/src/assets/cz-bg.png b/src/assets/cz-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..8b503e8698adb8bf7911402c0b8b7440693b07df GIT binary patch literal 1092 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 oxM-!DCw#j-xLcejnop2ufl5chdPZjv(xuBG zz=)?(>KuV2U)@RLdT+$u|#wiW>FepLZk*&!3?=hsf80@ zr6xPG3lq7Y6dCg%m zUPG`9G4t1;k`?g`32KBHd^SH+4S->c4MH}^2g3wl2!jiNJPyF)fV@zU3jsn1$ z+J@*gsKpfg8m>@4a=i&t>eaAZDrVvWYy{CjKr}C$CyNAmQmF(4qoX3Fk>LWVBpd+w zk`3Sn**sT@s?9oBkIi#6zj3(>a-EZ)GvJ=3uo20EH8LZrW4z87LKcigC|gkP4Og>p zEWmjyw?6OczLN~qTrUtsjV+>ueTkG8@Wt$1^zj5^PH-! zxu>CjU|@3i;Nza>jTjfc>`DCjG`P?Pl4#0=k&vb-|Ux9n_C?#Q2^R<5Tml^pgQxjpDR_~3ryjjP1y zv~T+y?d738z0-Vkrn05!n;R~h;=bOU5>Gg_HSNXww!t~k>@VyOS^L1arS}`DMQZob zV7J(#?bRmQ@YSJ7ZR+8MceJ!T@<@3h6YwW_ezXF9WF-O}LqAB5T&eLia5s-@LL&cQ zqY%}OUK-@ry!y#janHTs?cUnI1d-jcI)Y0;|AWs)BZDb^!n52xQ9iVpG*LNi$Y+SY z*u9k$=;C2Cec%A5^l!DB!8*=$9d zgFhO!v&~MrtC*@!sQsp(pmN~!gDIpaD8fXW`Y5lT{)tUlNFiG;{&A1}T4R3D$J3K9 zM+4{NFB;xqw;ehz9$S_8F2{eDcOBaO{*~wJWi_m*HB_gauWAbam{Qu*bm`If~I@(Nmp=4)4pqAopxM?M<%2t$gv=4)ti&zWAn3pZ%Q5 zGKdaDP>)_Xr&H&HUp87%Rel}%7=67`N5K`Co)wMrWa?e^r z`j%y{Za!iD(QBpBHdHYKwsd*KGrcyB3+UOP<8M9{YdVi8^(|lwJn7N8mFn90bu7#0 z)Pd*J;!gx_!M1C2eSf{zU%TT1d+&|b#D<5}l#(MrSWAB0cl6Ix_kMWfVt-dKzIUU4 zB^)-x2Jyjs_jWEAe$;vxyn+uP`}(>W6C0a?tV*1_EHt*Tuqs} z0cRtUI(mibGO@4wSLS>(XowUIk{UF8f9o6wo{D iz+I?l3u){GVG$u!YrVa#-E4FIQsvQc()y^h{Qm%fYYj;N literal 0 HcmV?d00001 diff --git a/src/common/index.styl b/src/common/index.styl index c11a237..ad54672 100644 --- a/src/common/index.styl +++ b/src/common/index.styl @@ -97,9 +97,30 @@ width:100%; height: 10px; background: url('assets/box-top.png') repeat fixed center; + text-align: center; +} + +.box-top span{ + display: inline-block; + position: relative; + top: -11px; + text-shadow: rgb(0, 117, 255) 0px 0px 8px; + font-family: SourceHanSansCN-Bold; + font-size: 20px; + font-weight: bold; + text-align: center; + letter-spacing: 0px; } .box-bottom{ width:100%; background: url('assets/box-bottom.png') repeat fixed top; } + +.s-pic{ + width:200px; + height: 100px; + position: relative; + top: 10px; + left: 10px +} diff --git a/src/common/portrait.styl b/src/common/portrait.styl index 996dfd4..0189af9 100644 --- a/src/common/portrait.styl +++ b/src/common/portrait.styl @@ -3,6 +3,21 @@ padding: 12px; } +.px-2{ + padding-left: 8px; + padding-right: 8px; +} + +.px-3{ + padding-left: 12px; + padding-right: 12px; +} + +.px-10{ + padding-left: 30px; + padding-right: 30px; +} + .pb-3 { padding-bottom: 12px; } @@ -174,6 +189,10 @@ justify-content: space-between; } +.align-center{ + align-items: center; +} + .flex-1{ display: flex; flex: 1; diff --git a/src/components/LoadCells/LoadCells.vue b/src/components/LoadCells/LoadCells.vue new file mode 100644 index 0000000..fa40609 --- /dev/null +++ b/src/components/LoadCells/LoadCells.vue @@ -0,0 +1,121 @@ + + + + diff --git a/src/components/RFID/RFID++.vue b/src/components/RFID/RFID++.vue new file mode 100644 index 0000000..e779465 --- /dev/null +++ b/src/components/RFID/RFID++.vue @@ -0,0 +1,98 @@ + + + + diff --git a/src/components/RFID/RFID.js b/src/components/RFID/RFID.js new file mode 100644 index 0000000..13ca551 --- /dev/null +++ b/src/components/RFID/RFID.js @@ -0,0 +1,108 @@ +var option = { + title: { + left: '10%', + textStyle: { + fontWeight: 'normal', + color: '#fff', //标题颜色 + }, + text: '震动传感器', + }, + legend: { + x: 'center', + y: 'top', + data: ['传感器1', '传感器2'], + textStyle: { + fontWeight: 'normal', + color: '#fff', //标题颜色 + }, + }, + xAxis: { + type: 'category', + boundaryGap: false, + axisLine: { + //y轴 + show: false, + }, + }, + yAxis: { + show: true, + type: 'value', + splitLine: { show: false }, //去除网格线 + nameTextStyle: { + color: '#abb8ce', + show: false, + }, + axisLabel: { + color: '#abb8ce', + show: false, + }, + axisTick: { + //y轴刻度线 + show: false, + }, + axisLine: { + //y轴 + show: false, + }, + }, + series: [ + { + name: '传感器1', + data: [120, 932, 401, 534, 290, 530, 320], + type: 'line', + smooth: true, + itemStyle: { + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [ + { + offset: 0, + color: '#0A4982', // 0% 处的颜色 + }, + { + offset: 1, + color: '#243859', // 100% 处的颜色 + }, + ], + global: false, // 缺省为 false + }, + }, + areaStyle: {}, + lineStyle: { normal: { width: 4 } }, + }, + { + name: '传感器2', + data: [220, 632, 101, 834, 490, 630, 220], + type: 'line', + smooth: true, + itemStyle: { + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [ + { + offset: 0, + color: '#B2F2FC', // 0% 处的颜色 + }, + { + offset: 1, + color: '#5BE1FB', // 100% 处的颜色 + }, + ], + global: false, // 缺省为 false + }, + }, + areaStyle: {}, + lineStyle: { normal: { width: 4 } }, + }, + ], +}; + +export default option; diff --git a/src/components/RFID/RFID.vue b/src/components/RFID/RFID.vue new file mode 100644 index 0000000..b683a5f --- /dev/null +++ b/src/components/RFID/RFID.vue @@ -0,0 +1,232 @@ + + + + diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue index 347f5d5..12e7778 100644 --- a/src/views/Index/Index.vue +++ b/src/views/Index/Index.vue @@ -15,7 +15,7 @@ style="width: 100%; height: 162px; object-fit: fill; mix-blend-mode: screen; filter: saturate(200%);" > - 盐湖区人民医院数字看板 + 盐湖区人民医院数据看板
@@ -30,59 +30,80 @@
-
+
+ 急救数量统计 +
-
+
-
+
+ 急救时长分析 +
-
第二列
+
+
+
-
+
+ 振动传感器 +
-
+
-
+
+ 称重传感器 +
-
第二行
+
+ +
+
-
-
第一列
+
+ FAST ED结果 +
+
-
+
+ 智慧平车面板数据 +
第二列
-
-
第三列
+
+ RFID +
+
+ +
@@ -94,9 +115,11 @@ import Statistics from 'components/Statistics/Statistics.vue'; import Duration from 'components/Duration/Duration.vue'; import Sensor from 'components/Sensor/Sensor.vue'; +import LoadCells from 'components/LoadCells/LoadCells.vue'; +import RFID from 'components/RFID/RFID.vue'; export default { name: 'Index', - components: { Statistics, Duration, Sensor }, + components: { Statistics, Duration, Sensor, LoadCells, RFID }, data() { return {}; },