|
@@ -1,11 +1,11 @@
|
|
|
<template>
|
|
|
<div class="container">
|
|
|
<div class="bgimg"></div>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" v-if="!popupVisible">
|
|
|
<div class="title">FVIII药代动力学检测</div>
|
|
|
<div class="diagForm">
|
|
|
<mt-field label="病例体重(kg)" placeholder="整数或1位小数" type="number" v-model="form.bltz"></mt-field>
|
|
|
- <mt-field placeholder="请选择产品" class="inputDisable" disabled label="产品选择" v-model="form.mpro"
|
|
|
+ <mt-field label="注射产品" placeholder="请选择产品" class="inputDisable" disabled v-model="form.mpro"
|
|
|
@click.native="mproFlag=true;mfreqFlag=false">
|
|
|
<img src="../assets/images/down.png" alt="" width="16px">
|
|
|
</mt-field>
|
|
@@ -87,17 +87,18 @@
|
|
|
:startDate='startDate' v-model="now" @touchmove.native.stop.prevent>
|
|
|
</mt-datetime-picker>
|
|
|
<!-- 注射频次 -->
|
|
|
- <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
|
|
|
- :showToolbar="true" @touchmove.native.stop.prevent>
|
|
|
- <div class="pickerConfirm" @click="mfreqFlag=false">确认</div>
|
|
|
- </mt-picker>
|
|
|
+ <!-- <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
|
|
|
+ :showToolbar="true" @touchmove.native.stop.prevent>
|
|
|
+ <div class="pickerConfirm" @click="mfreqFlag=false">确认</div>
|
|
|
+ </mt-picker> -->
|
|
|
<!-- 注射产品 -->
|
|
|
<mt-picker @change="onValuesChange" v-if="mproFlag" :slots="slots" ref="sexPicker" class="sexPicker"
|
|
|
:showToolbar="true">
|
|
|
<div class="pickerConfirm" @click="mproFlag=false">确认</div>
|
|
|
</mt-picker>
|
|
|
+
|
|
|
<!-- 试算弹出框 -->
|
|
|
- <mt-popup v-model="popupVisible">
|
|
|
+ <div class="content" v-if="popupVisible">
|
|
|
<div class="popupContainer">
|
|
|
<!-- 药代动力学参数 -->
|
|
|
<div class="diagShowForm">
|
|
@@ -119,27 +120,28 @@
|
|
|
<div class="diagShowForm">
|
|
|
<div class="formTitle">血友病预防治疗剂量计算</div>
|
|
|
<div class="popupDiagForm">
|
|
|
- <mt-field label="预防谷活性" type="number" placeholder="请输入整数" v-model="form.yfghx"></mt-field>
|
|
|
+ <mt-field label="目标谷活性%" type="number" placeholder="请输入整数" v-model="form.yfghx" @input.native="mczsjl=''">
|
|
|
+ </mt-field>
|
|
|
<mt-field class="inputDisable" disabled label="注射频次" placeholder="请选择" v-model="form.zspc"
|
|
|
@click.native="mfreqFlag=true">
|
|
|
<img src="../assets/images/down.png" alt="" width="16px">
|
|
|
</mt-field>
|
|
|
- <mt-field label="每次注射剂量" type="number" placeholder="请输入整数" v-model="form.yfghx"></mt-field>
|
|
|
+ <mt-field label="每次注射剂量(IU)" type="number" placeholder="" v-model="mczsjl" disabled></mt-field>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="popupFooter">
|
|
|
+ <div class="jbbtn" @click="goback">返回</div>
|
|
|
+ <div class="jbbtn" @click="goSelect">确定</div>
|
|
|
+ <div class="jbbtn" @click="calc_mczsjl">计算</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="popupFooter">
|
|
|
- <div class="jbbtn" @click="goback">返回</div>
|
|
|
- <div class="jbbtn" @click="goSelect">确定</div>
|
|
|
- <div class="jbbtn" @click="submit">计算</div>
|
|
|
|
|
|
- </div>
|
|
|
<!-- 注射频次 -->
|
|
|
<mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
|
|
|
:showToolbar="true" @touchmove.native.stop.prevent>
|
|
|
<div class="pickerConfirm" @click="mfreqFlag=false">确认</div>
|
|
|
</mt-picker>
|
|
|
- </mt-popup>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -168,8 +170,10 @@
|
|
|
zssjt0: '',
|
|
|
cxsjt1: '',
|
|
|
cxsjt2: '',
|
|
|
- cxsjt3: ''
|
|
|
+ cxsjt3: '',
|
|
|
+ mczsjl: null
|
|
|
},
|
|
|
+ mczsjl: null,
|
|
|
slots1: [{
|
|
|
flex: 1,
|
|
|
values: this.$const.zspc,
|
|
@@ -186,16 +190,17 @@
|
|
|
className: 'slot1',
|
|
|
textAlign: 'center'
|
|
|
}],
|
|
|
- popupVisible: this.$route.query.edit?true:false,
|
|
|
+ popupVisible: this.$route.query.edit ? true : false,
|
|
|
+ patient_id: this.$route.query.patid
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- goback(){
|
|
|
- if(this.$route.query && this.$route.query.edit && this.$route.query.back){
|
|
|
+ goback() {
|
|
|
+ if (this.$route.query && this.$route.query.edit && this.$route.query.back) {
|
|
|
this.$router.push({
|
|
|
- path:this.$route.query.back
|
|
|
+ path: this.$route.query.back
|
|
|
});
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.popupVisible = false;
|
|
|
}
|
|
|
},
|
|
@@ -227,14 +232,27 @@
|
|
|
} else {
|
|
|
this.form.zspc = this.$const.zspc[0]
|
|
|
}
|
|
|
+ this.form.mczsjl = ""
|
|
|
},
|
|
|
- goSelect(){
|
|
|
- this.$router.push({
|
|
|
- path: 'pretraitcase',
|
|
|
- query: {
|
|
|
- id: 74
|
|
|
- }
|
|
|
- })
|
|
|
+ goSelect() {
|
|
|
+ let params = this.form
|
|
|
+ params.patient_id = this.patient_id
|
|
|
+ let that = this
|
|
|
+ this.$api.regPatientCase(params).then(res => {
|
|
|
+ if (!res.data.code) {
|
|
|
+ this.$router.push({
|
|
|
+ path: 'pretraitcase',
|
|
|
+ query: {
|
|
|
+ id: res.data.data.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ } else {
|
|
|
+ Toast(res.data.message)
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
submit() {
|
|
|
if (!this.form.bltz) {
|
|
@@ -384,40 +402,46 @@
|
|
|
// })
|
|
|
// return
|
|
|
// }
|
|
|
- this.popupVisible = true;
|
|
|
-
|
|
|
- MessageBox.confirm('请您再次确认录入信息是否有误?').then(action => {
|
|
|
- let params = this.form
|
|
|
- let patientCase = localStorage.getItem("patientCase")
|
|
|
- if (patientCase) {
|
|
|
- patientCase = JSON.parse(patientCase)
|
|
|
- Object.keys(patientCase).forEach(function (item) {
|
|
|
- console.log(item)
|
|
|
- params[item] = patientCase[item]
|
|
|
- })
|
|
|
+
|
|
|
+ let params = this.form
|
|
|
+ params.patient_id = this.patient_id
|
|
|
+ let that = this
|
|
|
+ this.$api.regPatientCase(params).then(res => {
|
|
|
+ if (!res.data.code) {
|
|
|
+ that.form = res.data.data;
|
|
|
+ this.popupVisible = true;
|
|
|
+
|
|
|
} else {
|
|
|
- patientCase = params
|
|
|
- this.goPage("/regpatinfo")
|
|
|
+ Toast(res.data.message)
|
|
|
}
|
|
|
- this.$api.regPatientCase(params).then(res => {
|
|
|
- if (!res.data.code) {
|
|
|
- let id = res.data.data.id
|
|
|
- localStorage.removeItem("patientCase")
|
|
|
- this.$router.push({
|
|
|
- path: 'solutionpkline',
|
|
|
- query: {
|
|
|
- id: id
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- Toast(res.data.message)
|
|
|
- }
|
|
|
- })
|
|
|
- });
|
|
|
-
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calc_mczsjl() {
|
|
|
+ let that = this;
|
|
|
+ this.$api.calc_mczsjl(this.form).then(res => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.$set(this.form, "mczsjl", res.data.data)
|
|
|
+ this.mczsjl = res.data.data
|
|
|
+ console.log(this.form, 3333333333)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ let patid = this.$route.query.patid;
|
|
|
+ if (!patid) {
|
|
|
+ this.$router.push("regpatinfo")
|
|
|
+ } else {
|
|
|
+ this.$api.getPatientDoingCase({
|
|
|
+ patid: patid
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 0 && res.data.data.id) {
|
|
|
+ this.form = res.data.data
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
|
|
|
</script>
|
|
@@ -519,12 +543,16 @@
|
|
|
.popupContainer {
|
|
|
background: #EFEFEF;
|
|
|
padding: 2px;
|
|
|
+ height: 100vh;
|
|
|
+ width: 84%;
|
|
|
+ margin: auto;
|
|
|
}
|
|
|
|
|
|
.popupFooter {
|
|
|
display: flex;
|
|
|
/* padding: 2rem; */
|
|
|
background: #EFEFEF;
|
|
|
+ margin-top: 2rem;
|
|
|
|
|
|
|
|
|
.jbbtn {
|