|
|
@ -1,394 +0,0 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>产后访视+新生儿记录表</title>
|
|
|
<meta name="author" content="yihu.com" />
|
|
|
<meta name="format-detection" content="telephone=no" />
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
|
|
/>
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
|
<link rel="shortcut icon" href="../../../../favicon.ico">
|
|
|
<link rel="stylesheet" type="text/css" href="../../../../css/element-ui.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../../../../css/cross.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../../../../css/bootstrap.min.css" />
|
|
|
<link href="../../../../plugins/toastr/toastr.min.css" rel="stylesheet">
|
|
|
<link href="../css/fangshi-detail.css" rel="stylesheet">
|
|
|
</head>
|
|
|
<style>
|
|
|
.el-radio {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.setPicker .el-input--prefix .el-input__inner {
|
|
|
text-align: center
|
|
|
}
|
|
|
|
|
|
div.ui-col-1 {
|
|
|
line-height: 27px;
|
|
|
}
|
|
|
|
|
|
.setinput .el-input__inner {
|
|
|
padding: 0;
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<button class="button" @click="editBtn()">编辑</button>
|
|
|
<finish-followup-btn :followupId="followupId" :finishedBtn="finishedBtn" v-on:getfinish="getFinishfChild($event)"></finish-followup-btn>
|
|
|
<p class="c-f20 mb10" style="text-align: center;">产后访视记录表</p>
|
|
|
<div class="ui-grid p10">
|
|
|
<div class="ui-col-1">
|
|
|
<div class="ui-grid">
|
|
|
<div class="ui-col-0">姓名:</div>
|
|
|
<div class="ui-col-1">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.name" placeholder="" clearable></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ui-col-1">
|
|
|
<div class="ui-grid">
|
|
|
<div class="ui-col-0">编号:</div>
|
|
|
<div class="ui-col-1">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.number" placeholder="" clearable></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<table class="table table-bordered">
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">随访日期</td>
|
|
|
<td colspan="3">
|
|
|
<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.followup_date" type="date" value-format="yyyy-MM-dd"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">分娩日期</td>
|
|
|
<td>
|
|
|
<el-date-picker type="date" :readonly="!editable" v-model="postpartumVisitDetails.parturition_date" value-format="yyyy-MM-dd"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</td>
|
|
|
<td class="col-w120 c-t-center">出院日期</td>
|
|
|
<td>
|
|
|
<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.discharged_date" value-format="yyyy-MM-dd" type="date"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">体 温（℃）</td>
|
|
|
<td colspan="3">
|
|
|
<el-input type="number" :readonly="!editable" v-model="postpartumVisitDetails.body_temperature" placeholder=""></el-input>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">一般健康情况</td>
|
|
|
<td colspan="3">
|
|
|
<el-input type="textarea" :readonly="!editable" v-model="postpartumVisitDetails.healthy_condition" placeholder="" clearable></el-input>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">一般心理状况</td>
|
|
|
<td colspan="3">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.psychologic_status" placeholder="" clearable></el-input>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">血 压(mmHg)</td>
|
|
|
<td colspan="3">
|
|
|
<div class="setinput">
|
|
|
<el-input type="number" class="col-w80" :readonly="!editable" v-model="postpartumVisitDetails.blood_pressure_low" placeholder=""></el-input>mmHg /
|
|
|
<el-input type="number" class="col-w80" :readonly="!editable" v-model="postpartumVisitDetails.blood_pressure_high" placeholder=""></el-input>mmHg
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">乳 房</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.breast_status">
|
|
|
<el-radio :disabled="!editable" label="1">未见异常</el-radio>
|
|
|
<el-radio :disabled="!editable" label="2">异常</el-radio>
|
|
|
</el-radio-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">恶 露</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.lochia_status">
|
|
|
<el-radio :disabled="!editable" label="1">未见异常</el-radio>
|
|
|
<el-radio :disabled="!editable" label="2">异常</el-radio>
|
|
|
</el-radio-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">子 宫</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.uterus_status">
|
|
|
<el-radio :disabled="!editable" label="1">未见异常</el-radio>
|
|
|
<el-radio :disabled="!editable" label="2">异常</el-radio>
|
|
|
</el-radio-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">伤 口</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.wound_status">
|
|
|
<el-radio :disabled="!editable" label="1">未见异常</el-radio>
|
|
|
<el-radio :disabled="!editable" label="2">异常</el-radio>
|
|
|
</el-radio-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">其 他</td>
|
|
|
<td colspan="3">
|
|
|
<el-input type="textarea" :readonly="!editable" v-model="postpartumVisitDetails.other" placeholder="" clearable></el-input>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">分 类</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.category">
|
|
|
<el-radio :disabled="!editable" label="1">未见异常</el-radio>
|
|
|
<el-radio :disabled="!editable" label="2">异常</el-radio>
|
|
|
</el-radio-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">指 导</td>
|
|
|
<td colspan="3">
|
|
|
<el-checkbox-group v-model="check" :disabled="!editable">
|
|
|
<el-checkbox label="1">个人卫生</el-checkbox>
|
|
|
<el-checkbox label="2">心理</el-checkbox>
|
|
|
<el-checkbox label="3">营养</el-checkbox>
|
|
|
<el-checkbox label="4">母乳喂养</el-checkbox>
|
|
|
<el-checkbox label="5">新生儿护理与喂养</el-checkbox>
|
|
|
<el-checkbox class="setinput" label="6">
|
|
|
<el-input type="text" :readonly="other_guide||!editable" v-model="postpartumVisitDetails.other_guide_content" placeholder="其他"
|
|
|
clearable></el-input>
|
|
|
</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">转 诊</td>
|
|
|
<td colspan="3">
|
|
|
<el-radio-group v-model="postpartumVisitDetails.referral">
|
|
|
<el-radio :disabled="!editable" :label="0">无</el-radio>
|
|
|
<el-radio :disabled="!editable" :label="1">有</el-radio>
|
|
|
</el-radio-group>
|
|
|
<div class="mt20 ui-grid">
|
|
|
<div class="ui-col-0" for="">原因：</div>
|
|
|
<div class="ui-col-1">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.referral_REASON" placeholder="" clearable></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mt20 ui-grid">
|
|
|
<div class="ui-col-0">机构:</div>
|
|
|
<div class="ui-col-1">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.organization_ORG_NAME" placeholder="" clearable></el-input>
|
|
|
</div>
|
|
|
<div class="ui-col-0">科室:</div>
|
|
|
<div class="ui-col-1">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.organization" placeholder="" clearable></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">下次随访日期</td>
|
|
|
<td colspan="3">
|
|
|
<el-date-picker :readonly="!editable" v-model="postpartumVisitDetails.next_visiting_date" value-format="yyyy-MM-dd" type="date"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="col-w120 c-t-center">随访医生签名</td>
|
|
|
<td colspan="3">
|
|
|
<el-input :readonly="!editable" v-model="postpartumVisitDetails.visiting_doctor_name" placeholder="" clearable></el-input>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<fangshi-detail-6 :followupId="followupId" :version="version"></fangshi-detail-6>
|
|
|
<follow-bottom :followupId="followupId"></follow-bottom>
|
|
|
</div>
|
|
|
<script src="../../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../js/util.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../plugins/toastr/toastr.min.js"></script>
|
|
|
<script src="../../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../component/followup/follow-bottom.js"></script>
|
|
|
<script src="../../../../component/followup/fangshi-detail-6.js"></script>
|
|
|
<script src="../../../../component/followup/finish-followup-btn.js"></script>
|
|
|
<script src="../../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="../../../../api/fangshi-api.js"></script>
|
|
|
<script>
|
|
|
var Request = GetRequest();
|
|
|
new Vue({
|
|
|
el: "#app",
|
|
|
data: function () {
|
|
|
return {
|
|
|
finishedBtn: true,
|
|
|
editable: false,
|
|
|
other_guide: true,
|
|
|
isEditBtn: true,
|
|
|
data2: "",
|
|
|
radio: "",
|
|
|
input: '',
|
|
|
check: [],
|
|
|
postpartumVisitDetails: {
|
|
|
personal_hygiene: '0',
|
|
|
mentality: '0',
|
|
|
nutrition: '0',
|
|
|
breast_feeding: '0',
|
|
|
newborn_care_and_feeding: '0',
|
|
|
other_guide: '0',
|
|
|
},
|
|
|
followupId: Request['id'],
|
|
|
version: Request['version']
|
|
|
}
|
|
|
},
|
|
|
mounted: function () {
|
|
|
this.getData()
|
|
|
//获取随访详情
|
|
|
this.getStatus()
|
|
|
},
|
|
|
watch: {
|
|
|
check: function (i) {
|
|
|
var a = i.indexOf('6')
|
|
|
if (a > -1) {
|
|
|
this.other_guide = false
|
|
|
} else {
|
|
|
this.other_guide = true
|
|
|
this.postpartumVisitDetails.other_guide_content = ''
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
getData: function () {
|
|
|
var vm = this
|
|
|
fangshiAPI.getPostpartumVisitDetails({ followupId: this.followupId || '3' }).then(function (res) {
|
|
|
if (res.status == 200) {
|
|
|
var data = res.data
|
|
|
if (data != null) {
|
|
|
vm.postpartumVisitDetails = data
|
|
|
var vmP = vm.postpartumVisitDetails
|
|
|
vmP.breast_status = data.breast_status ? data.breast_status.toString() : ''
|
|
|
vmP.lochia_status = data.lochia_status ? data.lochia_status.toString() : ''
|
|
|
vmP.uterus_status = data.uterus_status ? data.uterus_status.toString() : ''
|
|
|
vmP.wound_status = data.wound_status ? data.wound_status.toString() : ''
|
|
|
vmP.category = data.category ? data.category.toString() : ''
|
|
|
vmP.other = data.other
|
|
|
if (data.personal_hygiene == '1') {
|
|
|
vm.check.push('1')
|
|
|
} if (data.mentality == '1') {
|
|
|
vm.check.push('2')
|
|
|
} if (data.nutrition == '1') {
|
|
|
vm.check.push('3')
|
|
|
} if (data.breast_feeding == '1') {
|
|
|
vm.check.push('4')
|
|
|
} if (data.newborn_care_and_feeding == '1') {
|
|
|
vm.check.push('5')
|
|
|
} if (data.other_guide == '1') {
|
|
|
vm.check.push('6')
|
|
|
}
|
|
|
vmP.other_guide_content = data.other_guide_content
|
|
|
// vmP.REFERRAL_REASON = data.referral_REASON
|
|
|
vmP.organization_ORG_NAME = data.organization_ORG_NAME
|
|
|
vmP.organization = data.organization
|
|
|
vmP.next_visiting_date = data.next_visiting_date
|
|
|
vmP.visiting_doctor_name = data.visiting_doctor_name
|
|
|
}
|
|
|
} else {
|
|
|
top.toastr.error(res.msg);
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
editData: function () {
|
|
|
var vm = this
|
|
|
vm.check.map(function(i) {
|
|
|
if (i == '1') {
|
|
|
vm.postpartumVisitDetails.personal_hygiene = '1'
|
|
|
} else if (i == '2') {
|
|
|
vm.postpartumVisitDetails.mentality = '1'
|
|
|
} else if (i == '3') {
|
|
|
vm.postpartumVisitDetails.nutrition = '1'
|
|
|
} else if (i == '4') {
|
|
|
vm.postpartumVisitDetails.breast_feeding = '1'
|
|
|
} else if (i == '5') {
|
|
|
vm.postpartumVisitDetails.newborn_care_and_feeding = '1'
|
|
|
} else if (i == '6') {
|
|
|
vm.postpartumVisitDetails.other_guide = '1'
|
|
|
}
|
|
|
})
|
|
|
this.postpartumVisitDetails.create_time = null
|
|
|
this.postpartumVisitDetails.version = this.version //版本号
|
|
|
fangshiAPI.savePostpartumVisitDetails({ followupId: this.followupId || '3', postpartumVisitDetails: JSON.stringify(this.postpartumVisitDetails) }).then(function (res) {
|
|
|
if (res.status == 200) {
|
|
|
//判断是否完成随访，未完成则将完成按钮显示出来
|
|
|
var btn=document.getElementById('isfinish')
|
|
|
if (vm.sfStatus != 1) {
|
|
|
vm.finishedBtn = false
|
|
|
btn.innerText='完成随访'
|
|
|
} else {
|
|
|
vm.finishedBtn = true
|
|
|
btn.innerText='已完成'
|
|
|
}
|
|
|
vm.getStatus()
|
|
|
top.toastr.info('保存成功')
|
|
|
} else {
|
|
|
top.toastr.error(res.msg);
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
//获取当前随访状态信息 Request['id']||'1'
|
|
|
getStatus: function () {
|
|
|
var vm = this
|
|
|
fangshiAPI.getFollowupInfo({ followupId: this.followupId || '1888107' }).then(function (res) {
|
|
|
if (res.status == 200) {
|
|
|
vm.sfStatus = res.data.status
|
|
|
var btn=document.getElementById('isfinish')
|
|
|
if (vm.sfStatus != 1) {
|
|
|
btn.innerText='完成随访'
|
|
|
} else {
|
|
|
btn.innerText='已完成'
|
|
|
}
|
|
|
} else {
|
|
|
top.toastr.error(res.msg);
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
getFinishfChild: function (msg) {
|
|
|
this.finishedBtn = msg
|
|
|
this.getStatus()
|
|
|
},
|
|
|
editBtn: function () {
|
|
|
this.isEditBtn = !this.isEditBtn
|
|
|
if (this.isEditBtn == true) {
|
|
|
var btn = document.getElementsByClassName('button')[0]
|
|
|
btn.innerHTML = '编辑'
|
|
|
this.editable = false
|
|
|
this.editData()
|
|
|
} else if (this.isEditBtn == false) {
|
|
|
var btn = document.getElementsByClassName('button')[0]
|
|
|
btn.innerHTML = '保存'
|
|
|
this.editable = true
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
zhangyanfang