raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
							<!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()">&nbsp;</button>
		<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>
		<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 {
					finishedStatus: null, //随访完成状态
					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',
						followup_date:'',
						next_visiting_date:''
					},
					followupId: Request['id'],
					version: Request['version'],
					patientCode:'',
                    followupClass:''
				}
			},
			mounted: function () {
				this.getData() //获取随访状态
			},
			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
								vm.dealData(data)
								vm.getStatus(false)
							}else{
								vm.getStatus(true)
							}
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				dealData: function (data) {
					var vm=this
					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

				},
				getLastData:function(doctorName,name){
                    var vm=this
                    fangshiAPI.getLastVisitRecord({ followupClass: vm.followupClass,patientCode:vm.patientCode }).then(function (res) {
						if (res.status == 200) {
							var data = res.data.detail
							// finishedStatus：true 随访完成，false 随访未完成
								//默认随访医生签名
								vm.postpartumVisitDetails.visiting_doctor_name=doctorName
								vm.postpartumVisitDetails.name=name
								// 居民存在上次历史记录，则代入默认信息
								if (res.data.detail) {
									vm.postpartumVisitDetails = res.data.detail
									vm.dealData(data)
								}
								//默认随访时间为当前时间
								vm.postpartumVisitDetails.followup_date = new Date().format("yyyy-MM-dd")
								vm.postpartumVisitDetails.next_visiting_date=null
						}
                    })
                },
				// 完成随访状态修改
				finish: function () {
					var vm=this
					fangshiAPI.updateFollowStatus({ followupId: this.followupId }).then(function (res) {
						if (res.status == 200) {
                            vm.finishedStatus=true
                            vm.setEditBtn()
                            top.toastr.info("完成随访成功")
						} 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) {
							vm.finishedStatus ? '' : vm.finish()
							vm.finishedStatus ? top.toastr.info('保存成功') :''
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				//获取当前随访状态信息  Request['id']||'1'
				getStatus: function (getLast) {
					var vm = this
					fangshiAPI.getFollowupInfo({ followupId: this.followupId || '1888107' }).then(function (res) {
						if (res.status == 200) {
							res.data.status!=1?vm.finishedStatus=false:vm.finishedStatus=true
							vm.patientCode=res.data.patientCode
							vm.followupClass=res.data.followupClass
							var doctorName=res.data.doctorName
							var name=res.data.patient.name
                            if(getLast){
                                vm.getLastData(doctorName,name)//获取patientCode,followupClass 获取上一次数据
                            }
							vm.setEditBtn()
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				setEditBtn: function () {
					var btn = document.getElementsByClassName('button')[0]
					if(!this.finishedStatus){
						btn.innerHTML='完成随访'
						this.editable = true
						return 
					}
					if (this.isEditBtn == true) {
						btn.innerHTML = '编辑'
						this.editable = false
					} else if (this.isEditBtn == false) {
						btn.innerHTML='保存'
						this.editable = true
					}
				},
				editBtn: function () {
					if (this.finishedStatus) {
						this.isEditBtn = !this.isEditBtn
					}
					this.setEditBtn()
					this.isEditBtn || !this.finishedStatus?this.editData():''//保存数据
				}
			}
		})
	</script>
</body>

</html>