raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
							<!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>
		<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="../../../../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 {
					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()
			},
			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 = data.referral
								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(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) {
							top.toastr.info('保存成功')
						} else {
							top.toastr.error(res.msg);
						}
					})
				},
				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>