|
|
@ -13,34 +13,74 @@ |
|
|
|
</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() { |
|
|
|
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; |
|
|
|
var t = setInterval(() => { |
|
|
|
setInterval(() => { |
|
|
|
this.lists.forEach((element, j) => { |
|
|
|
if (j === i) { |
|
|
|
element.active = true; |
|
|
@ -64,14 +104,34 @@ export default { |
|
|
|
}, 1500); |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
group(array, subGroupLength) { |
|
|
|
let index = 0; |
|
|
|
let newArray = []; |
|
|
|
while (index < array.length) { |
|
|
|
newArray.push(array.slice(index, (index += subGroupLength))); |
|
|
|
// 分页 |
|
|
|
changePage() { |
|
|
|
setInterval(() => { |
|
|
|
this.num++; |
|
|
|
if (this.num === this.newArr.length) { |
|
|
|
this.num = 0; |
|
|
|
} |
|
|
|
return newArray; |
|
|
|
}, 5000); |
|
|
|
}, |
|
|
|
|
|
|
|
// 收到消息高亮 |
|
|
|
setLight(code) { |
|
|
|
// debugger; |
|
|
|
this.lists.forEach((element, j) => { |
|
|
|
if (element.code === code) { |
|
|
|
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; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|