|
|
@ -4,27 +4,27 @@ |
|
|
|
<div class="d-flex panel-box-1"> |
|
|
|
<div class="flex-1"> |
|
|
|
<span class="panel-tips">患者体重(kg)</span> |
|
|
|
<span class="panel-con">{{ weight }}</span> |
|
|
|
<span class="panel-con">{{ weightMessage }}</span> |
|
|
|
</div> |
|
|
|
<div class="flex-1"> |
|
|
|
<span class="panel-tips">药物剂量(mg)</span> |
|
|
|
<span class="panel-con">{{ thrombolytic }}</span> |
|
|
|
<span class="panel-con">{{ thrombolyticDose }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex panel-box-1"> |
|
|
|
<div class="flex-1"> |
|
|
|
<span class="panel-tips">团注剂量(mg)</span> |
|
|
|
<span class="panel-con">{{ bolus }}</span> |
|
|
|
<span class="panel-con">{{ bolusDose }}</span> |
|
|
|
</div> |
|
|
|
<div class="flex-1"> |
|
|
|
<span class="panel-tips">维持剂量(mg)</span> |
|
|
|
<span class="panel-con">{{ maintenance }}</span> |
|
|
|
<span class="panel-con">{{ maintenanceDose }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="width: 95%; padding-left: 5%"> |
|
|
|
<div style="width: 120%"> |
|
|
|
<span :style="{ marginLeft: percentA }" class="tips"> |
|
|
|
123 |
|
|
|
{{ info }} |
|
|
|
<a-icon class="down-icon" type="caret-down" /> |
|
|
|
</span> |
|
|
|
</div> |
|
|
@ -38,7 +38,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import { mapState, mapMutations } from 'vuex'; |
|
|
|
export default { |
|
|
|
name: 'Panel', |
|
|
|
data() { |
|
|
@ -71,39 +71,49 @@ export default { |
|
|
|
'解脱', |
|
|
|
'结束', |
|
|
|
], |
|
|
|
weight: 0, |
|
|
|
thrombolytic: 0, |
|
|
|
bolus: 0, |
|
|
|
maintenance: 0, |
|
|
|
info: '呼叫', |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: mapState('messages', ['weightMessage', 'bolusDose', 'maintenanceDose', 'thrombolyticDose', 'startMessages']), |
|
|
|
computed: mapState('messages', ['weightMessage', 'bolusDose', 'maintenanceDose', 'thrombolyticDose', 'startMessages', 'rfidMessage']), |
|
|
|
watch: { |
|
|
|
weightMessage(val) { |
|
|
|
this.weight = val; |
|
|
|
}, |
|
|
|
bolusDose(val) { |
|
|
|
this.bolus = bolusDose; |
|
|
|
}, |
|
|
|
maintenanceDose(val) { |
|
|
|
this.maintenance = val; |
|
|
|
}, |
|
|
|
thrombolyticDose(val) { |
|
|
|
this.thrombolytic = val; |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
const that = this; |
|
|
|
var add = setInterval(function() { |
|
|
|
if (that.percent === 100) { |
|
|
|
that.percent = 0; |
|
|
|
that.percentA = 0; |
|
|
|
rfidMessage(val) { |
|
|
|
console.log(val); |
|
|
|
if (this.startMessages) { |
|
|
|
this.percent = 0; |
|
|
|
this.percentA = 0; |
|
|
|
this.info = '呼叫'; |
|
|
|
this.setStartMessages(false); |
|
|
|
} else { |
|
|
|
that.percent += 100 / 16; |
|
|
|
that.percentA = (that.percent * 100) / 120 + '%'; |
|
|
|
if (val.step && val.step - 0 > (this.percent * 16) / 100 && val.step - 0 <= 16) { |
|
|
|
console.log(val.step - 0, this.percent); |
|
|
|
this.percent = ((val.step - 0) * 100) / 16; |
|
|
|
this.percentA = (this.percent * 100) / 120 + '%'; |
|
|
|
this.info = this.lists[val.step - 0]; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
startMessages(val) { |
|
|
|
if (val) { |
|
|
|
this.percent = 0; |
|
|
|
this.percentA = 0; |
|
|
|
this.info = '呼叫'; |
|
|
|
this.setStartMessages(false); |
|
|
|
} |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { ...mapMutations('messages', ['setStartMessages']) }, |
|
|
|
// mounted() { |
|
|
|
// const that = this; |
|
|
|
// var add = setInterval(function() { |
|
|
|
// if (that.percent === 100) { |
|
|
|
// that.percent = 0; |
|
|
|
// that.percentA = 0; |
|
|
|
// } else { |
|
|
|
// that.percent += 100 / 16; |
|
|
|
// that.percentA = (that.percent * 100) / 120 + '%'; |
|
|
|
// } |
|
|
|
// }, 1000); |
|
|
|
// }, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|