ZhangBin
/
salt-lake-hospital
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Merge branch 'master' of https://dd.tall.wiki/gitea/binbin0314/ht

master
aBin 5 years ago
parent
2415e0f03c 2b0ee6a0d8
commit
e2a798c2e9
10 changed files with 214 additions and 142 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      rest/project.http
  2. BIN
      src/assets/aaa.mp4
  3. BIN
      src/assets/aaa.png
  4. 11
      src/common/index.styl
  5. 7
      src/components/FastEd/FastEd.vue
  6. 2
      src/components/Map/Map.js
  7. 38
      src/components/RFID/RFID.styl
  8. 104
      src/components/RFID/RFID.vue
  9. 1
      src/store/modules/messages/mutations.js
  10. 189
      src/views/Index/Index.vue

4
rest/project.http
View File

@ -64,8 +64,8 @@ POST {{record}}/debug/record
{
"param":{
"carNumber": "001",
"type": "1",
"authId": "1",
"type": "2",
"value":"70000",
"time":"1607937529000"
}

BIN
src/assets/aaa.mp4
View File

Binary file not shown.

BIN
src/assets/aaa.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 546 KiB

11
src/common/index.styl
View File

@ -106,6 +106,7 @@
display: inline-block;
position: relative;
top: -10px;
z-index: 999;
text-shadow: rgb(0, 117, 255) 0px 0px 8px;
font-family: SourceHanSansCN-Bold;
font-size: 1.2rem;
@ -120,9 +121,11 @@
}
.s-pic{
width:200px;
height: 100px;
position: relative;
width:191.85px;
height: 107.85px;
position: absolute;
top: 10px;
left: 10px
left: 10px;
border-radius: 6px;
overflow: hidden;
}

7
src/components/FastEd/FastEd.vue
View File

@ -9,7 +9,12 @@
<div class="flex-1">{{ item.b }}</div>
<div class="flex-1">{{ item.c }}</div>
</div>
<div :key="index" class="flex-1 flex-row" style="height: 25%" v-for="(item, index) in dataList">
<div
:key="index"
class="flex-1 flex-row"
style="height: 25%"
v-for="(item, index) in dataList"
>
<div class="flex-1">{{ item.a }}</div>
<div class="flex-1">{{ item.b }}</div>
<div class="flex-1">{{ item.c }}</div>

2
src/components/Map/Map.js
View File

@ -8,7 +8,7 @@ var option = {
regionHeight: 6, //地图高度
map: '山西',
viewControl: {
distance: 1000, //地图视角 控制初始大小
distance: 350, //地图视角 控制初始大小
rotateSensitivity: 1, //禁止旋转
zoomSensitivity: 1, //禁止缩放
},

38
src/components/RFID/RFID.styl
View File

@ -9,25 +9,19 @@
color: #C8CED5;
background: url('~assets/rfid-bg.png') no-repeat center;
background-size: contain;
position: absolute;
}
.list span{
display: inline-block;
position: relative;
top: 25%;
width: 100%;
height: 50%;
text-align: center;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.active {
width: 5.4rem;
height: 5.4rem;
font-size: 12px;
background: url('~assets/rfid-bg-active.png') no-repeat center;
background-size: contain;
text-align: center;
width: 5.4rem;
height: 5.4rem;
background: url('~assets/rfid-bg-active.png') no-repeat center;
background-size: contain;
}
.list.active span{
@ -50,37 +44,37 @@
}
.list4 {
top: 5.5rem;
top: 5rem;
left: 0.5rem;
}
.list5 {
top: 5.5rem;
top: 5rem;
left: 8rem;
}
.list6 {
top: 5.5rem;
top: 5rem;
left: 15.5rem;
}
.list7 {
top: 5.5rem;
top: 5rem;
left: 23rem;
}
.list8 {
top: 10.5rem;
top: 10rem;
left: 4rem;
}
.list9 {
top: 10.5rem;
top: 10rem;
left: 11.5rem;
}
.list10 {
top: 10.5rem;
top: 10rem;
left: 19rem;
}

104
src/components/RFID/RFID.vue
View File

@ -13,36 +13,112 @@
</div>
</template>
<script>
import { mapState, mapActions, mapMutations } from 'vuex';
export default {
name: 'RFID',
data() {
return {
lists: [
{ code: 1, active: false, name: '急救医生到场' },
{ code: 1, active: false, name: '急救护士到场' },
{ code: 1, active: false, name: '急救医生到场' },
{ code: 3, active: false, name: '护士采血' },
{ code: 3, active: false, name: '采血车到场' },
{ code: 4, active: false, name: 'CT室' },
{ code: 8, active: false, name: '介入室' },
{ code: 8, active: false, name: '抢救室' },
{ code: 8, active: false, name: '抢救室' },
{ code: 17, active: false, name: '分诊区' },
{ code: 18, active: false, name: '平车停放点' },
{ code: 19, active: false, name: '卒中中心' },
{ code: 20, active: false, name: '急诊' },
{ code: 21, active: false, name: '抢救室' },
{ code: 22, active: false, name: '走廊' },
{ code: 23, active: false, name: '心电图' },
{ code: 24, active: false, name: '专用电梯（一楼）' },
{ code: 25, active: false, name: '专用电梯（四楼）' },
{ code: 26, active: false, name: 'CCU导管室' },
],
num: 0, //当前正在展示的div
};
},
computed: {
...mapState('home', ['rfidMessage']),
newArr() {
const arr = this.group(this.lists, 10);
return arr;
},
},
watch: {
weighSensor1(value) {
// console.log('value: ', value);
// if (value) {
// this.lists[0].number = value.split('');
// console.log('this.lists: ', this.lists);
// }
},
},
mounted() {
let i = 0;
var t = setInterval(() => {
console.log('收到消息rfid', this.rfidMessage);
// this.setLight();
this.setTime();
// this.changePage();
},
methods: {
// 数组拆分
group(array, subGroupLength) {
let index = 0;
let newArray = [];
while (index < array.length) {
newArray.push(array.slice(index, (index += subGroupLength)));
}
return newArray;
},
// 定时高亮
setTime() {
let i = 0;
setInterval(() => {
this.lists.forEach((element, j) => {
if (j === i) {
element.active = true;
// 翻页
for (let a = 0; a < this.newArr.length; a++) {
const arr = this.newArr[a];
const item = arr.find(item => item.name === element.name);
if (item) {
this.num = a;
}
}
} else {
element.active = false;
}
});
i++;
//如果超过数组长度，清除定时器
if (i === this.lists.length) {
i = 0;
}
}, 1500);
},
// 分页
changePage() {
setInterval(() => {
this.num++;
if (this.num === this.newArr.length) {
this.num = 0;
}
}, 5000);
},
// 收到消息高亮
setLight(code) {
// debugger;
this.lists.forEach((element, j) => {
if (j === i) {
if (element.code === code) {
element.active = true;
// 翻页
for (let a = 0; a < this.newArr.length; a++) {
@ -56,22 +132,6 @@ export default {
element.active = false;
}
});
i++;
//如果超过数组长度，清除定时器
if (i === this.lists.length) {
i = 0;
}
}, 1500);
},
methods: {
group(array, subGroupLength) {
let index = 0;
let newArray = [];
while (index < array.length) {
newArray.push(array.slice(index, (index += subGroupLength)));
}
return newArray;
},
},
};

1
src/store/modules/messages/mutations.js
View File

@ -95,6 +95,7 @@ const mutations = {
* @param {*} data
*/
messagesAddRfid(state, data) {
console.log('RFID: ', data);
state.rfidMessage = data;
},

189
src/views/Index/Index.vue
View File

@ -1,124 +1,132 @@
<template>
<div class="wrap">
<div class="bg-left">
<img class="pic" src="~assets/bg-left.png" />
</div>
<div class="bg-top">
<img class="pic" src="~assets/bg-top.png" />
<div class="animation">
<!-- <video src="~assets/top-video.webm"></video> -->
<video
autoplay
height="162"
loop
src="https://easyv.assets.dtstack.com/data/video/7478/2313/gfO5k3Ztm-1556020310192-qI-NAaykOV.webm"
style="width: 100%; height: 162px; object-fit: fill; mix-blend-mode: screen; filter: saturate(200%)"
></video>
<div v-if="!showVideo">
<div class="bg-left">
<img class="pic" src="~assets/bg-left.png" />
</div>
<span class="bg-title">盐湖区人民医院数据看板</span>
</div>
<div class="bg-right">
<img class="pic" src="~assets/bg-right.png" />
</div>
<div class="bg-bottom">
<img class="pic" src="~assets/bg-bottom.png" />
</div>
<div class="time">{{ nowTime }}</div>
<!--内容区-->
<div class="content d-flex flex-column">
<!-- 第一行 -->
<div class="flex-2 flex-row">
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="bg-top">
<img class="pic" src="~assets/bg-top.png" />
<div class="animation">
<!-- <video src="~assets/top-video.webm"></video> -->
<video
autoplay
height="162"
loop
src="https://easyv.assets.dtstack.com/data/video/7478/2313/gfO5k3Ztm-1556020310192-qI-NAaykOV.webm"
style="width: 100%; height: 162px; object-fit: fill; mix-blend-mode: screen; filter: saturate(200%)"
></video>
</div>
<span class="bg-title">盐湖区人民医院数据看板</span>
</div>
<div class="bg-right">
<img class="pic" src="~assets/bg-right.png" />
</div>
<div class="bg-bottom">
<img class="pic" src="~assets/bg-bottom.png" />
</div>
<div class="time">{{ nowTime }}</div>
<!--内容区-->
<div class="content d-flex flex-column">
<!-- 第一行 -->
<div class="flex-2 flex-row">
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>急救数量统计</span>
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>急救数量统计</span>
</div>
<div class="flex-1 fill-width box-bottom">
<statistics class="flex-1" />
</div>
</div>
<div class="flex-1 fill-width box-bottom">
<statistics class="flex-1" />
<div style="width: 100%; height: 6%"></div>
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>急救时长分析</span>
</div>
<div class="flex-1 fill-width box-bottom">
<duration class="flex-1" />
</div>
</div>
</div>
<div style="width: 100%; height: 6%"></div>
</div>
<div class="flex-2 ma-2" style="position:relative">
<iframe
class="fill-width fill-height"
src="https://www.thingjs.com/pp/6dab0a018283ef357a85684c"
></iframe>
<!-- 地图 -->
<shanxi-map class="sxmap" />
<!-- 视频 -->
<!-- <div class="s-pic">
<img @click="showVideo = true" class="fill-width fill-height" src="~assets/aaa.png" />
</div>-->
</div>
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>急救时长分析</span>
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>振动传感器</span>
</div>
<div class="flex-1 fill-width box-bottom">
<sensor class="flex-1" />
</div>
</div>
<div class="flex-1 fill-width box-bottom">
<duration class="flex-1" />
<div style="width: 100%; height: 6%"></div>
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>称重传感器</span>
</div>
<div class="flex-1 fill-width box-bottom">
<div class="flex-1">
<load-cells />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex-2 ma-2" style="position:relative">
<iframe
class="fill-width fill-height"
src="https://www.thingjs.com/pp/6dab0a018283ef357a85684c"
></iframe>
<shanxi-map class="sxmap" />
<!-- <div class="bg s-pic"> -->
<!-- </div> -->
</div>
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<!-- 第三行 -->
<div style="width: 100%; height: 2%"></div>
<div class="flex-1 flex-row">
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>振动传感器</span>
<span>FAST ED结果</span>
</div>
<div class="flex-1 fill-width box-bottom">
<sensor class="flex-1" />
<fast-ed class="flex-1" />
</div>
</div>
<div style="width: 100%; height: 6%"></div>
</div>
<!-- 第二列 -->
<div class="flex-2 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>称重传感器</span>
<span>智慧平车面板数据</span>
</div>
<div class="flex-1 fill-width box-bottom">
<div class="flex-1">
<load-cells />
</div>
<panel class="flex-1" />
</div>
</div>
</div>
</div>
</div>
<!-- 第三行 -->
<div style="width: 100%; height: 2%"></div>
<div class="flex-1 flex-row">
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>FAST ED结果</span>
</div>
<div class="flex-1 fill-width box-bottom">
<fast-ed class="flex-1" />
</div>
</div>
</div>
<!-- 第二列 -->
<div class="flex-2 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>智慧平车面板数据</span>
</div>
<div class="flex-1 fill-width box-bottom">
<panel class="flex-1" />
</div>
</div>
</div>
<!-- 第三列 -->
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>RFID</span>
</div>
<div class="flex-1 fill-width box-bottom">
<r-f-i-d />
<!-- 第三列 -->
<div class="flex-1 ma-2">
<div class="d-flex flex-column flex-1">
<div class="box-top">
<span>RFID</span>
</div>
<div class="flex-1 fill-width box-bottom">
<r-f-i-d />
</div>
</div>
</div>
</div>
</div>
</div>
<div v-else>
<img class="fill-width fill-height" src="~assets/aaa.png" />
</div>
</div>
</template>
@ -141,6 +149,7 @@ export default {
return {
nowTime: new Date(),
str: '',
showVideo: false,
};
},

Write Preview
Loading…
Cancel
Save