up

chenyc

2022-07-15 e254a708c892ea9cb45ecae967ac297f63d6a529

up

 src/views/home/index.vue

@@ -3,190 +3,205 @@
import { sockteStore } from '@/stores/sockteInfo'
import { patientInfoStore } from '@/stores/patient'
import os from "os"
import { reactive,computed, toRefs,onMounted ,ref,watch} from "vue"
import{sendPationCode,sendPationSet} from '../../samples/sockteStomp'
import {formatDate} from '@/utils/formatTime'
import { reactive, computed, toRefs, onMounted, ref, watch } from "vue"
import { sendPationCode, sendPationSet } from '../../samples/sockteStomp'
import { formatDate } from '@/utils/formatTime'
import { number } from 'yargs'

 export default {
        setup() {
            let  timer:any=0
            const user = userInfoStore()
            const sockte= sockteStore()
            const inputRef=ref()
            const AudioRef0=ref()
            const AudioRef=ref()
            const AudioRef2=ref()
            const AudioRef3=ref()
            const isLink= computed(()=>{
                return !sockte.isLink
            }) 
            const netLink= computed(()=>{
                return !sockte.netLink
            })
            const weightInfo= computed(()=>{
                return sockte.weightSockte
            })
            const xyjInfo= computed(()=>{
                return sockte.xyjSockte
            })
            const patientInfo=computed(()=>{
                return patientInfoStore().patientInfo
            })
            const viewNumber=computed(()=>{
                return patientInfoStore().viewNumber
            })
export default {
    setup() {
        let timer: any = 0
        const user = userInfoStore()
        const sockte = sockteStore()
        const inputRef = ref()
        const AudioRef0 = ref()
        const AudioRef = ref()
        const AudioRef2 = ref()
        const AudioRef3 = ref()
        const isLink = computed(() => {
            return !sockte.isLink
        })
        const netLink = computed(() => {
            return !sockte.netLink
        })
        const weightInfo = computed(() => {
            return sockte.weightSockte
        })
        const xyjInfo = computed(() => {
            return sockte.xyjSockte
        })
        const patientInfo = computed(() => {
            return patientInfoStore().patientInfo
        })
        const viewNumber = computed(() => {
            return patientInfoStore().viewNumber
        })

            const settime=()=>{
                // 计数倒计时
                state.clockNum=patientInfoStore().viewNumber
                // 清除定时器
                clearInterval(state.timerNum)
                console.log('------------------')
                timer= setInterval(() => {
                    if (state.clockNum > 0) {
                        state.clockNum--
                    }
                    else {
                        clearInterval(timer)
                        patientInfoStore().setpatientInfo({
                            id:0,
                            code:'',
                            name:'',
                            patientAvatarIcon:'',
                            deviceCode:'',
                            hemoCode:'',
                            pureWeight:''
                        })
                        state.clockNum = patientInfoStore().viewNumber
                    }
                }, 1000)
                // 记录定时器
                state.timerNum=timer
                console.log(timer)
            }
            const state=reactive({
                dialogVisible:false,
                isActive:false,
                inputCode:"",
                Newdate:"",
                clockNum:60,
                timerNum:0,//定时器数
                aimTSL:0,// 目标脱水量,
                gao_ya:"",//高压
                di_ya:"",//低压
                mai_bu:""//脉搏
            })
            watch(
                ()=>patientInfo.value.id,
                ()=>{
                    console.log('患者变化了',patientInfo)
                    if(patientInfo.value.id!==0)
                    {
                        AudioRef.value.play();
                        sockteStore().setweightSockte({
                            type:"体重秤",
                            state:2,
                            deviceName:"",
                            result:"0",
                            resultTime:""
                        })
                        sockteStore().setxyjSockte({
                            type:"血压计",
                            state:2,
                            deviceName:"",
                            result:"",
                            resultTime:""
                        })
                        settime()
                       
                    }
        const settime = () => {
            // 计数倒计时
            state.clockNum = patientInfoStore().viewNumber
            // 清除定时器
            clearInterval(state.timerNum)
            console.log('------------------')
            timer = setInterval(() => {
                if (state.clockNum > 0) {
                    state.clockNum--
                }
            )
            watch(
                ()=>weightInfo.value.resultTime,
                ()=>{
                else {
                    clearInterval(timer)
                    patientInfoStore().setpatientInfo({
                        id: 0,
                        code: '',
                        name: '',
                        patientAvatarIcon: '',
                        deviceCode: '',
                        hemoCode: '',
                        pureWeight: ''
                    })
                    state.clockNum = patientInfoStore().viewNumber
                    sockteStore().setweightSockte({
                        type:'体重秤',
                        deviceName: '',
                        result: '',
                        resultTime: '',
                        state: 2
                    })
                    sockteStore().setweightSockte({
                        type:'血压计',
                        deviceName: '',
                        result: '',
                        resultTime: '',
                        state: 2
                    })
                }
            }, 1000)
            // 记录定时器
            state.timerNum = timer
            console.log(timer)
        }
        const state = reactive({
            dialogVisible: false,
            isActive: false,
            inputCode: "",
            Newdate: "",
            clockNum: 60,
            timerNum: 0,//定时器数
            aimTSL: '',// 目标脱水量,
            gao_ya: "",//高压
            di_ya: "",//低压
            mai_bu: ""//脉搏
        })
        watch(
            () => patientInfo.value.id,
            () => {
                console.log('患者变化了', patientInfo)
                if (patientInfo.value.id !== 0) {
                    AudioRef.value.play();
                    sockteStore().setweightSockte({
                        type: "体重秤",
                        state: 2,
                        deviceName: "",
                        result: "0",
                        resultTime: ""
                    })
                    sockteStore().setxyjSockte({
                        type: "血压计",
                        state: 2,
                        deviceName: "",
                        result: "",
                        resultTime: ""
                    })
                    settime()
                    console.log("体重变化了")
                    // AudioRef2.value.play()
                    if(patientInfo.value.id===0){

                }
            }
        )
        watch(
            () => weightInfo.value.resultTime,
            () => {
                settime()
                console.log("体重变化了")
                // AudioRef2.value.play()
                if (patientInfo.value.id === 0) {
                    AudioRef0.value.play()
                }
                else {
                    AudioRef2.value.play()
                    // 发送结果到sockte服务
                    const mode = {
                        patientCode: patientInfo.value.code,
                        weight: weightInfo.value.result,
                        bloodPressure: ''

                    }
                    console.log('发送患者结果', mode)
                    sendPationSet(mode)
                    // 计算目标脱水量
                    if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0) {
                        state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)).toFixed(2)
                    }
                }
            }
        )
        watch(
            () => xyjInfo.value.resultTime,
            () => {
                if (xyjInfo.value.result !== '') {
                    const list = xyjInfo.value.result.split(',')
                    if (list.length === 3) {
                        state.gao_ya = list[0]
                        state.di_ya = list[1]
                        state.mai_bu = list[2]
                    }
                    if (patientInfo.value.id === 0) {
                        AudioRef0.value.play()
                    }
                    else{
                        AudioRef2.value.play()
                        // 发送结果到sockte服务
                        const mode={
                            patientCode:patientInfo.value.code,
                            weight:weightInfo.value.result,
                            bloodPressure:''
                        settime()
                    } else {
                        AudioRef3.value.play()
                        settime()
                        const mode = {
                            patientCode: patientInfo.value.code,
                            weight: weightInfo.value.result,
                            bloodPressure: xyjInfo.value.result

                        }
                        console.log('发送患者结果',mode)
                        console.log('发送患者结果', mode)
                        sendPationSet(mode)
                        // 计算目标脱水量
                        if(Number(weightInfo.value.result)>0&&Number(patientInfo.value.pureWeight)!==0){
                            state.aimTSL=Number(weightInfo.value.result)-Number(patientInfo.value.pureWeight)
                        }
                    }
                } else {
                    state.gao_ya = ""
                    state.di_ya = ""
                    state.mai_bu = ""
                }
            )
            watch(
                ()=>xyjInfo.value.resultTime,
                ()=>{
                    if(xyjInfo.value.result!==''){
                        const list=xyjInfo.value.result.split(',')
                        if(list.length===3){ 
                            state.gao_ya=list[0]
                            state.di_ya=list[1]
                            state.mai_bu=list[2]
                        }
                        if(patientInfo.value.id===0){
                            AudioRef0.value.play()
                            settime()
                        }else{
                            AudioRef3.value.play()
                            settime()
                            const mode={
                                patientCode:patientInfo.value.code,
                                weight:weightInfo.value.result,
                                bloodPressure:xyjInfo.value.result

                            }
                            console.log('发送患者结果',mode)
                            sendPationSet(mode)
                        }    
                    }else{
                        state.gao_ya=""
                        state.di_ya=""
                        state.mai_bu=""
                    }
                }
            )
            watch(()=>viewNumber,
                ()=>{
                    state.clockNum=viewNumber.value
                }
            )
            const inputChabge=()=>{
                sendPationCode(state.inputCode)
                setTimeout(function(){
                    state.inputCode=''
                },1000)
            }
            onMounted(() => {
                console.log('页面初始化',os.hostname())
                state.clockNum=patientInfoStore().viewNumber
                setTimeout(function(){
                    console.log('7秒后操作')
                    inputRef.value.focus();
                },7000)
                setInterval(function(){
                    state.Newdate=formatDate(new Date(),"YYYY-mm-dd HH:MM:SS")
                },1000)
            })
            return{ ...toRefs(state),isLink,netLink,weightInfo,patientInfo,xyjInfo,inputRef,AudioRef0,AudioRef,AudioRef2,AudioRef3,inputChabge
        )
        watch(() => viewNumber,
            () => {
                state.clockNum = viewNumber.value
            }
        )
        const inputChabge = () => {
            sendPationCode(state.inputCode)
            setTimeout(function () {
                state.inputCode = ''
            }, 1000)
        }
        onMounted(() => {
            console.log('页面初始化', os.hostname())
            state.clockNum = patientInfoStore().viewNumber
            setTimeout(function () {
                console.log('7秒后操作')
                inputRef.value.focus();
            }, 7000)
            setInterval(function () {
                state.Newdate = formatDate(new Date(), "YYYY-mm-dd HH:MM:SS")
            }, 1000)
        })
        return {
            ...toRefs(state), isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, AudioRef0, AudioRef, AudioRef2, AudioRef3, inputChabge
        }
    }
}
</script>
<template>
    <div class="home">
@@ -198,16 +213,10 @@
        <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step3.mp3" ref="AudioRef2" id="eventAudio"></audio>
        <!-- 血压结果回传成功 -->
        <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step4.mp3" ref="AudioRef3" id="eventAudio"></audio>
        <el-dialog
            title="提示"
            v-model="netLink"
            width="30%">
        <el-dialog title="提示" v-model="netLink" width="30%">
            <span>无法链接到网络！</span>
        </el-dialog>
        <el-dialog
            title="提示"
            v-model="isLink"
            width="30%">
        <el-dialog title="提示" v-model="isLink" width="30%">
            <span>sockte连接失败正在重连。。。。。。</span>
        </el-dialog>
        <el-row>
@@ -224,31 +233,26 @@
            </el-col>
            <el-col :span="6">
                <div class="datess">
                    {{clockNum}}
                    {{ clockNum }}
                </div>
            </el-col>
        </el-row>
        <div class="grid-container">
            <div class="grid-item">
                <el-avatar
                    shape="square"
                    :size="100"
                    fit="cover"
                    :src="patientInfo.patientAvatarIcon"
                />
                <div class="zsf">{{patientInfo.name}}</div>
                <el-avatar shape="square" :size="100" fit="cover" :src="patientInfo.patientAvatarIcon" />
                <div class="zsf">{{ patientInfo.name }}</div>
            </div>
            <div class="grid-item">
                <div class="lableText">当前时间:</div>
                <div class="conText">{{Newdate}}</div>
                <div class="conText">{{ Newdate }}</div>
            </div>
            <div class="grid-item">
                <div class="lableText">透析号:</div>
                <div class="conText">{{patientInfo.hemoCode}}</div>
                <div class="conText">{{ patientInfo.hemoCode }}</div>
            </div>
            <div class="grid-item">
                <div class="lableText">机号:</div>
                <div class="conText">{{patientInfo.deviceCode}}</div>
                <div class="conText">{{ patientInfo.deviceCode }}</div>
            </div>
            <div class="grid-item">
                <div class="lableText">序号:</div>
@@ -256,25 +260,25 @@
            </div>
            <div class="grid-item">
                <div class="lableText">干体重(kg):</div>
                <div class="conText">{{patientInfo.pureWeight}}</div>
                <div class="conText">{{ patientInfo.pureWeight }}</div>
            </div>
            <div class="grid-item" >
            <div class="grid-item">
                <div>
                    <div class="lableText" v-if="weightInfo.state===2">透前称重(kg):</div>
                    <div class="lableText" v-if="weightInfo.state===1" style="color:red">体重秤通讯服务正常运行但未联通设备</div>
                    <div class="lableText" v-if="weightInfo.state===0" style="color:red">体重秤通讯服务不正常 </div>
                    <div class="conText">{{weightInfo.result}}</div>
                    <div class="lableText" v-if="weightInfo.state === 2">透前称重(kg):</div>
                    <div class="lableText" v-if="weightInfo.state === 1" style="color:red">体重秤通讯服务正常运行但未联通设备</div>
                    <div class="lableText" v-if="weightInfo.state === 0" style="color:red">体重秤通讯服务不正常 </div>
                    <div class="conText">{{ weightInfo.result }}</div>
                </div>
            </div>
            <div class="grid-item">
                <div class="lableText">目标脱水量:</div>
                <div class="conText">{{aimTSL}}</div>
                <div class="conText">{{ aimTSL }}</div>
            </div>
            <div class="grid-item">
                <div class="lableText" v-if="xyjInfo.state===2">血压:</div>
                <div class="lableText" v-if="xyjInfo.state===1" style="color:red">血压通讯服务正常运行但未联通设备</div>
                <div class="lableText" v-if="xyjInfo.state===0" style="color:red">血压通讯服务不正常 </div>
                <div class="conText">{{gao_ya}}/{{di_ya}}</div>
                <div class="lableText" v-if="xyjInfo.state === 2">血压:</div>
                <div class="lableText" v-if="xyjInfo.state === 1" style="color:red">血压通讯服务正常运行但未联通设备</div>
                <div class="lableText" v-if="xyjInfo.state === 0" style="color:red">血压通讯服务不正常 </div>
                <div class="conText">{{ gao_ya }}/{{ di_ya }}</div>
            </div>
        </div>
    </div>
@@ -283,10 +287,12 @@
body {
    background: #f3f7fb;
}

.coldev {
    height: 200px;
    background: #ffff;
}

.grid-container {
    display: grid;
    grid-template-columns: 33% 33% 33%;
@@ -294,13 +300,15 @@
    background: #f3f7fb;
    padding: 10px;
}
.grid-container > div {

.grid-container>div {
    background: #ffffff;
    height: 150px;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
}

.lableText {
    text-align: left;
    /* height: 50px; */
@@ -308,6 +316,7 @@
    padding-top: 30px;
    font-size: 13pt;
}

.conText {
    height: 50px;
    line-height: 50px;
@@ -315,24 +324,29 @@
    color: #769aff;
    font-size: 20pt;
}

.imgss {
    height: 30px;
}

.tale {
    height: 30px;
    line-height: 50px;
    /* text-align: center; */
}

.zsf {
    font-size: 18pt;
    margin-top: 15pt;
    color: #769aff;
}
.active{

.active {
    background: #c1c2c6;
    color: black;
}
.datess{

.datess {
    text-align: right;
    padding-right: 20px;
    height: 30px;