首页 发现 帮助
注册 登录
chenyue
/
PC-application
派生自 raolu/PC-application
关注 0
点赞 0
派生 0
文件
浏览代码

Merge branch 'master' of http://192.168.1.220:10080/raolu/PC-application

huhongkun 6 年之前
父节点
a8dece1c38 1b6923348a
当前提交
c97ad4eeaa
共有 51 个文件被更改，包括 8375 次插入 和 1509 次删除
分列视图 显示文件统计
  1. 57 0
      api/fangshi-api.js
  2. 5 4
      api/http-request.js
  3. 0 36
      app/followup/css/fangshi-detail.css
  4. 0 104
      app/followup/html/fangshi-detail-3.html
  5. 0 467
      app/followup/html/fangshi-detail-8.html
  6. 76 0
      app/followup/index.html
  7. 88 0
      app/followup/v1/css/fangshi-detail.css
  8. 0 0
      app/followup/v1/css/follow-up.css
  9. 1174 0
      app/followup/v1/html/fangshi-detail-10.html
  10. 359 0
      app/followup/v1/html/fangshi-detail-5,6.html
  11. 1108 0
      app/followup/v1/html/fangshi-detail-6.html
  12. 846 0
      app/followup/v1/html/fangshi-detail-7.html
  13. 2234 0
      app/followup/v1/html/fangshi-detail-8.html
  14. 444 0
      app/followup/v1/html/fangshi-detail-9.html
  15. 0 0
      app/followup/v1/html/follow-up.html
  16. 0 0
      app/followup/v1/html/followup_education.html
  17. 0 0
      app/followup/v1/html/followup_evaluate.html
  18. 0 0
      app/followup/v1/html/followup_guidance.html
  19. 0 0
      app/followup/v1/html/followup_inspect.html
  20. 0 0
      app/followup/v1/html/followup_medication.html
  21. 0 0
      app/followup/v1/html/followup_referral.html
  22. 0 0
      app/followup/v1/html/followup_register.html
  23. 0 0
      app/followup/v1/html/followup_sign.html
  24. 0 0
      app/followup/v1/html/followup_symptom.html
  25. 0 0
      app/followup/v1/html/followup_tabs.html
  26. 0 0
      app/followup/v1/html/followup_target.html
  27. 0 0
      app/followup/v1/html/lay_followUp_detail.html
  28. 0 0
      app/followup/v1/image/dianxuan_btn.png
  29. 0 0
      app/followup/v1/image/dianxuan_pre.png
  30. 0 0
      app/followup/v1/image/gouxuan_btn.png
  31. 0 0
      app/followup/v1/image/gouxuan_pre.png
  32. 0 0
      app/followup/v1/js/education.js
  33. 0 0
      app/followup/v1/js/evaluate.js
  34. 0 0
      app/followup/v1/js/follow-up.js
  35. 0 0
      app/followup/v1/js/followup-tabs.js
  36. 0 0
      app/followup/v1/js/guidance.js
  37. 0 0
      app/followup/v1/js/inspect.js
  38. 0 0
      app/followup/v1/js/measure_unit_dict.js
  39. 0 0
      app/followup/v1/js/medication.js
  40. 0 0
      app/followup/v1/js/recipe_frequency_dict.js
  41. 0 0
      app/followup/v1/js/referral.js
  42. 0 0
      app/followup/v1/js/register.js
  43. 0 0
      app/followup/v1/js/sign.js
  44. 0 0
      app/followup/v1/js/symptom.js
  45. 0 0
      app/followup/v1/js/target.js
  46. 304 307
      app/rehabilitation/html/rehabilitation_management.html
  47. 575 575
      app/rehabilitation/js/rehabilitation_management.js
  48. 1 1
      app/statistics/js/response-speed-analysis.js
  49. 1 1
      app/statistics/js/service-sheet-analysis.js
  50. 1072 0
      component/followup/fangshi-detail-6.js
  51. 31 14
      component/followup/follow-bottom.js

+ 57 - 0
api/fangshi-api.js
查看文件 

@ -0,0 +1,57 @@
 
(function (exports) {

    var fangshiAPI = {

        // 签到详情

        findByFollowupId: function (data) {

            return httpRequest.get("doctor/followup/findByFollowupId", { data: data })

        },

        //获取孕产妇访视详情

        getPostpartumVisitDetails: function (data) {

            return httpRequest.get("doctor/visitDetail/getPostpartumVisitDetails", { data: data })

        },

        //保存孕产妇访视详情

        savePostpartumVisitDetails: function (data) {

            return httpRequest.post("doctor/visitDetail/savePostpartumVisitDetails", { data: data })

        },

        //保存严重精神障碍患者随访记录

        saveFollowupSevereMentalDisorder: function (data) {

            return httpRequest.post("doctor/visitDetail/saveFollowupSevereMentalDisorder", { data: data })

        },

        //获取严重精神障碍患者随访记录

        getFollowupSevereMentalDisorder: function (data) {

            return httpRequest.get("doctor/visitDetail/getFollowupSevereMentalDisorder", { data: data })

        },

        //获取新生儿家庭访视记录

        getNewbornFamilyVisitRecord: function (data) {

            return httpRequest.get("doctor/visitDetail/getNewbornFamilyVisitRecord", { data: data })

        },

        //保存新生儿家庭访视记录

        saveNewbornFamilyVisitRecord: function (data) {

            return httpRequest.post("doctor/visitDetail/saveNewbornFamilyVisitRecord", { data: data })

        },

        //保存老人健康体检随访记录

        saveOlderPeopleHealthCheckRecord: function (data) {

            return httpRequest.post("doctor/visitDetail/saveOlderPeopleHealthCheckRecord", { data: data })

        },

        //获取老人健康体检随访记录

        getOlderPeopleHealthCheckRecord: function (data) {

            return httpRequest.get("doctor/visitDetail/getOlderPeopleHealthCheckRecord", { data: data })

        },

        //获取第一次肺结核随访记录

        getPhthisisFirstCheckRecord: function (data) {

            return httpRequest.get("doctor/phthisis/getFirst", { data: data })

        },

        //保存第一次肺结核随访记录

        savePhthisisFirstCheckRecord: function (data) {

            return httpRequest.post("doctor/phthisis/saveFirst", { data: data })

        },

        //保存肺结核患者第n次入户随访记录

        savePhthisis:function(data){

            return httpRequest.post("doctor/phthisis/saveNTimes",{data:data})

        },

        //获取肺结核患者第n次入户随访记录

        getPhthisis:function(data){

            return httpRequest.get("doctor/phthisis/getNTimes", { data: data })

        }

    }

    exports.fangshiAPI = fangshiAPI;
 
})(window)

+ 5 - 4
api/http-request.js
查看文件 

@ -26,14 +26,15 @@
 
            imgServer = "http://10.95.22.10:8011/";

        }

    } else { // 测试环境配置

        server = "http://172.26.0.118:9092/wlyy/"

        server = "http://172.26.0.118:9092/wlyy/"  //测试环境

        // server = "http://192.168.131.190:8080/"  //桃红

//      server = "http://192.168.131.144:8080/" //冬梅

        imserver = "http://172.26.0.118:3000/api/v2";

        socketUrl = "http://172.26.0.118:3000";

//      server = "http://192.168.131.154:8080/"

        articleServer="http://172.26.0.118:9092/wlyy/"

    //  server = "http://192.168.131.154:8080/"

        // articleServer="http://172.26.0.118:9092/wlyy/"

//   server = "http://192.168.131.130:8080/";

//		server = "http://192.168.131.123:8080/"; // 明芬

		// server = "http://192.168.131.118:8080/"; // 明芬

//      server = "http://192.168.131.127:8060/"; //逸祥

//      server = "http://192.168.131.24:8080/"; //仕杰

//      server = "http://192.168.131.143:8080/"; // 志南

+ 0 - 36
app/followup/css/fangshi-detail.css
查看文件 

@ -1,36 +0,0 @@
 
body {
 
	font-size: 14px;
 
}
 
.table>tbody>tr>td{
 
	vertical-align: middle;
 
}
 
.c-t-center {
 
	text-align: center;
 
}
 
.col-w80 {
 
	width: 80px;
 
}
 
.col-w100 {
 
	width: 80px;
 
}
 
.col-w120 {
 
	width: 120px;
 
}
 
.el-input--prefix .el-input__inner , .el-input__inner{
 
	border: 0;
 
    height: 20px;
 
}
 
.el-input__icon {
 
	line-height: 20px;
 
}
 
.el-date-editor.el-input, .el-date-editor.el-input__inner {
 
	width: 100%;
 
}
 
.el-textarea__inner {
 
	border: 0;
 
}

+ 0 - 104
app/followup/html/fangshi-detail-3.html
查看文件 

@ -1,104 +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/bootstrap.min.css"  />
 
        <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
 
		<link href="../css/fangshi-detail.css" rel="stylesheet">
 
	</head>
 
	<body>
 
		<div id="app">
 
			<table class="table table-bordered">
 
				<tr>
 
					<td class="col-w120 c-t-center">随访日期</td>
 
					<td colspan="3">
 
						<el-date-picker
 
							:readonly="!editable"
 
					      v-model="data2"
 
					      type="date"
 
					      placeholder="选择日期">
 
					    </el-date-picker>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">分娩日期</td>
 
					<td>
 
						<el-date-picker
 
							:readonly="!editable"
 
					      v-model="data2"
 
					      type="date"
 
					      placeholder="选择日期">
 
					    </el-date-picker>
 
					</td>
 
					<td class="col-w120 c-t-center">出院日期</td>
 
					<td>
 
						<el-date-picker
 
							:readonly="!editable"
 
					      v-model="data2"
 
					      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="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般健康情况</td>
 
					<td colspan="3">
 
						<el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般心理状况</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">血 压(mmHg)</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">乳 房</td>
 
					<td colspan="3">
 
						<el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
 
  						<el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
 
					</td>
 
				</tr>
 
			</table>
 
		</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="../../../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="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
		<script>
 
			new Vue({
 
				el: "#app",
 
				data: function() {
 
					return {
 
						editable: true,
 
						data2: "",
 
						radio: ""
 
					}
 
				}
 
			})
 
		</script>
 
	</body>
 
</html>

+ 0 - 467
app/followup/html/fangshi-detail-8.html
查看文件 

@ -1,467 +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/bootstrap.min.css"  />
 
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
 
        <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
 
		<link href="../css/fangshi-detail.css" rel="stylesheet">
 
		<style>
 
			.p8 {padding: 8px;}
 
			.col-w60 {width: 60px;}
 
			.col-w120 {width: 130px;}
 
			.mb0 {margin-bottom: 0;}
 
			.setinput .el-input--suffix .el-input__inner {
 
				padding: 0;
 
				border-bottom: 1px solid #e1e1e1;
 
			}
 
			.el-checkbox, .el-radio {
 
			    margin-left: 30px;
 
			}
 
			.el-radio__label {display: inline-block;}
 
		</style>
 
	</head>
 
	<body>
 
		<div id="app">
 
			<table class="table table-bordered mb0">
 
				<tr>
 
					<td class="col-w120 c-t-center">体检日期</td>
 
					<td>
 
						<el-date-picker
 
							:readonly="!editable"
 
					      v-model="data1"
 
					      type="date"
 
					      placeholder="选择日期">
 
					    </el-date-picker>
 
					</td>
 
					<td class="col-w120 c-t-center">责任医生</td>
 
					<td>
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
			</table>
 
			<div class="ui-grid">
 
				<div class="ui-col-0 p8 c-border-l col-w60 c-t-center">内&emsp;容</div>
 
				<div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检&emsp;查&emsp;项&emsp;目</div>
 
			</div>
 
			<table class="table table-bordered mb0">
 
				<tr>
 
					<td class="col-w60 c-t-center">症<br>状</td>
 
					<td colspan="4">
 
						<el-checkbox-group v-model="checkList">
 
						    <el-checkbox label="1 无症状"key=""></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 label="6 胸痛"></el-checkbox>
 
						    <el-checkbox label="7 慢性咳嗽"></el-checkbox>
 
						    <el-checkbox label="8 咳痰"></el-checkbox>
 
						    <el-checkbox label="9 呼吸困难"></el-checkbox>
 
						    <el-checkbox label="10 多饮"></el-checkbox>
 
						    <el-checkbox label="11 多尿"></el-checkbox>
 
						    <el-checkbox label="12 体重下降"></el-checkbox>
 
						    <el-checkbox label="13 乏力"></el-checkbox>
 
						    <el-checkbox label="14 关节肿痛"></el-checkbox>
 
						    <el-checkbox label="15 视力模糊"></el-checkbox>
 
						    <el-checkbox label="16 手脚麻木"></el-checkbox>
 
						    <el-checkbox label="17 尿急"></el-checkbox>
 
						    <el-checkbox label="18 尿痛"></el-checkbox>
 
						    <el-checkbox label="19 便秘   "></el-checkbox>
 
						    <el-checkbox label="20 腹泻"></el-checkbox>
 
						    <el-checkbox label="21 恶心呕吐"></el-checkbox>
 
						    <el-checkbox label="22 眼花"></el-checkbox>
 
						    <el-checkbox label="23 耳鸣 "></el-checkbox>
 
						    <el-checkbox label="24 乳房胀痛"></el-checkbox>
 
						    <el-checkbox class="setinput" label="25">
 
						    	<el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
 
						    </el-checkbox>
 
						 </el-checkbox-group>
 
					</td>
 
				</tr>
 
				<!--一般状况-->
 
				<tr>
 
					<td rowspan="9" class="col-w60 c-t-center">一<br>般<br>状<br>况</td>
 
					<td class="col-w120 c-t-center">体&emsp;&emsp;温</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">°C</div>
 
					</td>
 
					<td class="col-w120 c-t-center">脉&emsp;&emsp;率</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">次/分钟</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td rowspan="2" class="col-w120 c-t-center">呼吸频率</td>
 
					<td rowspan="2">
 
						<div class="ui-grid">
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">次/分钟</div>
 
						</div>
 
					</td>
 
					<td rowspan="2" class="col-w120 c-t-center">血&emsp;压</td>
 
					<td class="ui-grid">
 
						<div class="ui-ciol-0 col-w60 c-border-r">左&emsp;侧</div>
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">mmHg</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="ui-grid">
 
						<div class="ui-ciol-0 col-w60 c-border-r">右&emsp;侧</div>
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">mmHg</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">身&emsp;&emsp;高</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">cm</div>
 
					</td>
 
					<td class="col-w120 c-t-center">体&emsp;&emsp;重</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">kg</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">腰&emsp;&emsp;围</td>
 
					<td>
 
						<div class="ui-grid">
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">cm</div>
 
						</div>
 
					</td>
 
					<td class="col-w120 c-t-center">体质指数（BMI）</td>
 
					<td>
 
						<div class="ui-grid">
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">kg/m²</div>
 
						</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">老年人健康状态自我评估*</td>
 
					<td colspan="3">
 
						 <el-radio-group v-model="radio">
 
						    <el-radio :label="1">1  满意</el-radio>
 
						    <el-radio :label="2">2 基本满意</el-radio>
 
						    <el-radio :label="3">3 说不清楚</el-radio>
 
						    <el-radio :label="4">4 不太满意</el-radio>
 
						    <el-radio :label="5">5 胸闷</el-radio>
 
						  </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">老年人生活自理自我评估*</td>
 
					<td colspan="3">
 
						 <el-radio-group v-model="radio">
 
						    <el-radio :label="1">1  可自理（0 ～ 3 分）</el-radio>
 
						    <el-radio :label="2">2 轻度依赖（4 ～ 8 分）</el-radio>
 
						    <el-radio :label="3">3 中度依赖（9 ～ 18 分）</el-radio>
 
						    <el-radio :label="4">4 不能自理（≥19 分）</el-radio>
 
						  </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">老年人认知功能*</td>
 
					<td colspan="3">
 
						 <el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 粗筛阴性</el-radio>
 
						    <el-radio :label="2">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="radio">
 
						    <el-radio :label="1">1 粗筛阴性</el-radio>
 
						    <el-radio :label="2">2 粗筛阳性， 简易智力状态检查，总分</el-radio>
 
						  </el-radio-group>
 
					</td>
 
				</tr>
 
				<!--生活方式-->
 
			</table>
 
			<table class="table table-bordered">
 
				<tr>
 
					<td rowspan="13" class="col-w60 c-t-center">生<br>活<br>方<br>式</td>
 
					<td rowspan="3" class="col-w120 c-t-center">体育锻炼</td>
 
					<td class="col-w120 c-t-center">锻炼频率</td>
 
					<td colspan="3">
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1   每天</el-radio>
 
						    <el-radio :label="2">2 每周一次以上</el-radio>
 
						    <el-radio :label="3">3 偶尔</el-radio>
 
						    <el-radio :label="4">4 不锻炼</el-radio>
 
						  </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">每次锻炼时间</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">分钟</div>
 
					</td>
 
					<td class="col-w120 c-t-center">坚持锻炼时间</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">年</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">锻炼方式</td>
 
					<td colspan="3">
 
						<div class="ui-grid">
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">年</div>
 
						</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">饮食习惯</td>
 
					<td colspan="4">
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 荤素均衡</el-radio>
 
						    <el-radio :label="2">2 荤食为主</el-radio>
 
						    <el-radio :label="3">3 素食为主</el-radio>
 
						    <el-radio :label="4">4 嗜盐</el-radio>
 
						    <el-radio :label="5">5 嗜油</el-radio>
 
						    <el-radio :label="6">6 嗜糖</el-radio>
 
						  </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td rowspan="3" class="col-w120 c-t-center">吸烟情况</td>
 
					<td class="col-w120 c-t-center">吸烟状况</td>
 
					<td colspan="3">
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 从不吸烟</el-radio>
 
						    <el-radio :label="2">2 已戒烟</el-radio>
 
						    <el-radio :label="3">3 吸烟</el-radio>
 
						 </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">日吸烟量</td>
 
					<td colspan="3">
 
						<div class="ui-grid">
 
							<div class="ui-col-0">平均</div>
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">次</div>
 
						</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">平均吸烟年龄</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">岁</div>
 
					</td>
 
					<td class="col-w120 c-t-center">戒烟年龄</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">岁</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td rowspan="5" class="col-w120 c-t-center">饮酒情况</td>
 
					<td class="col-w120 c-t-center">饮酒频率</td>
 
					<td colspan="3">
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 从不</el-radio>
 
						    <el-radio :label="2">2 偶尔</el-radio>
 
						    <el-radio :label="3">3 经常</el-radio>
 
						    <el-radio :label="4">4 每天</el-radio>
 
						 </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">日饮酒量</td>
 
					<td colspan="3">
 
						<div class="ui-grid">
 
							<div class="ui-col-0">平均</div>
 
							<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
							<div class="ui-col-0">两</div>
 
						</div>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">是否戒酒</td>
 
					<td colspan="3">
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 未戒酒</el-radio>
 
						    <el-radio :label="2">
 
						    	<div class="ui-grid">
 
						    		<div class="ui-col-0">2 已借酒，戒酒年龄：</div>
 
						    		<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						    		<div class="ui-col-0">岁</div>
 
						    	</div>
 
						   	</el-radio>
 
						 </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">平均饮酒年龄</td>
 
					<td class="ui-grid">
 
						<div class="ui-col-1"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						<div class="ui-col-0">岁</div>
 
					</td>
 
					<td class="col-w120 c-t-center">近一年是否曾醉酒</td>
 
					<td>
 
						<el-radio-group v-model="radio">
 
						    <el-radio :label="1">1 是</el-radio>
 
						    <el-radio :label="2">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="radio">
 
						    <el-radio :label="1">1 白酒</el-radio>
 
						    <el-radio :label="2">2 啤酒</el-radio>
 
						    <el-radio :label="3">3 红酒</el-radio>
 
						    <el-radio :label="4">4 黄酒</el-radio>
 
						    <el-checkbox class="setinput" label="5">
 
						    	<el-input :readonly="!editable" v-model="input" placeholder="其他" clearable></el-input>
 
						    </el-checkbox>
 
						 </el-radio-group>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">职业病危害因素接触史</td>
 
					<td colspan="4">
 
						<div>
 
							<el-radio :label="1">1 无</el-radio>
 
						    <el-radio :label="2">
 
						    	<div class="ui-grid">
 
						    		<div class="ui-col-0">2 有 （工种</div>
 
						    		<div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						    		<div class="ui-col-0">从业时间</div>
 
						    		<div class="ui-col-0"><el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input></div>
 
						    		<div class="ui-col-0">年）</div>
 
						    	</div>
 
						   	</el-radio>
 
						</div>
 
						<div class="ui-grid">
 
							<div class="ui-col-0 mr10">毒物种类</div>
 
							<div class="ui-col-1">
 
								<div class="ui-grid">
 
									<div class="ui-col-0">粉尘防范措施</div>
 
									<div class="ui-col-1">
 
										<el-radio-group v-model="radio">
 
										    <el-radio :label="1">1 无</el-radio>
 
										    <el-radio :label="2">2 有</el-radio>
 
										 </el-radio-group>
 
									</div>
 
								</div>
 
								<div class="ui-grid">
 
									<div class="ui-col-0">放射物质防范措施</div>
 
									<div class="ui-col-1">
 
										<el-radio-group v-model="radio">
 
										    <el-radio :label="1">1 无</el-radio>
 
										    <el-radio :label="2">2 有</el-radio>
 
										 </el-radio-group>
 
									</div>
 
								</div>
 
								<div class="ui-grid">
 
									<div class="ui-col-0">物理因素防范措施</div>
 
									<div class="ui-col-1">
 
										<el-radio-group v-model="radio">
 
										    <el-radio :label="1">1 无</el-radio>
 
										    <el-radio :label="2">2 有</el-radio>
 
										 </el-radio-group>
 
									</div>
 
								</div>
 
								<div class="ui-grid">
 
									<div class="ui-col-0">化学物质防范措施</div>
 
									<div class="ui-col-1">
 
										<el-radio-group v-model="radio">
 
										    <el-radio :label="1">1 无</el-radio>
 
										    <el-radio :label="2">2 有</el-radio>
 
										 </el-radio-group>
 
									</div>
 
								</div>
 
								<div class="ui-grid">
 
									<div class="ui-col-0">其他防范措施</div>
 
									<div class="ui-col-1">
 
										<el-radio-group v-model="radio">
 
										    <el-radio :label="1">1 无</el-radio>
 
										    <el-radio :label="2">2 有</el-radio>
 
										 </el-radio-group>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
					</td>
 
				</tr>
 
				<!-- <tr>
 
					<td class="col-w120 c-t-center">体 温（℃）</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般健康情况</td>
 
					<td colspan="3">
 
						<el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般心理状况</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">血 压(mmHg)</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">乳 房</td>
 
					<td colspan="3">
 
						<el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
 
  						<el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
 
					</td>
 
				</tr>-->
 
			</table>
 
			<follow-bottom></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="../../../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="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
		<script>
 
			new Vue({
 
				el: "#app",
 
				data: function() {
 
					return {
 
						editable: true,
 
						checkList: [],
 
						data1: "",
 
						input: null,
 
						radio: ""
 
					}
 
				}
 
			})
 
		</script>
 
	</body>
 
</html>

+ 76 - 0
app/followup/index.html
查看文件 

@ -0,0 +1,76 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="UTF-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
    <title>Document</title>
 
</head>
 
<body>
 
    <script src="../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
 
    <script src="../../plugins/toastr/toastr.min.js"></script>
 
    <script src="../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
    <script src="../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
 
    <script src="../../api/fangshi-api.js"></script>
 
    <script>
 
        //随访类别，type多类别“，”分割【1.高血压 2.糖尿病 3.肿瘤 4.精神分裂症 5.产后 6.新生儿
 
        //  7.严重精神病 8.80岁以上老人 9.肺结核】
 
        // 多次肺结核-n
 
        var Request = GetRequest();
 
        var version;
 
        var isAdd = Request.isEdit//是否为新增 1新增 0查看
 
        var followupId = Request.id
 
        var lastedVersion = 'v1'//最新版本
 
        if (Request.userAgent) {
 
            window.localStorage.setItem(httpRequest.agentName, decodeURIComponent(Request.userAgent))
 
        }
 
        if (Request.type == '5' || Request.type == '6') {
 
            fangshiAPI.getPostpartumVisitDetails({ followupId: followupId || '3' }).then(function (res) {
 
                if (res.status == 200) {
 
                    version = isAdd != '1' ? res.data.version : lastedVersion
 
                    location.replace('../../app/followup/' + version + '/html/fangshi-detail-5,6.html?id=' + followupId + "&version=" + version)
 
                } else {
 
                    top.toastr.error(res.msg);
 
                }
 
            })
 
        } if (Request.type == '7') {
 
            fangshiAPI.getFollowupSevereMentalDisorder({ followupId: followupId || '1' }).then(function (res) {
 
                if (res.status == 200) {
 
                    version = res.data != null ? res.data.version : lastedVersion
 
                    location.replace('../../app/followup/' + version + '/html/fangshi-detail-7.html?id=' + followupId + "&version=" + version)
 
                } else {
 
                    top.toastr.error(res.msg);
 
                }
 
            })
 
        } if (Request.type == '8') {
 
            fangshiAPI.getOlderPeopleHealthCheckRecord({ followupId: followupId || '1' }).then(function (res) {
 
                if (res.status == 200) {
 
                    version = res.data != null ? res.data.version : lastedVersion
 
                    location.replace('../../app/followup/' + version + '/html/fangshi-detail-8.html?id=' + followupId + "&version=" + version)
 
                } else {
 
                    top.toastr.error(res.msg);
 
                }
 
            })
 
        } if (Request.type == '9') {
 
            fangshiAPI.getPhthisisFirstCheckRecord({ followupId:followupId }).then(function (res) {
 
                if (res.status == 200) {
 
                    if (isAdd=='1') {//第一次肺结核
 
                        version =lastedVersion
 
                        location.replace('../../app/followup/' + version + '/html/fangshi-detail-9.html?id=' + followupId + "&version=" + version)
 
                    } else {
 
                        version =res.data.version 
                        location.replace('../../app/followup/' + version + '/html/fangshi-detail-10.html?id=' + followupId + "&version=" + version)
 
                    }
 
                } else {
 
                    top.toastr.error(res.msg);
 
                }
 
            })
 
        }
 
    </script>
 
</body>
 
</html>

+ 88 - 0
app/followup/v1/css/fangshi-detail.css
查看文件 

@ -0,0 +1,88 @@
 
body {
 
	font-size: 14px;
 
}
 
table{
 
width: 100%;
 
}
 
.table{
 
	margin-bottom: 0;
 
}
 
.table2Td{
 
	padding: 0 !important;
 
}
 
.table2 tr:nth-of-type(1) td{
 
	border-top: none;
 
}
 
.table2 tr:nth-last-child(1) td{
 
	border-bottom: none;
 
}
 
td{
 
	border:1px solid #ddd;
 
	padding: 8px;
 
}
 
.table>tbody>tr>td{
 
	vertical-align: middle;
 
}
 
.c-t-center {
 
	text-align: center;
 
}
 
.col-w40 {
 
	width: 40px;
 
}
 
.col-w80 {
 
	width: 80px;
 
}
 
.col-w100 {
 
	width: 80px;
 
}
 
.col-w120 {
 
	width: 120px;
 
}
 
.col-w200 {
 
	width: 200px;
 
}
 
.col-w300{
 
	width: 300px;
 
}
 
.el-input--prefix .el-input__inner , .el-input__inner{
 
	border: 0;
 
    height: 27px;
 
}
 
.el-input__icon {
 
	line-height: 27px;
 
}
 
.el-date-editor.el-input, .el-date-editor.el-input__inner {
 
	width: 100%;
 
}
 
.el-textarea__inner {
 
	border: 0;
 
}
 
label{font-weight: normal;}
 
.el-radio+.el-radio {
 
	margin-left: 10px;
 
}
 
.button{
 
	outline: none;
 
	border: 0;
 
	width: 100px;
 
	padding: 8px;
 
	border-radius: 5px;
 
	color: white;
 
	background-color:#095fcd;
 
	margin: 10px 30px;
 
}
 
.setinput .el-input--suffix .el-input__inner {
 
	padding:0;
 
	border-bottom: 1px solid #e1e1e1;
 
	text-align: center;
 
}
 
div.ui-col-0{
 
	line-height: 27px;
 
}

app/followup/css/follow-up.css → app/followup/v1/css/follow-up.css
查看文件


+ 1174 - 0
app/followup/v1/html/fangshi-detail-10.html
查看文件 

@ -0,0 +1,1174 @@
 
<!DOCTYPE html>
 
<html>
 
<head>
 
    <meta charset="UTF-8">
 
    <title>【除第一次外】肺结核患者第n次入户随访记录表</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">
 
    <style>
 
        .setinput .el-input__inner,
 
        .innerInput {
 
            padding: 0;
 
            border-bottom: 1px solid #e1e1e1;
 
            text-align: center;
 
        }
 
        .innerInput {
 
            width: 100px;
 
            padding: 0 5px !important;
 
        }
 
        .dudaorenyuan el-radio {
 
            width: 50%;
 
        }
 
    </style>
 
</head>
 
<body>
 
    <div id="app">
 
        <button class="button" @click="editBtn()">编辑</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="parient.patient.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="parient.number"
 
                            placeholder="" clearable>
 
                        </el-input>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <table class="table table-bordered">
 
            <tr>
 
                <td class="col-w200 c-t-center">随访时间</td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[0].followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[1].followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[2].followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[3].followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">治疗月序</td>
 
                <td class="setinput">
 
                    第
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                        v-model="parient.data[0].treate_month">
 
                    </el-input> 月
 
                </td>
 
                <td class="setinput">
 
                    第
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                        v-model="parient.data[1].treate_month">
 
                    </el-input> 月
 
                </td>
 
                <td class="setinput">
 
                    第
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                        v-model="parient.data[2].treate_month">
 
                    </el-input> 月
 
                </td>
 
                <td class="setinput">
 
                    第
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                        v-model="parient.data[3].treate_month">
 
                    </el-input> 月
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">督导人员</td>
 
                <td>
 
                    <div>
 
                        <!-- 1-医生，2-家属，3-自服药，4-其他 -->
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[0].superviser.superviser_type"
 
                            class="dudaorenyuan">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
 
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[1].superviser.superviser_type"
 
                            class="dudaorenyuan">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
 
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[2].superviser.superviser_type">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
 
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[3].superviser.superviser_type">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">医生</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家属</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">自服药</el-radio>
 
                                    <el-radio :disabled="!editable" label="4">其他</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">随访方式</td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[0].way">
 
                            <el-row>
 
                                <!-- 1-门诊，2-家庭 3-电话-->
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[1].way">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[2].way">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div>
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.data[3].way">
 
                            <el-row>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="1">门诊</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">家庭</el-radio>
 
                                </el-col>
 
                                <el-col :span="24">
 
                                    <el-radio :disabled="!editable" label="3">电话</el-radio>
 
                                </el-col>
 
                            </el-row>
 
                        </el-radio-group>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200">症状及体征：
 
                    <!-- 0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降 -->
 
                    <el-checkbox-group v-model="tizheng" :disabled="!editable">
 
                        <el-checkbox label="0" style="margin-left:30px;">没有症状</el-checkbox>
 
                        <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 label="6">头痛失眠</el-checkbox>
 
                        <el-checkbox label="7">视物模糊</el-checkbox>
 
                        <el-checkbox label="8">皮肤瘙痒、皮疹</el-checkbox>
 
                        <el-checkbox label="9">耳鸣、听力下降</el-checkbox>
 
                    </el-checkbox-group>
 
                </td>
 
                <td style="vertical-align: initial;">
 
                    其他：
 
                    <el-input type="textarea" :readonly="!editable"
 
                        v-model="parient.data[0].symptom_other_desc" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td style="vertical-align: initial;">
 
                    其他：
 
                    <el-input type="textarea" :readonly="!editable"
 
                        v-model="parient.data[1].symptom_other_desc" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td style="vertical-align: initial;">
 
                    其他：
 
                    <el-input type="textarea" :readonly="!editable"
 
                        v-model="parient.data[2].symptom_other_desc" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td style="vertical-align: initial;">
 
                    其他：
 
                    <el-input type="textarea" :readonly="!editable"
 
                        v-model="parient.data[3].symptom_other_desc" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="table2Td" colspan="5">
 
                    <table class="table2">
 
                        <tr>
 
                            <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 50px;">生活方式指导</td>
 
                            <td class="c-t-center" style="width: 100px;">
 
                                吸烟
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[0].life_style.smoke">
 
                                </el-input> 支/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[1].life_style.smoke">
 
                                </el-input> 支/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[2].life_style.smoke">
 
                                </el-input> 支/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[3].life_style.smoke">
 
                                </el-input> 支/天
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center" style="width: 150px;">饮酒</td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[0].life_style.drink">
 
                                </el-input> 两/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[1].life_style.drink">
 
                                </el-input>两/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[2].life_style.drink">
 
                                </el-input> 两/天
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[3].life_style.drink">
 
                                </el-input> 两/天
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center" rowspan="4" style="border-bottom: 0;width: 50px;">用药</td>
 
                            <td class="c-t-center">
 
                                化疗方案
 
                            </td>
 
                            <td class="c-t-center">
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[0].drug_use.chemotherapy"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td class="c-t-center">
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[1].drug_use.chemotherapy"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td class="c-t-center">
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[2].drug_use.chemotherapy"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td class="c-t-center">
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[3].drug_use.chemotherapy"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center">用法</td>
 
                            <td>
 
                                <!-- 1-每日，2-间歇 -->
 
                                <el-radio-group :disabled="!editable"
 
                                    v-model="parient.data[0].drug_use.method">
 
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>
 
                                <el-radio-group :disabled="!editable"
 
                                    v-model="parient.data[1].drug_use.method">
 
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>
 
                                <el-radio-group :disabled="!editable"
 
                                    v-model="parient.data[2].drug_use.method">
 
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>
 
                                <el-radio-group :disabled="!editable"
 
                                    v-model="parient.data[3].drug_use.method">
 
                                    <el-radio :disabled="!editable" label="1">每日</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">间歇</el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center" style="width: 150px;">药品剂型</td>
 
                            <td>
 
                                <!-- 1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂 -->
 
                                <el-checkbox-group v-model="yongyao1" :disabled="!editable">
 
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
 
                                    <el-checkbox label="2">散装药</el-checkbox>
 
                                    <el-checkbox label="3">板式组合药</el-checkbox>
 
                                    <el-checkbox label="4">注射剂</el-checkbox>
 
                                </el-checkbox-group>
 
                            </td>
 
                            <td>
 
                                <el-checkbox-group v-model="yongyao2" :disabled="!editable">
 
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
 
                                    <el-checkbox label="2">散装药</el-checkbox>
 
                                    <el-checkbox label="3">板式组合药</el-checkbox>
 
                                    <el-checkbox label="4">注射剂</el-checkbox>
 
                                </el-checkbox-group>
 
                            </td>
 
                            <td>
 
                                <el-checkbox-group v-model="yongyao3" :disabled="!editable">
 
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
 
                                    <el-checkbox label="2">散装药</el-checkbox>
 
                                    <el-checkbox label="3">板式组合药</el-checkbox>
 
                                    <el-checkbox label="4">注射剂</el-checkbox>
 
                                </el-checkbox-group>
 
                            </td>
 
                            <td>
 
                                <el-checkbox-group v-model="yongyao4" :disabled="!editable">
 
                                    <el-checkbox label="1" style="margin-left:30px;">固定剂量复合制剂</el-checkbox>
 
                                    <el-checkbox label="2">散装药</el-checkbox>
 
                                    <el-checkbox label="3">板式组合药</el-checkbox>
 
                                    <el-checkbox label="4">注射剂</el-checkbox>
 
                                </el-checkbox-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center">
 
                                漏服药次数
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[0].drug_use.forgot_take_drug_times">
 
                                </el-input> 次
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[1].drug_use.forgot_take_drug_times">
 
                                </el-input> 次
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[2].drug_use.forgot_take_drug_times">
 
                                </el-input> 次
 
                            </td>
 
                            <td class="setinput">
 
                                <el-input style="width: 70px;" type="number" :readonly="!editable"
 
                                    v-model="parient.data[3].drug_use.forgot_take_drug_times">
 
                                </el-input> 次
 
                            </td>
 
                        </tr>
 
                    </table>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">药物不良反应</td>
 
                <td>
 
                    <!-- // 药物不良反应 1-无，2-有 -->
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[0].drug_bad_reaction">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[0].drug_bad_reaction==2"
 
                            style="width: 70px;" type="text" :readonly="!editable"
 
                            v-model="parient.data[0].drug_bad_reaction_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[1].drug_bad_reaction">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[1].drug_bad_reaction==2"
 
                            style="width: 70px;" type="text" :readonly="!editable"
 
                            v-model="parient.data[1].drug_bad_reaction_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[2].drug_bad_reaction">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[2].drug_bad_reaction==2"
 
                            style="width: 70px;" type="text" :readonly="!editable"
 
                            v-model="parient.data[2].drug_bad_reaction_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[3].drug_bad_reaction">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[3].drug_bad_reaction==2"
 
                            style="width: 70px;" type="text" :readonly="!editable"
 
                            v-model="parient.data[3].drug_bad_reaction_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">并发症或合并症</td>
 
                <td>
 
                    <!--  // 并发症 1-无，2-有 -->
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[0].complication">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[0].complication==2" style="width: 70px;"
 
                            type="text" :readonly="!editable"
 
                            v-model="parient.data[0].complication_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[1].complication">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[1].complication==2" style="width: 70px;"
 
                            type="text" :readonly="!editable"
 
                            v-model="parient.data[1].complication_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[2].complication">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[2].complication==2" style="width: 70px;"
 
                            type="text" :readonly="!editable"
 
                            v-model="parient.data[2].complication_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
                <td>
 
                    <el-radio-group :disabled="!editable"
 
                        v-model="parient.data[3].complication">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                        <el-input class="innerInput" style="padding:0 !important;"
 
                            v-if="parient.data[3].complication==2" style="width: 70px;"
 
                            type="text" :readonly="!editable"
 
                            v-model="parient.data[3].complication_detail">
 
                        </el-input>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="table2Td" colspan="5">
 
                    <table class="table2">
 
                        <tr>
 
                            <td rowspan="3" class="c-t-center" style="border-bottom: 0; width:50px;">转诊</td>
 
                            <td class="c-t-center" style="width: 150px;">
 
                                科别
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable" style=""
 
                                    v-model="parient.data[0].trans_org.dept_name"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[1].trans_org.dept_name"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[2].trans_org.dept_name"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[3].trans_org.dept_name"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center">
 
                                原因
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[0].trans_org.reason"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[1].trans_org.reason"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[2].trans_org.reason"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[3].trans_org.reason"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="c-t-center">
 
                                2周内随访，随访结果
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[0].trans_org.result_of_2_weeks"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[1].trans_org.result_of_2_weeks"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[2].trans_org.result_of_2_weeks"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                            <td>
 
                                <el-input :readonly="!editable"
 
                                    v-model="parient.data[3].trans_org.result_of_2_weeks"
 
                                    placeholder="" clearable></el-input>
 
                            </td>
 
                        </tr>
 
                    </table>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">处理意见</td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[0].process_opinion" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[1].process_opinion" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[2].process_opinion" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[3].process_opinion" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">下次随访时间</td>
 
                <td>
 
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[0].next_followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[1].next_followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[2].next_followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
 
                </td>
 
                <td>
 
                    <el-date-picker value-format="yyyy-MM-dd" :readonly="!editable"
 
                        v-model="parient.data[3].next_followup_date" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                    <!-- <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input> -->
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">随访医生签名</td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[0].followup_doctor_name" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[1].followup_doctor_name" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[2].followup_doctor_name" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
                <td>
 
                    <el-input :readonly="!editable"
 
                        v-model="parient.data[3].followup_doctor_name" placeholder=""
 
                        clearable></el-input>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w200 c-t-center">停止治疗及原因</td>
 
                <td colspan="4">
 
                    <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td rowspan="2" class="col-w200 c-t-center">全程管理情况</td>
 
                <td colspan="4">
 
                    <div>
 
                        1.出现停止治疗时间年月日：
 
                        <el-date-picker :readonly="!editable" value-format="yyyy-MM-dd"
 
                            v-model="parient.stop_treate.date" type="date"
 
                            placeholder="选择日期">
 
                        </el-date-picker>
 
                        2.停止治疗原因：
 
                        <el-radio-group :disabled="!editable"
 
                            v-model="parient.stop_treate.reason">
 
                            <el-radio :disabled="!editable" v-model="radio" label="1">完成疗程</el-radio>
 
                            <el-radio :disabled="!editable" v-model="radio" label="2">死亡</el-radio>
 
                            <el-radio :disabled="!editable" v-model="radio" label="3">丢失</el-radio>
 
                            <el-radio :disabled="!editable" v-model="radio" label="4">转入耐多药治疗</el-radio>
 
                        </el-radio-group>
 
                    </div>
 
                    <div style="border-top:1px solid #e1e1e1;padding:10px 0;">
 
                        <div class="setinput">
 
                            应访视患者<el-input style="width:70px;" type="text" :readonly="!editable"
 
                                v-model="parient.management.plan_followup_times"
 
                                placeholder="" clearable></el-input>次,
 
                            实际访视应访视患者<el-input style="width:70px;" type="text" :readonly="!editable"
 
                                v-model="parient.management.real_followup_times"
 
                                placeholder="" clearable></el-input>次
 
                        </div>
 
                        <div class="setinput">
 
                            患者在疗程中，应服药<el-input style="width:70px;" type="text" :readonly="!editable"
 
                                v-model="parient.management.plan_take_drug_times"
 
                                placeholder="" clearable></el-input>次，
 
                            实际服药<el-input style="width:70px;" type="text" :readonly="!editable"
 
                                v-model="parient.management.real_take_drug_times"
 
                                placeholder="" clearable></el-input>次，
 
                            服药率<el-input style="width:70px;" type="text" :readonly="!editable"
 
                                v-model="percent"
 
                                placeholder="" clearable></el-input>%
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="4" class="setinput">
 
                    评估医生签名：
 
                    <el-input style="width:120px;" type="text" :readonly="!editable"
 
                        v-model="parient.management.signature_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="../../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
 
    <script src="../../../../component/followup/follow-bottom.js"></script>
 
    <script src="../../../../api/fangshi-api.js"></script>
 
    <script>
 
        var Request = GetRequest();
 
        new Vue({
 
            el: "#app",
 
            data: function () {
 
                return {
 
                    editable: false,
 
                    isEditBtn: true,
 
                    data2: "",
 
                    radio: "",
 
                    input: '',
 
                    check: '',
 
                    tizheng: [],  //体征
 
                    yongyao1: [],  //用药
 
                    yongyao2: [],  //用药
 
                    yongyao3: [],  //用药
 
                    yongyao4: [],  //用药
 
                    followupId: Request['id'],
 
                    parient: {
 
                        "version": Request['version']||'1',
 
                        "followup_id":  Request['id']||'1', //随访id
 
                        "followup_project": '',//随访项目 
                        "number": '', //随访编号
 
                        "patient": {
 
                            "name": '',//患者姓名
 
                            "idcard": ''//身份证置空
 
                        },
 
                        "data": [
 
                            // 1
 
                            {
 
                                "create_user": '',
 
                                "create_user_name": '',
 
                                "followup_date": '',//随访日期,
 
                                "way": '',//随访方式：1-门诊，2-家庭 3-电话   //整数
 
                                "treate_month": '',//治疗月序
 
                                "superviser": {
 
                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
 
                                    "superviser_code": '',//督导人员code
 
                                    "superviser_name": ''//督导人员name
 
                                },
 
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
 
                                "symptom_other_desc": '',//症状及体征其他描述
 
                                "life_style": {
 
                                    "smoke": '', //生活方式-吸烟量
 
                                    "drink": '', //生活方式-饮酒量
 
                                },
 
                                "drug_use": {
 
                                    "chemotherapy": '',//用药情况-化疗方案,
 
                                    "method": '', //用药情况-用法：1-每日，2-间歇
 
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
 
                                    "forgot_take_drug_times": '',//漏服药次数
 
                                },
 
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
 
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
 
                                "complication": '', // 并发症 1-无，2-有
 
                                "complication_detail": '',  //并發症描述
 
                                "trans_org": {    //转诊
 
                                    "dept_code": '', //科别code
 
                                    "dept_name": '', //科别
 
                                    "reason": '', //原因
 
                                    "result_of_2_weeks": ''  //2周内随访，随访结果
 
                                },
 
                                "process_opinion": '', //处理意见,
 
                                "next_followup_date": '',  //下次随访时间
 
                                "followup_doctor": '',  // 随访医生code
 
                                "followup_doctor_name": '',// 随访医生name
 
                            },
 
                            // 2
 
                            {
 
                                "create_user": '',
 
                                "create_user_name": '',
 
                                "followup_date": '',//随访日期,
 
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
 
                                "treate_month": '',//治疗月序
 
                                "superviser": {
 
                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
 
                                    "superviser_code": '',//督导人员code
 
                                    "superviser_name": ''//督导人员name
 
                                },
 
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
 
                                "symptom_other_desc": '',//症状及体征其他描述
 
                                "life_style": {
 
                                    "smoke": '', //生活方式-吸烟量
 
                                    "drink": '', //生活方式-饮酒量
 
                                },
 
                                "drug_use": {
 
                                    "chemotherapy": '',//用药情况-化疗方案,
 
                                    "method": '', //用药情况-用法：1-每日，2-间歇
 
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
 
                                    "forgot_take_drug_times": '',//漏服药次数
 
                                },
 
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
 
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
 
                                "complication": '', // 并发症 1-无，2-有
 
                                "complication_detail": '',  //并發症描述,
 
                                "trans_org": {    //转诊
 
                                    "dept_code": '', //科别code
 
                                    "dept_name": '', //科别
 
                                    "reason": '', //原因
 
                                    "result_of_2_weeks": ''  //2周内随访，随访结果
 
                                },
 
                                "process_opinion": '', //处理意见,
 
                                "next_followup_date": '',  //下次随访时间
 
                                "followup_doctor": '',  // 随访医生code
 
                                "followup_doctor_name": '',// 随访医生name
 
                            },
 
                            // 3
 
                            {
 
                                "create_user": '',
 
                                "create_user_name": '',
 
                                "followup_date": '',  //随访日期
 
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
 
                                "treate_month": '',//治疗月序
 
                                "superviser": {
 
                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
 
                                    "superviser_code": '',//督导人员code
 
                                    "superviser_name": ''//督导人员name
 
                                },
 
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
 
                                "symptom_other_desc": '',//症状及体征其他描述
 
                                "life_style": {
 
                                    "smoke": '', //生活方式-吸烟量
 
                                    "drink": '', //生活方式-饮酒量
 
                                },
 
                                "drug_use": {
 
                                    "chemotherapy": '',//用药情况-化疗方案,
 
                                    "method": '', //用药情况-用法：1-每日，2-间歇
 
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
 
                                    "forgot_take_drug_times": '',//漏服药次数
 
                                },
 
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
 
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
 
                                "complication": '', // 并发症 1-无，2-有
 
                                "complication_detail": '',  //并發症描述,
 
                                "trans_org": {    //转诊
 
                                    "dept_code": '', //科别code
 
                                    "dept_name": '', //科别
 
                                    "reason": '', //原因
 
                                    "result_of_2_weeks": ''  //2周内随访，随访结果
 
                                },
 
                                "process_opinion": '', //处理意见,
 
                                "next_followup_date": '',  //下次随访时间
 
                                "followup_doctor": '',  // 随访医生code
 
                                "followup_doctor_name": '',// 随访医生name
 
                            },
 
                            //4
 
                            {
 
                                "create_user": '',
 
                                "create_user_name": '',
 
                                "followup_date": '',  //随访日期 
                                "way": '',//随访方式：1-门诊，2-家庭  //整数
 
                                "treate_month": '',//治疗月序
 
                                "superviser": {
 
                                    "superviser_type": '',//督导人员类型：1-医生，2-家属，3-自服药，4-其他
 
                                    "superviser_code": '',//督导人员code
 
                                    "superviser_name": ''//督导人员name
 
                                },
 
                                "symptom": '',// string 症状及体征：0-没有症状，1-咳嗽咳痰，2-低热盗汗，3-咯血或血痰，4-胸痛消瘦，5-恶心纳差，6-头痛失眠，7-视物模糊，8-皮肤瘙痒、皮疹，9-耳鸣、听力下降
 
                                "symptom_other_desc": '',//症状及体征其他描述
 
                                "life_style": {
 
                                    "smoke": '', //生活方式-吸烟量
 
                                    "drink": '', //生活方式-饮酒量
 
                                },
 
                                "drug_use": {
 
                                    "chemotherapy": '',//用药情况-化疗方案,
 
                                    "method": '', //用药情况-用法：1-每日，2-间歇
 
                                    "dosage_form": '',//  string 用药情况-药品剂型：1、固定剂量复合制剂，2-散装药，3-板式组合药，4-注射剂,
 
                                    "forgot_take_drug_times": '',//漏服药次数
 
                                },
 
                                "drug_bad_reaction": '', // 药物不良反应 1-无，2-有
 
                                "drug_bad_reaction_detail": '',  //药物不良反应描述
 
                                "complication": '', // 并发症 1-无，2-有
 
                                "complication_detail": '',  //并發症描述,
 
                                "trans_org": {    //转诊
 
                                    "dept_code": '', //科别code
 
                                    "dept_name": '', //科别
 
                                    "reason": '', //原因
 
                                    "result_of_2_weeks": ''  //2周内随访，随访结果
 
                                },
 
                                "process_opinion": '', //处理意见,
 
                                "next_followup_date": '',  //下次随访时间
 
                                "followup_doctor": '',  // 随访医生code
 
                                "followup_doctor_name": '',// 随访医生name
 
                            }
 
                        ],
 
                        "management": {
 
                            "plan_followup_times": '', // 应访视患者次数,
 
                            "real_followup_times": '',  // 实际访视次数
 
                            "plan_take_drug_times": '',   // 患者应服药次数
 
                            "real_take_drug_times": '',  // 实际服药次数
 
                            "take_drug_percent": '',  // 患者服药率
 
                            "signature_doctor": '', // 评估医生code
 
                            "signature_doctor_name": '' // 评估医生签名
 
                        },
 
                        "stop_treate": {  //停止治疗及原因
 
                            "date": '',  // 停止日期
 
                            "reason": ''//停止原因
 
                        }
 
                    }
 
                }
 
            },
 
            mounted: function () {
 
                var docInfo = JSON.parse(window.localStorage.getItem("docInfo"));
 
                console.log(docInfo.code)
 
                console.log(docInfo.name)
 
                this.getData()
 
            },
 
            computed:{
 
                percent(){
 
                    var vm = this
 
                    if(vm.parient.management.real_take_drug_times &&  vm.parient.management.plan_take_drug_times){
 
                        return  ((vm.parient.management.real_take_drug_times / vm.parient.management.plan_take_drug_times) * 100).toFixed(2)
 
                    }else{
 
                        return 0
 
                    }
 
                    
                }
 
            },
 
            methods: {
 
                getData: function () {
 
                    var vm = this
 
                    // var vmP = this.postpartumVisitDetails
 
                    fangshiAPI.getPhthisis({ followupId: '1' }).then(function (res) {
 
                        if (res.status == 200) {
 
                            console.log("获取肺结核信息")
 
                            console.log(res)
 
                            vm.parient = res.data[0]
 
                            //转换用药数据
 
                            vm.yongyao1 = vm.parient.data[0].drug_use.dosage_form?vm.parient.data[0].drug_use.dosage_form.split(','):[]
 
                            vm.yongyao2 = vm.parient.data[1].drug_use.dosage_form?vm.parient.data[1].drug_use.dosage_form.split(','):[]
 
                            vm.yongyao3 = vm.parient.data[2].drug_use.dosage_form?vm.parient.data[2].drug_use.dosage_form.split(','):[]
 
                            vm.yongyao4 = vm.parient.data[3].drug_use.dosage_form?vm.parient.data[3].drug_use.dosage_form.split(','):[]
 
                            //转换体征信息
 
                            vm.tizheng = vm.parient.data[0].symptom?vm.parient.data[0].symptom.split(','):[]
 
                        } else {
 
                            top.toastr.error(res.msg);
 
                        }
 
                    })
 
                },
 
                editData: function () {
 
                    var vm = this
 
                    var docInfo = JSON.parse(window.localStorage.getItem("docInfo"));
 
                    console.log("保存")
 
                    for (var i = 0; i < 4; i++) {
 
                        vm.parient.data[i].create_user = docInfo.code
 
                        vm.parient.data[i].create_user_name = docInfo.name
 
                        vm.parient.data[i].symptom = vm.tizheng ? vm.tizheng.join(',') : ''
 
                        
                        //  并发症 1-无，2-有 
                        vm.parient.data[i].drug_bad_reaction_detail = vm.parient.data[i].drug_bad_reaction==2?vm.parient.data[i].drug_bad_reaction_detail:''
 
                        vm.parient.data[i].complication_detail = vm.parient.data[i].complication==2?vm.parient.data[i].complication_detail:''
 
                    }
 
                    vm.parient.data[0].drug_use.dosage_form = vm.yongyao1 ? vm.yongyao1.join(',') : ''
 
                    vm.parient.data[1].drug_use.dosage_form = vm.yongyao2 ? vm.yongyao2.join(',') : ''
 
                    vm.parient.data[2].drug_use.dosage_form = vm.yongyao3 ? vm.yongyao3.join(',') : ''
 
                    vm.parient.data[3].drug_use.dosage_form = vm.yongyao4 ? vm.yongyao4.join(',') : ''
 
                    vm.parient.management.take_drug_percent = vm.percent
 
                    if (!vm.parient.patient.name) {
 
                        top.toastr.info("请输入患者姓名")
 
                        return false
 
                    }
 
                    if (!vm.parient.number) {
 
                        top.toastr.info("请输入编号")
 
                        return false
 
                    }
 
                    fangshiAPI.savePhthisis({ jsonData: JSON.stringify(vm.parient) }).then(function (res) {
 
                        if (res.status == 200) {
 
                            console.log(res)
 
                            top.toastr.info("保存成功")
 
                        } else {
 
                            top.toastr.error(res.msg);
 
                        }
 
                    })
 
                },
 
                editBtn: function () {
 
                    console.log(this.tizheng)
 
                    this.isEditBtn = !this.isEditBtn
 
                    if (this.isEditBtn) {
 
                        var btn = document.getElementsByClassName('button')[0]
 
                        btn.innerHTML = '编辑'
 
                        this.editable = false
 
                        this.editData()
 
                    } else {
 
                        var btn = document.getElementsByClassName('button')[0]
 
                        btn.innerHTML = '保存'
 
                        this.editable = true
 
                    }
 
                }
 
            }
 
        })
 
    </script>
 
</body>
 
</html>

+ 359 - 0
app/followup/v1/html/fangshi-detail-5,6.html
查看文件 

@ -0,0 +1,359 @@
 
<!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>
 
		<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="../../../../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>

+ 1108 - 0
app/followup/v1/html/fangshi-detail-6.html
查看文件 

@ -0,0 +1,1108 @@
 
<!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 setradio">
 
            <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="newbornData.sick_NAME" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="ui-col-1">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">户籍:&emsp;</div>
 
                    <div class="ui-col-1">
 
                        <el-radio-group v-model="newbornData.help_ORGANIZATION_FLAG" :disabled="!editable">
 
                            <el-radio label="1" :disabled="!editable">本市</el-radio>
 
                            <el-radio label="2" :disabled="!editable">省内</el-radio>
 
                            <el-radio label="3" :disabled="!editable">省外</el-radio>
 
                        </el-radio-group>
 
                    </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="newbornData.number_NO" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <table class="table table-bordered">
 
            <tr>
 
                <td class="col-w120 c-t-center">性别</td>
 
                <td>
 
                    <el-radio-group v-model="newbornData.sick_SEX">
 
                        <div>
 
                            <el-radio :disabled="!editable" label="0">未知的性别</el-radio>
 
                            <el-radio :disabled="!editable" label="1">男</el-radio>
 
                        </div>
 
                        <div class="mt10">
 
                            <el-radio :disabled="!editable" label="2">女</el-radio>
 
                            <el-radio :disabled="!editable" label="9">未说明的性别</el-radio>
 
                        </div>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="2">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            出生日期:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="newbornData.birthday" type="date" placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            户籍地址:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.permanent_RESIDENCE_ADDRESS" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">母亲身份证号</td>
 
                <td>
 
                    <el-input :readonly="!editable" v-model="newbornData.mother_IDENTITY_CARD_NO" placeholder="" clearable></el-input>
 
                </td>
 
                <td class="c-t-center">家庭住址</td>
 
                <td colspan="2">
 
                    <el-input :readonly="!editable" v-model="newbornData.mother_ADDRESS" placeholder="" clearable></el-input>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">母 亲</td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            姓名
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.mother_NAME" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            职业
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.mother_OCCUPATION" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            联系电话
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="number" :readonly="!editable" v-model="newbornData.mother_PHONE" placeholder=""></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            出生日期
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="newbornData.mother_BIRTHDAY" type="date" placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">父 亲</td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            姓名
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.father_NAME" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            职业
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.father_OCCUPATION" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            联系电话
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="number" :readonly="!editable" v-model="newbornData.father_PHONE"></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            出生日期
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="newbornData.father_BIRTHDAY" type="date" placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="2" class="setinput c-t-center">出生孕周
 
                    <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.birth_PREGNANCY_WEEK"></el-input>
 
                    周
 
                </td>
 
                <td colspan="3">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            母亲妊娠期患病情况：
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-radio-group v-model="newbornData.pregnancy_SICK">
 
                                <el-radio :disabled="!editable" label="1">糖尿病</el-radio>
 
                                <el-radio :disabled="!editable" label="2">糖尿病</el-radio>
 
                                <el-radio :disabled="!editable" label="3">妊娠期高血压</el-radio>
 
                                <el-radio :disabled="!editable" label="4" class="setinput">其他
 
                                    <el-input type="text" :readonly="pregnancy_SICK_CIRCS_other||!editable" v-model="newbornData.pregnancy_SICK_CIRCS" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center setinput">助产机构名称:
 
                    <el-input style="width:120px;" type="text" :readonly="!editable" v-model="newbornData.help_ORGANIZATION_NAME" clearable></el-input>
 
                </td>
 
                <td class="c-t-center">
 
                    出院时间
 
                    <div class="setPicker">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.DISCHARGED_DATE" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </td>
 
                <td colspan="2">
 
                    出生情况：
 
                    <el-checkbox-group v-model="delivery_WAY_check" :disabled="!editable">
 
                        <el-checkbox style="margin-left: 30px;" 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 label="6">臀位</el-checkbox>
 
                        <el-checkbox class="setinput" label="7">
 
                            <el-input type="text" :readonly="birth_OTHER||!editable" v-model="newbornData.birth_OTHER" placeholder="其他" clearable></el-input>
 
                        </el-checkbox>
 
                    </el-checkbox-group>
 
                </td>
 
                <td>
 
                    新生儿窒息:
 
                    <el-radio-group v-model="newbornData.suffocation" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                    </el-radio-group>
 
                    <div class="setinput">
 
                        （Apgar 评分：1分钟
 
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_O"></el-input>分，5分钟
 
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_F"></el-input>分，不详
 
                        <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_N"></el-input>）
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="2" class="c-t-center">新生儿病史:
 
                    <el-input :readonly="!editable" v-model="newbornData.blessedevent_MEDICAL_HISTORY" placeholder="" clearable></el-input>
 
                </td>
 
                <td class="c-t-center">诊治机构:
 
                    <el-input :readonly="!editable" v-model="newbornData.help_OUT_ORGANIZATION" placeholder="" clearable></el-input>
 
                </td>
 
                <td colspan="2">计划免疫情况:
 
                    <el-radio-group v-model="newbornData.plan_IMMUNE">
 
                        <el-radio :disabled="!editable" label="1">卡介苗</el-radio>
 
                        <el-radio :disabled="!editable" label="2">乙肝疫苗</el-radio>
 
                        <el-radio :disabled="!editable" label="3">以上两种</el-radio>
 
                        <el-radio :disabled="!editable" label="4">未种</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="2">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            新生儿出生体重:
 
                        </div>
 
                        <div class="ui-col-1 setinput">
 
                            <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>
 
                            kg
 
                        </div>
 
                    </div>
 
                </td>
 
                <td>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            出生身长:
 
                        </div>
 
                        <div class="ui-col-1 setinput">
 
                            <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>cm
 
                        </div>
 
                    </div>
 
                </td>
 
                <td colspan="2">是否有畸形：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.deformity_NULL">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2">有</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="c-t-center" colspan="5">
 
                    *********** 第二次访视以上八行信息不需要重复填写 ***********
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="5">
 
                    新生儿疾病筛查：
 
                    <el-checkbox-group v-model="SCREENING_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" class="setinput">其他遗传代谢病
 
                            <el-input style="width: 100px;" type="text" :readonly="SCREENING_3_dis||!editable" v-model="newbornData.screening_ABNORMAL"
 
                                clearable></el-input>
 
                        </el-checkbox>
 
                        <el-checkbox label="6">已查无结果</el-checkbox>
 
                    </el-checkbox-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="4">
 
                    新生儿听力筛查：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.hearing">
 
                        <el-radio :disabled="!editable" label="1">通过</el-radio>
 
                        <el-radio :disabled="!editable" label="2">未通过</el-radio>
 
                        <el-radio :disabled="!editable" label="3">未筛查</el-radio>
 
                        <el-radio :disabled="!editable" label="4">不详</el-radio>
 
                        <el-radio :disabled="!editable" label="5">已查无结果</el-radio>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    目前体重
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.now_WEIGHT"></el-input>
 
                    kg
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="3">
 
                    喂养方式：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.feed_TYPE">
 
                        <el-radio :disabled="!editable" label="1">纯母乳</el-radio>
 
                        <el-radio :disabled="!editable" label="2">部分母乳</el-radio>
 
                        <el-radio :disabled="!editable" label="3">人工</el-radio>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    吃奶量
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_AMOUNT"></el-input> ml/次
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    吃奶次数
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_TIME"></el-input>次/日
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="3">
 
                    呕吐：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.vomit">
 
                        <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="1">
 
                    大便：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.vulnus">
 
                        <el-radio :disabled="!editable" v-model="radio" label="1">糊状</el-radio>
 
                        <el-radio :disabled="!editable" v-model="radio" label="2">稀</el-radio>
 
                        <el-radio :disabled="!editable" v-model="radio" label="3">其他</el-radio>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    大便次数
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.vulnus_TIME"></el-input> 次/日
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="3" class="setinput">
 
                    体温：
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.body_TEMPERATURE"></el-input>
 
                    ℃
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    心率：
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.pulse_FREQUENCY"></el-input>
 
                    次/分钟
 
                </td>
 
                <td colspan="1" class="setinput">
 
                    呼吸频率
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.breath_FREQUENCY"></el-input>
 
                    次/日
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="3">面色：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.complexion">
 
                        <el-radio :disabled="!editable" label="1">红润</el-radio>
 
                        <el-radio :disabled="!editable" label="2">黄染</el-radio>
 
                        <el-radio :disabled="!editable" label="3" class="setinput">其他
 
                            <el-input style="width: 120px;" type="text" :readonly="complexion_NULL_dis||!editable" v-model="newbornData.complexion_NULL"
 
                                clearable></el-input>
 
                        </el-radio>
 
                    </el-radio-group>
 
                </td>
 
                <td colspan="2">黄疸部位：
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.face">
 
                        <el-radio :disabled="!editable" label="1">面部</el-radio>
 
                        <el-radio :disabled="!editable" label="2">躯干</el-radio>
 
                        <el-radio :disabled="!editable" label="3">四肢</el-radio>
 
                        <el-radio :disabled="!editable" label="4">手足</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="5" class="setinput">
 
                    前卤
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_FRONT"></el-input>
 
                    &nbsp;cm&nbsp;✖
 
                    <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_BACK"></el-input> &nbsp;cm &emsp;
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.bregma">
 
                        <el-radio :disabled="!editable" label="1">正常</el-radio>
 
                        <el-radio :disabled="!editable" label="2">膨隆</el-radio>
 
                        <el-radio :disabled="!editable" label="3">凹陷</el-radio>
 
                        <el-radio :disabled="!editable" label="4">其他
 
                    </el-radio-group>
 
                    <el-input style="width: 120px;" type="text" :readonly="bregma_other_dis||!editable" v-model="newbornData.bregma_PERFORMANCE"
 
                        clearable></el-input>
 
                    </el-radio>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="table2Td" colspan="5">
 
                    <table class="table2">
 
                        <tr>
 
                            <td>眼外观：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.eye">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="eye_NULL_dis||!editable" v-model="newbornData.eye_NULL" clearable></el-input>
 
                                    </el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>四肢活动度：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.limbs">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="limbs_NULL_dis||!editable" v-model="newbornData.limbs_NULL" clearable></el-input>
 
                                    </el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>耳外观：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.ear">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="ear_FACE_dis||!editable" v-model="newbornData.ear_FACE" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>颈部包块：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.neck_PACK">
 
                                    <el-radio :disabled="!editable" label="1">无</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">有
 
                                        <el-input type="text" :readonly="neck_PACK_NULL_dis||!editable" v-model="newbornData.neck_PACK_NULL" clearable></el-input>
 
                                    </el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>鼻：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.nose">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="nose_PERFORMANCE_dis||!editable" v-model="newbornData.nose_PERFORMANCE" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>皮肤：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.skin">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2">湿疹</el-radio>
 
                                    <el-radio :disabled="!editable" label="3">糜烂</el-radio>
 
                                    <el-radio :disabled="!editable" label="4" class="setinput">其他
 
                                        <el-input type="text" :readonly="skin_PERFORMANCE_dis||!editable" v-model="newbornData.skin_PERFORMANCE" clearable></el-input>
 
                                    </el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>口腔：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.oral">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="oral_PERFORMANCE_dis||!editable" v-model="newbornData.oral_PERFORMANCE" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>肛门：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.anus">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="anus_PERFORMANCE_dis||!editable" v-model="newbornData.anus_PERFORMANCE" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>心肺听诊：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.heart">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="heart_PERFORMANCE_dis||!editable" v-model="newbornData.heart_PERFORMANCE" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>外生殖器：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.genitalia">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="genitalia_NULL_dis||!editable" v-model="newbornData.genitalia_NULL" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>腹部触诊：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.abdomen">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="abdomen_NULL_dis||!editable" v-model="newbornData.abdomen_NULL" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                            <td>脊柱：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.vertebral">
 
                                    <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                    <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                        <el-input type="text" :readonly="vertebral_NULL_dis||!editable" v-model="newbornData.vertebral_NULL" clearable></el-input>
 
                                </el-radio-group>
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td>脐带：
 
                                <el-radio-group :disabled="!editable" v-model="newbornData.umbilical">
 
                                    <el-radio :disabled="!editable" v-model="radio" label="1">未脱</el-radio>
 
                                    <el-radio :disabled="!editable" v-model="radio" label="2">脱落</el-radio>
 
                                    <el-radio :disabled="!editable" v-model="radio" label="3">脐带有渗出</el-radio>
 
                                    <el-radio :disabled="!editable" v-model="radio" label="4" class="setinput">其他
 
                                        <el-input type="text" :readonly="umbilical_NULL_dis||!editable" v-model="newbornData.umbilical_NULL" clearable></el-input>
 
                                    </el-radio>
 
                                </el-radio-group>
 
                            </td>
 
                            <td class="setinput">
 
                                <div class="ui-grid">
 
                                    <div class="ui-col-0">其他：</div>
 
                                    <div class="ui-col-1">
 
                                        <el-input type="text" :readonly="!editable" v-model="newbornData.other" clearable></el-input>
 
                                    </div>
 
                                </div>
 
                            </td>
 
                        </tr>
 
                    </table>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="5">
 
                    转诊意见:
 
                    <el-radio-group :disabled="!editable" v-model="newbornData.referral">
 
                        <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" v-model="radio" label="2">有
 
                        </el-radio>
 
                    </el-radio-group>
 
                    <div class="setinput ui-grid">
 
                        <div class="ui-col-0">
 
                            原因：
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="text" :readonly="!editable" v-model="newbornData.referral_REASON" clearable></el-input>
 
                        </div>
 
                    </div>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-1 ui-grid setinput">
 
                            <div class="ui-col-0">
 
                                机构:
 
                            </div>
 
                            <div class="ui-col-1">
 
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
 
                            </div>
 
                        </div>
 
                        <div class="ui-col-1 ui-grid setinput">
 
                            <div class="ui-col-0">
 
                                科室:
 
                            </div>
 
                            <div class="ui-col-1">
 
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="5" class="setinput">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            指导：
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-checkbox-group v-model="guide_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 label="6">其他
 
                                    <el-input type="text" :readonly="other_GUIDE_CONTENT_dis||!editable" v-model="newbornData.other_GUIDE_CONTENT" clearable></el-input>
 
                                </el-checkbox>
 
                            </el-checkbox-group>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="2">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            本次访视日期
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="newbornData.this_INTERVIEW_DATE" type="date" placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td colspan="3">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            下次随访地点
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input :readonly="!editable" v-model="newbornData.next_VISITING_ADDRESS" placeholder="" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="2">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            下次访视日期
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="newbornData.next_VISITING_DATE" type="date" placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
                <td colspan="3">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-1 ui-grid setinput">
 
                            <div class="ui-col-0">
 
                                随访医生签名:
 
                            </div>
 
                            <div class="ui-col-1">
 
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
 
                            </div>
 
                        </div>
 
                        <div class="ui-col-1 ui-grid setinput">
 
                            <div class="ui-col-0">
 
                                家属确认签字:
 
                            </div>
 
                            <div class="ui-col-1">
 
                                <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
        </table>
 
    </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="../../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
 
    <script src="../../../../api/fangshi-api.js"></script>
 
    <script>
 
        new Vue({
 
            el: "#app",
 
            data: function () {
 
                return {
 
                    editable: true,
 
                    isEditBtn: true,
 
                    birth_OTHER: true,
 
                    pregnancy_SICK_CIRCS_other: true,
 
                    SCREENING_3_dis: true,
 
                    bregma_other_dis: true,
 
                    eye_NULL_dis: true,
 
                    limbs_NULL_dis: true,
 
                    complexion_NULL_dis: true,
 
                    ear_FACE_dis: true,
 
                    neck_PACK_NULL_dis: true,
 
                    nose_PERFORMANCE_dis: true,
 
                    skin_PERFORMANCE_dis: true,
 
                    oral_PERFORMANCE_dis: true,
 
                    anus_PERFORMANCE_dis: true,
 
                    heart_PERFORMANCE_dis: true,
 
                    genitalia_NULL_dis: true,
 
                    abdomen_NULL_dis: true,
 
                    vertebral_NULL_dis: true,
 
                    umbilical_NULL_dis: true,
 
                    other_GUIDE_CONTENT_dis: true,
 
                    delivery_WAY_check: [],
 
                    SCREENING_check: [],
 
                    guide_check: [],
 
                    data2: "",
 
                    radio: "",
 
                    input: '',
 
                    name: '',
 
                    number: '',
 
                    newbornData: {}
 
                }
 
            },
 
            computed: {
 
                pregnancy_SICK: function () {
 
                    return this.newbornData.pregnancy_SICK
 
                },
 
                bregma: function () {
 
                    return this.newbornData.bregma
 
                },
 
                complexion: function () {
 
                    return this.newbornData.complexion
 
                },
 
                eye: function () {
 
                    return this.newbornData.eye
 
                },
 
                limbs: function () {
 
                    return this.newbornData.limbs
 
                },
 
                neck_PACK: function () {
 
                    return this.newbornData.neck_PACK
 
                },
 
                ear: function () {
 
                    return this.newbornData.ear
 
                },
 
                nose: function () {
 
                    return this.newbornData.nose
 
                },
 
                skin: function () {
 
                    return this.newbornData.skin
 
                },
 
                oral: function () {
 
                    return this.newbornData.oral
 
                },
 
                anus: function () {
 
                    return this.newbornData.anus
 
                },
 
                heart: function () {
 
                    return this.newbornData.heart
 
                },
 
                genitalia: function () {
 
                    return this.newbornData.genitalia
 
                },
 
                abdomen: function () {
 
                    return this.newbornData.abdomen
 
                },
 
                vertebral: function () {
 
                    return this.newbornData.vertebral
 
                },
 
                umbilical: function () {
 
                    return this.newbornData.umbilical
 
                }
 
            },
 
            watch: {
 
                umbilical: function (i) {
 
                    var a = i.indexOf('4')
 
                    if (a > -1) {
 
                        this.umbilical_NULL_dis = false
 
                    } else {
 
                        this.umbilical_NULL_dis = true
 
                        this.newbornData.umbilical_NULL = ''
 
                    }
 
                },
 
                vertebral: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.vertebral_NULL_dis = false
 
                    } else {
 
                        this.vertebral_NULL_dis = true
 
                        this.newbornData.vertebral_NULL = ''
 
                    }
 
                },
 
                abdomen: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.abdomen_NULL_dis = false
 
                    } else {
 
                        this.abdomen_NULL_dis = true
 
                        this.newbornData.abdomen_NULL = ''
 
                    }
 
                },
 
                genitalia: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.genitalia_NULL_dis = false
 
                    } else {
 
                        this.genitalia_NULL_dis = true
 
                        this.newbornData.genitalia_NULL = ''
 
                    }
 
                },
 
                heart: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.heart_PERFORMANCE_dis = false
 
                    } else {
 
                        this.heart_PERFORMANCE_dis = true
 
                        this.newbornData.heart_PERFORMANCE = ''
 
                    }
 
                },
 
                anus: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.anus_PERFORMANCE_dis = false
 
                    } else {
 
                        this.anus_PERFORMANCE_dis = true
 
                        this.newbornData.anus_PERFORMANCE = ''
 
                    }
 
                },
 
                oral: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.oral_PERFORMANCE_dis = false
 
                    } else {
 
                        this.oral_PERFORMANCE_dis = true
 
                        this.newbornData.oral_PERFORMANCE = ''
 
                    }
 
                },
 
                skin: function (i) {
 
                    var a = i.indexOf('4')
 
                    if (a > -1) {
 
                        this.skin_PERFORMANCE_dis = false
 
                    } else {
 
                        this.skin_PERFORMANCE_dis = true
 
                        this.newbornData.skin_PERFORMANCE = ''
 
                    }
 
                },
 
                nose: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.nose_PERFORMANCE_dis = false
 
                    } else {
 
                        this.nose_PERFORMANCE_dis = true
 
                        this.newbornData.nose_PERFORMANCE = ''
 
                    }
 
                },
 
                neck_PACK: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.neck_PACK_NULL_dis = false
 
                    } else {
 
                        this.neck_PACK_NULL_dis = true
 
                        this.newbornData.neck_PACK_NULL = ''
 
                    }
 
                },
 
                limbs: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.limbs_NULL_dis = false
 
                    } else {
 
                        this.limbs_NULL_dis = true
 
                        this.newbornData.limbs_NULL = ''
 
                    }
 
                },
 
                ear: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.ear_FACE_dis = false
 
                    } else {
 
                        this.ear_FACE_dis = true
 
                        this.newbornData.ear_FACE = ''
 
                    }
 
                },
 
                limbs: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.limbs_NULL_dis = false
 
                    } else {
 
                        this.limbs_NULL_dis = true
 
                        this.newbornData.limbs_NULL = ''
 
                    }
 
                },
 
                eye: function (i) {
 
                    var a = i.indexOf('2')
 
                    if (a > -1) {
 
                        this.eye_NULL_dis = false
 
                    } else {
 
                        this.eye_NULL_dis = true
 
                        this.newbornData.eye_NULL = ''
 
                    }
 
                },
 
                pregnancy_SICK: function (i) {
 
                    var a = i.indexOf('4')
 
                    if (a > -1) {
 
                        this.pregnancy_SICK_CIRCS_other = false
 
                    } else {
 
                        this.pregnancy_SICK_CIRCS_other = true
 
                        this.newbornData.pregnancy_SICK_CIRCS = ''
 
                    }
 
                },
 
                bregma: function (i) {
 
                    var a = i.indexOf('4')
 
                    if (a > -1) {
 
                        this.bregma_other_dis = false
 
                    } else {
 
                        this.bregma_other_dis = true
 
                        this.newbornData.bregma_PERFORMANCE = ''
 
                    }
 
                },
 
                complexion: function (i) {
 
                    var a = i.indexOf('3')
 
                    if (a > -1) {
 
                        this.complexion_NULL_dis = false
 
                    } else {
 
                        this.complexion_NULL_dis = true
 
                        this.newbornData.complexion_NULL = ''
 
                    }
 
                },
 
                delivery_WAY_check: function (i) {
 
                    var a = i.indexOf('7')
 
                    if (a > -1) {
 
                        this.birth_OTHER = false
 
                    } else {
 
                        this.birth_OTHER = true
 
                        this.newbornData.birth_OTHER = ''
 
                    }
 
                },
 
                SCREENING_check: function (i) {
 
                    var a = i.indexOf('5')
 
                    if (a > -1) {
 
                        this.SCREENING_3_dis = false
 
                    } else {
 
                        this.SCREENING_3_dis = true
 
                        this.newbornData.screening_ABNORMAL = ''
 
                    }
 
                }
 
            },
 
            mounted: function () {
 
                // this.getData()
 
            },
 
            methods: {
 
                getData: function () {
 
                    var vm = this
 
                    fangshiAPI.getNewbornFamilyVisitRecord({ followupId: this.followupId || '2' }).then(function (res) {
 
                        if (res.status == 200) {
 
                            var data = res.data
 
                            vm.newbornData = data
 
                            var vmN = vm.newbornData
 
                            vmN.help_ORGANIZATION_FLAG = data.help_ORGANIZATION_FLAG ? data.help_ORGANIZATION_FLAG.toString() : ''
 
                            vmN.sick_SEX = data.sick_SEX ? data.sick_SEX.toString() : ''
 
                            vmN.pregnancy_SICK = data.pregnancy_SICK.toString()
 
                            vm.delivery_WAY_check = data.delivery_WAY.split(',');
 
                            vmN.suffocation = data.suffocation ? data.suffocation.toString() : ''
 
                            vmN.plan_IMMUNE = data.plan_IMMUNE ? data.plan_IMMUNE.toString() : ''
 
                            vmN.deformity_NULL = data.deformity_NULL ? data.deformity_NULL.toString() : ''
 
                            vmN.hearing = data.hearing ? data.hearing.toString() : ''
 
                            vmN.feed_TYPE = data.feed_TYPE ? data.feed_TYPE.toString() : ''
 
                            vmN.vomit = data.vomit ? data.vomit.toString() : ''
 
                            vmN.vulnus = data.vulnus ? data.vulnus.toString() : ''
 
                            vmN.vulnus_TIME = data.vulnus_TIME ? data.vulnus_TIME.toString() : ''
 
                            vmN.body_TEMPERATURE = data.body_TEMPERATURE ? data.body_TEMPERATURE.toString() : ""
 
                            vmN.complexion = data.complexion ? data.complexion.toString() : ""
 
                            vmN.face = data.face ? data.face.toString() : ''
 
                            vmN.bregma = data.bregma ? data.bregma.toString() : ''
 
                            vmN.eye = data.eye ? data.eye.toString() : ''
 
                            vmN.limbs = data.limbs ? data.limbs.toString() : ''
 
                            vmN.ear = data.ear ? data.ear.toString() : ''
 
                            vmN.nose = data.nose ? data.nose.toString() : ''
 
                            vmN.neck_PACK = data.neck_PACK ? data.neck_PACK.toString() : ''
 
                            vmN.skin = data.skin ? data.skin.toString() : ""
 
                            vmN.oral = data.oral ? data.oral.toString() : ''
 
                            vmN.anus = data.anus ? data.anus.toString() : ""
 
                            vmN.heart = data.heart ? data.heart.toString() : ''
 
                            vmN.genitalia = data.genitalia ? data.genitalia.toString() : ''
 
                            vmN.abdomen = data.abdomen ? data.abdomen.toString() : ""
 
                            vmN.vertebral = data.vertebral ? data.vertebral.toString() : ''
 
                            vmN.referral = data.referral ? data.referral.toString() : ''
 
                            vmN.umbilical = data.umbilical ? data.umbilical.toString() : ''
 
                            if (data.screening_4 == 1) {
 
                                vm.SCREENING_check.push('1')
 
                            } if (data.screening_5 == 1) {
 
                                vm.SCREENING_check.push('2')
 
                            } if (data.screening_1 == 1) {
 
                                vm.SCREENING_check.push('3')
 
                            } if (data.screening_2 == 1) {
 
                                vm.SCREENING_check.push('4')
 
                            } if (data.screening_3 == 1) {
 
                                vm.SCREENING_check.push('5')
 
                            } if (data.screening_6 == 1) {
 
                                vm.SCREENING_check.push('6')
 
                            }
 
                            if (data.feed_GUID == 1) {
 
                                vm.guide_check.push('1')
 
                            } if (data.growup_GUID == 1) {
 
                                vm.guide_check.push('2')
 
                            } if (data.prevention_DEFORMITY_GUID == 1) {
 
                                vm.guide_check.push('3')
 
                            } if (data.prevention_HURT_GUID == 1) {
 
                                vm.guide_check.push('4')
 
                            } if (data.oral_CAVITY_GUID == 1) {
 
                                vm.guide_check.push('5')
 
                            } if (data.other_GUIDE == 1) {
 
                                vm.guide_check.push('6')
 
                            }
 
                        } else {
 
                            top.toastr.error(res.msg);
 
                        }
 
                    })
 
                },
 
                editData: function () {
 
                    var vm = this
 
                    var vmN = this.newbornData
 
                    vmN.delivery_WAY = vm.delivery_WAY_check.join(',')
 
                    vm.SCREENING_check.map(i => {
 
                        if (i == '1') {
 
                            vmN.screening_4 = 1
 
                        } if (i == '2') {
 
                            vmN.screening_5 = 1
 
                        } if (i == '3') {
 
                            vmN.SCREENING_3 = 1
 
                        } if (i == '4') {
 
                            vmN.screening_2 = 1
 
                        } if (i == '5') {
 
                            vmN.screening_3 = 1
 
                        } if (i == '6') {
 
                            vmN.screening_6 = 1
 
                        }
 
                    })
 
                    vm.guide_check.map(i => {
 
                        if (i == '1') {
 
                            vmN.feed_GUID = 1
 
                        } if (i == '2') {
 
                            vmN.growup_GUID = 1
 
                        } if (i == '3') {
 
                            vmN.prevention_DEFORMITY_GUID = 1
 
                        } if (i == '4') {
 
                            vmN.prevention_HURT_GUID = 1
 
                        } if (i == '5') {
 
                            vmN.oral_CAVITY_GUID = 1
 
                        } if (i == '6') {
 
                            vmN.other_GUIDE = 1
 
                        }
 
                    })
 
                    vmN.create_time = null
 
                    vmN.version = '1'
 
                    fangshiAPI.saveNewbornFamilyVisitRecord({ followupId: this.followupId || '2', newbornFamilyVisitRecordData: JSON.stringify(vmN) }).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>

+ 846 - 0
app/followup/v1/html/fangshi-detail-7.html
查看文件 

@ -0,0 +1,846 @@
 
<!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-input {
 
        width: unset;
 
    }
 
    .setinputw .el-input--suffix .el-input__inner {
 
        padding: 0;
 
        border-bottom: 1px solid #e1e1e1;
 
        text-align: center;
 
        width: 100px;
 
    }
 
</style>
 
<body>
 
    <div id="app">
 
        <button class="button" @click="editBtn()">编辑</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="severeMentalDisorderData.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="severeMentalDisorderData.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="2">
 
                    <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.followup_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="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.followup_type" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">门诊</el-radio>
 
                        <el-radio :disabled="!editable" label="2">家庭访视</el-radio>
 
                        <el-radio :disabled="!editable" label="3">电话</el-radio>
 
                        <el-radio :disabled="!editable" label="4">视频</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">本次随访对象
 
                </td>
 
                <td colspan="2">
 
                    <el-checkbox-group v-model="followup_object_check" :disabled="!editable">
 
                        <el-checkbox label="1">患者本人</el-checkbox>
 
                        <el-checkbox label="2">患者家属，监护人</el-checkbox>
 
                        <el-checkbox label="3">其他知情人</el-checkbox>
 
                    </el-checkbox-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">若失访，原因
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.followup_null_reason" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">外出务工</el-radio>
 
                        <el-radio :disabled="!editable" label="2">迁居他处</el-radio>
 
                        <el-radio :disabled="!editable" label="3">走失</el-radio>
 
                        <el-radio :disabled="!editable" label="4">连续3次未到访</el-radio>
 
                        <el-radio :disabled="!editable" label="5">其他</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td rowspan="2" class="col-w120 c-t-center">如死亡，日期和原因
 
                </td>
 
                <td class="c-t-center" style="width: 100px;">死亡日期
 
                </td>
 
                <td>
 
                    <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.death_date" value-format="yyyy-MM-dd" type="date"
 
                        placeholder="选择日期">
 
                    </el-date-picker>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="c-t-center">
 
                    死亡原因
 
                </td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.death_reason_type" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">躯体疾病</el-radio>
 
                        <el-checkbox-group v-model="severeMentalDisorderData.death_reason_type_check" :disabled="death_reason_type_dis||!editable">
 
                            <el-checkbox label="1" style="margin-left: 30px;">传染病和寄生虫病</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 label="6">消化系统疾病</el-checkbox>
 
                            <el-checkbox label="7">其他疾病</el-checkbox>
 
                            <el-checkbox label="8">不详</el-checkbox>
 
                        </el-checkbox-group>
 
                        <el-radio :disabled="!editable" label="2">自杀</el-radio>
 
                        <el-radio :disabled="!editable" label="3">他杀</el-radio>
 
                        <el-radio :disabled="!editable" label="4">意外</el-radio>
 
                        <el-radio :disabled="!editable" label="5">精神疾病相关并发症</el-radio>
 
                        <el-radio :disabled="!editable" label="6">其他</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">危险性评估
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.dangerous_level" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="0">0(0级)</el-radio>
 
                        <el-radio :disabled="!editable" label="1">1(1级)</el-radio>
 
                        <el-radio :disabled="!editable" label="2">2(2级)</el-radio>
 
                        <el-radio :disabled="!editable" label="3">3(3级)</el-radio>
 
                        <el-radio :disabled="!editable" label="4">4(4级)</el-radio>
 
                        <el-radio :disabled="!editable" label="5">5(5级)</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">目前症状
 
                </td>
 
                <td colspan="2">
 
                    <el-checkbox-group v-model="symptom_check" :disabled="!editable">
 
                        <el-checkbox label="1" style="margin-left: 30px;">幻觉</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 label="6">兴奋话多</el-checkbox>
 
                        <el-checkbox label="7">伤人毁物</el-checkbox>
 
                        <el-checkbox label="8">悲观厌世</el-checkbox>
 
                        <el-checkbox label="9">无故外走</el-checkbox>
 
                        <el-checkbox label="10">自语自笑</el-checkbox>
 
                        <el-checkbox label="11">孤僻懒散</el-checkbox>
 
                        <el-checkbox label="12" class="setinput">
 
                            <el-input type="text" :readonly="other_symptom||!editable" v-model="severeMentalDisorderData.other_symptom_description" placeholder="其他"
 
                                clearable></el-input>
 
                        </el-checkbox>
 
                    </el-checkbox-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">自知力
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.intelligence" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">自知力完全</el-radio>
 
                        <el-radio :disabled="!editable" label="2">自知力不全</el-radio>
 
                        <el-radio :disabled="!editable" label="3">自知力缺失</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">睡眠情况
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.sleep_condition" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">饮食情况
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.dietary_status" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center" rowspan="5">
 
                    社会功能情况
 
                </td>
 
                <td style="width: 120px;">个人生活料理</td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.selfcare_ability" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td>家务劳动</td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.housework" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td>生产劳动及工作</td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.work" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                        <el-radio :disabled="!editable" label="9">此项不可用</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td>学习能力</td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.learning_ability" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td>社会交往能力</td>
 
                <td>
 
                    <el-radio-group v-model="severeMentalDisorderData.sociability" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">良好</el-radio>
 
                        <el-radio :disabled="!editable" label="2">一般</el-radio>
 
                        <el-radio :disabled="!editable" label="3">较差</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">危险行为
 
                </td>
 
                <td colspan="2">
 
                    <!-- <el-checkbox-group v-model="dangerous_check" :disabled="!editable"> -->
 
                    <div class="ui-grid">
 
                        <div class="setinputw">1.轻度滋事
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_1"></el-input>次
 
                        </div>
 
                        <div class="setinputw">&emsp;2.肇事
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_2"></el-input>次
 
                        </div>
 
                    </div>
 
                    <div class="ui-grid">
 
                        <div class="setinputw">3.肇祸
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_3"></el-input>次
 
                        </div>
 
                        <div class="setinputw">&emsp;&emsp;&nbsp;&nbsp;&nbsp;4.其他危害行为
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_4"></el-input>次
 
                        </div>
 
                    </div>
 
                    <div class="ui-grid">
 
                        <div class="setinputw">5.自伤
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_5"></el-input>次
 
                        </div>
 
                        <div class="setinputw">&emsp;&emsp;&nbsp;&nbsp; 6.自杀未遂
 
                            <el-input type="number" min="0" :readonly="!editable" v-model="severeMentalDisorderData.dangerous_behavior_6"></el-input>次
 
                        </div>
 
                    </div>
 
                    <el-checkbox true-label="1" false-label="0" v-model="severeMentalDisorderData.dangerous_behavior_7">&emsp;7.无危险行为
 
                    </el-checkbox>
 
                    <!-- </el-checkbox-group> -->
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">两次随访期间关锁情况
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.captivity_case" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">无关锁</el-radio>
 
                        <el-radio :disabled="!editable" label="2">关锁</el-radio>
 
                        <el-radio :disabled="!editable" label="3">关锁已解除</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">两次随访期间住院情况
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.in_hospital_case" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="0">未住院</el-radio>
 
                        <el-radio :disabled="!editable" label="1">目前正在住院</el-radio>
 
                        <el-radio :disabled="!editable" label="2">曾住院，现未住院</el-radio>
 
                    </el-radio-group>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">末次出院时间 :</div>
 
                        <div class="ui-col-1">
 
                            <el-date-picker :readonly="!editable" v-model="severeMentalDisorderData.last_discharged_date" value-format="yyyy-MM-dd" type="date"
 
                                placeholder="选择日期">
 
                            </el-date-picker>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">实验室检查
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.laboratory_examination" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2" class="setinput">有
 
                            <el-input type="text" :readonly="laboratory_examination_dis||!editable" v-model="severeMentalDisorderData.laboratory_examination_description"
 
                                clearable></el-input>
 
                        </el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">用药性从依
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.compliance" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">按医嘱规律用药</el-radio>
 
                        <el-radio :disabled="!editable" label="2">间断用药</el-radio>
 
                        <el-radio :disabled="!editable" label="3">不用药</el-radio>
 
                        <el-radio :disabled="!editable" label="4">医嘱勿需用药</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">药物不良反应
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group v-model="severeMentalDisorderData.adverse_drug_reaction" :disabled="!editable">
 
                        <el-radio :disabled="!editable" label="1">无</el-radio>
 
                        <el-radio :disabled="!editable" label="2" class="setinput">有
 
                            <el-input type="text" :readonly="adverse_drug_reaction_dis||!editable" v-model="severeMentalDisorderData.adverse_drug_reaction_description"
 
                                clearable></el-input>
 
                        </el-radio>
 
                        <el-radio :disabled="!editable" label="9">此项不适用</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">治疗效果
 
                </td>
 
                <td colspan="2">
 
                    <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.treatment_effects">
 
                        <el-radio :disabled="!editable" label="1">痊愈</el-radio>
 
                        <el-radio :disabled="!editable" label="2">好转</el-radio>
 
                        <el-radio :disabled="!editable" label="3">无变化</el-radio>
 
                        <el-radio :disabled="!editable" label="4">加重</el-radio>
 
                        <el-radio :disabled="!editable" label="9">此项不可用</el-radio>
 
                    </el-radio-group>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">转诊情况
 
                </td>
 
                <td colspan="2">
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            是否建议转诊:&emsp;
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.referral">
 
                                <el-radio :disabled="!editable" label="1">否</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">是，需要转诊原因
 
                                    <el-input type="text" :readonly="referral_dis||!editable" v-model="severeMentalDisorderData.referral_reason" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </div>
 
                    </div>
 
                    <div class="ui-grid">
 
                        <div class="ui-col-0">
 
                            是否已转诊:&emsp;
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-radio-group :disabled="!editable" v-model="severeMentalDisorderData.is_referral">
 
                                <el-radio :disabled="!editable" label="1">否</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">是，转诊的机构
 
                                    <el-input type="text" :readonly="organization_org_name_dis||!editable" v-model="severeMentalDisorderData.organization_org_name"
 
                                        clearable></el-input>
 
                                    和科室
 
                                    <el-input type="text" :readonly="organization_dis||!editable" v-model="severeMentalDisorderData.organization" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </div>
 
                    </div>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td colspan="3" class="table2Td">
 
                    <table class="table2">
 
                        <tr>
 
                            <td class="col-w120 c-t-center" rowspan="3">用药情况
 
                            </td>
 
                            <td colspan="1" style="width: 300px;" class="setinput">
 
                                药物1
 
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine1_name"></el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_early">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_noon">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage_night">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_frequency">
 
                                </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine1_dosage">
 
                                </el-input> mg
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="setinput">
 
                                药物2
 
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine2_name"> </el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_early">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_noon">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage_night">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_frequency">
 
                                </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine2_dosage">
 
                                </el-input> mg
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="setinput">
 
                                药物3
 
                                <el-input :readonly="!editable" type="text" clearable v-model="severeMentalDisorderData.medicine3_name"> </el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_early">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_noon">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage_night">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_frequency">
 
                                </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" type="number" min="0" style="width: 70px;" v-model="severeMentalDisorderData.medicine3_dosage">
 
                                </el-input> mg
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="col-w120 c-t-center" rowspan="3" style="border-bottom: 0">用药指导
 
                            </td>
 
                            <td class="setinput">
 
                                药物1
 
                                <el-input v-model="severeMentalDisorderData.guide_medicine1_name" :readonly="!editable" type="text" clearable> </el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_early" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_noon" type="number" min="0" style="width: 70px;">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine1_dosage_night" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine1_frequency" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine1_dosage" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> mg
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="setinput">
 
                                药物2
 
                                <el-input v-model="severeMentalDisorderData.guide_medicine2_name" :readonly="!editable" type="text" clearable> </el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_early" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_noon" type="number" min="0" style="width: 70px;">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine2_dosage_night" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine2_frequency" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine2_dosage" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> mg
 
                            </td>
 
                        </tr>
 
                        <tr>
 
                            <td class="setinput">
 
                                药物3
 
                                <el-input v-model="severeMentalDisorderData.guide_medicine3_name" :readonly="!editable" type="text" clearable> </el-input>
 
                            </td>
 
                            <td class="setinput">用法：早
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_early" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg；中
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_noon" type="number" min="0" style="width: 70px;">
 
                                </el-input> mg； 晚
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_medicine3_dosage_night" type="number" min="0" style="width: 70px;">
 
                                </el-input>mg
 
                                <br>长效药：每
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_medicine3_frequency" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> 周一次；每次
 
                                <el-input :readonly="!editable" v-model="severeMentalDisorderData.guide_sustained_meidicine3_dosage" type="number" min="0"
 
                                    style="width: 70px;"> </el-input> mg
 
                            </td>
 
                        </tr>
 
                    </table>
 
                </td>
 
            </tr>
 
            <tr>
 
                <td class="col-w120 c-t-center">康复措施
 
                </td>
 
                <td colspan="2">
 
                    <el-checkbox-group v-model="rehabilitation_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" class="setinput">其他
 
                            <el-input type="text" clearable :readonly="rehabilitation_other_description_dis||!editable" v-model="severeMentalDisorderData.rehabilitation_other_description">
 
                            </el-input>
 
                        </el-checkbox>
 
                    </el-checkbox-group>
 
                </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="../../../../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,
 
                    isEditBtn: true,
 
                    death_reason_type_dis: true,
 
                    other_symptom: true,
 
                    laboratory_examination_dis: true,
 
                    adverse_drug_reaction_dis: true,
 
                    rehabilitation_other_description_dis: true,
 
                    referral_dis: true,
 
                    organization_org_name_dis: true,
 
                    organization_dis: true,
 
                    data2: "",
 
                    radio: "",
 
                    input: '',
 
                    followup_object_check: [],
 
                    death_reason_type_check: [],
 
                    symptom_check: [],
 
                    rehabilitation_check: [],
 
                    severeMentalDisorderData: {
 
                        illusion: '0',
 
                        communication_difficulty: '0',
 
                        suspicious: '0',
 
                        moods: '0',
 
                        weird: '0',
 
                        talkative: '0',
 
                        smashing_objects: '0',
 
                        profoundly_pessimistic: '0',
 
                        outside_without_cause: '0',
 
                        to_myself_from_laughing: '0',
 
                        withdrawn_lazy: '0',
 
                        other_symptom: '0',
 
                        rehabilitation_work_ability: '0',
 
                        rehabilitation_training: '0',
 
                        rehabilitation_learning_ability: '0',
 
                        rehabilitation_sociability: '0',
 
                        rehabilitation_other: "0"
 
                    },
 
                    followupId: Request['id']
 
                }
 
            },
 
            computed: {
 
                referral: function () {
 
                    return this.severeMentalDisorderData.referral
 
                },
 
                is_referral: function () {
 
                    return this.severeMentalDisorderData.is_referral
 
                },
 
                adverse_drug_reaction: function () {
 
                    return this.severeMentalDisorderData.adverse_drug_reaction
 
                },
 
                laboratory_examination: function () {
 
                    return this.severeMentalDisorderData.laboratory_examination
 
                },
 
                death_reason_type: function () {
 
                    return this.severeMentalDisorderData.death_reason_type
 
                },
 
            },
 
            watch: {
 
                referral: function (i) {
 
                    if (i == '2') {
 
                        this.referral_dis = false
 
                    } else {
 
                        this.referral_dis = true
 
                        this.referral_reason = ''
 
                    }
 
                },
 
                is_referral: function (i) {
 
                    if (i == '2') {
 
                        this.organization_org_name_dis = false
 
                        this.organization_dis = false
 
                    } else {
 
                        this.organization_org_name_dis = true
 
                        this.organization_dis = true
 
                        this.severeMentalDisorderData.organization = ''
 
                        this.severeMentalDisorderData.organization_org_name = ''
 
                    }
 
                },
 
                adverse_drug_reaction: function (i) {
 
                    if (i == '2') {
 
                        this.adverse_drug_reaction_dis = false
 
                    } else {
 
                        this.adverse_drug_reaction_dis = true
 
                        this.severeMentalDisorderData.adverse_drug_reaction_description = ''
 
                    }
 
                },
 
                laboratory_examination: function (i) {
 
                    if (i == '2') {
 
                        this.laboratory_examination_dis = false
 
                    } else {
 
                        this.laboratory_examination_dis = true
 
                        this.severeMentalDisorderData.laboratory_examination_description = ''
 
                    }
 
                },
 
                death_reason_type: function (i) {
 
                    if (i == '1') {
 
                        this.death_reason_type_dis = false
 
                    } else {
 
                        this.death_reason_type_dis = true
 
                    }
 
                },
 
                symptom_check: function (i) {
 
                    var a = i.indexOf('12')
 
                    if (a > -1) {
 
                        this.other_symptom = false
 
                    } else {
 
                        this.other_symptom = true
 
                        this.severeMentalDisorderData.other_symptom_description = ''
 
                    }
 
                },
 
                rehabilitation_check: function (i) {
 
                    var a = i.indexOf('5')
 
                    if (a > -1) {
 
                        this.rehabilitation_other_description_dis = false
 
                    } else {
 
                        this.rehabilitation_other_description_dis = true
 
                        this.severeMentalDisorderData.rehabilitation_other_description = ''
 
                    }
 
                },
 
            },
 
            mounted: function () {
 
                this.getData()
 
            },
 
            methods: {
 
                getData: function () {
 
                    var vm = this
 
                    fangshiAPI.getFollowupSevereMentalDisorder({ followupId: this.followupId || '1' }).then(function (res) {
 
                        if (res.status == 200) {
 
                            var data = res.data
 
                            if (data != null) {
 
                                vm.severeMentalDisorderData = res.data
 
                                var vmS = vm.severeMentalDisorderData
 
                                vmS.followup_type = data.followup_type ? data.followup_type.toString() : ''
 
                                vm.followup_object_check = data.followup_object.split(',')
 
                                vmS.followup_null_reason = data.followup_null_reason ? data.followup_null_reason.toString() : ''
 
                                vmS.death_reason_type = data.death_reason_type ? data.death_reason_type.toString() : ''
 
                                if (data.physical_disease_type) {
 
                                    vm.death_reason_type_check = data.physical_disease_type.split(',')
 
                                }
 
                                vmS.dangerous_level = data.dangerous_level.toString()
 
                                if (data.illusion == '1') {
 
                                    vm.symptom_check.push('1')
 
                                } if (data.communication_difficulty == '1') {
 
                                    vm.symptom_check.push('2')
 
                                } if (data.suspicious == '1') {
 
                                    vm.symptom_check.push('3')
 
                                } if (data.moods == '1') {
 
                                    vm.symptom_check.push('4')
 
                                } if (data.weird == '1') {
 
                                    vm.symptom_check.push('5')
 
                                } if (data.talkative == '1') {
 
                                    vm.symptom_check.push('6')
 
                                } if (data.smashing_objects == '1') {
 
                                    vm.symptom_check.push('7')
 
                                } if (data.profoundly_pessimistic == '1') {
 
                                    vm.symptom_check.push('8')
 
                                } if (data.outside_without_cause == '1') {
 
                                    vm.symptom_check.push('9')
 
                                } if (data.to_myself_from_laughing == '1') {
 
                                    vm.symptom_check.push('10')
 
                                } if (data.withdrawn_lazy == '1') {
 
                                    vm.symptom_check.push('11')
 
                                } if (data.other_symptom == '1') {
 
                                    vm.symptom_check.push('12')
 
                                }
 
                                if (vmS.rehabilitation_work_ability == '1') {
 
                                    vm.rehabilitation_check.push('1')
 
                                } if (vmS.rehabilitation_training == '1') {
 
                                    vm.rehabilitation_check.push('2')
 
                                } if (vmS.rehabilitation_learning_ability == '1') {
 
                                    vm.rehabilitation_check.push('3')
 
                                } if (vmS.rehabilitation_sociability == '1') {
 
                                    vm.rehabilitation_check.push('4')
 
                                } if (vmS.rehabilitation_other == '1') {
 
                                    vm.rehabilitation_check.push('5')
 
                                }
 
                                vmS.intelligence = data.intelligence ? data.intelligence.toString() : ''
 
                                vmS.sleep_condition = data.sleep_condition ? data.sleep_condition.toString() : ''
 
                                vmS.dietary_status = data.dietary_status ? data.dietary_status.toString() : ''
 
                                vmS.selfcare_ability = data.selfcare_ability ? data.selfcare_ability.toString() : ''
 
                                vmS.housework = data.housework ? data.housework.toString() : ''
 
                                vmS.work = data.work ? data.work.toString() : ''
 
                                vmS.learning_ability = data.learning_ability ? data.learning_ability.toString() : ''
 
                                vmS.sociability = data.sociability ? data.sociability.toString() : ''
 
                                vmS.captivity_case = data.captivity_case ? data.captivity_case.toString() : ''
 
                                vmS.in_hospital_case = data.in_hospital_case ? data.in_hospital_case.toString() : ''
 
                                vmS.laboratory_examination = data.laboratory_examination ? data.laboratory_examination.toString() : ''
 
                                vmS.compliance = data.compliance ? data.compliance.toString() : ''
 
                                vmS.adverse_drug_reaction = data.adverse_drug_reaction ? data.adverse_drug_reaction.toString() : ''
 
                                vmS.treatment_effects = data.treatment_effects ? data.treatment_effects.toString() : ''
 
                                vmS.referral = data.referral ? data.referral.toString() : ''
 
                                vmS.is_referral = data.is_referral ? data.is_referral.toString() : ''
 
                            }
 
                        } else {
 
                            top.toastr.error(res.msg);
 
                        }
 
                    })
 
                },
 
                editData: function () {
 
                    var vm = this
 
                    var vmS = this.severeMentalDisorderData
 
                    if (vm.followup_object_check) {
 
                        vmS.followup_object = vm.followup_object_check.join(",")
 
                    }
 
                    if (vm.death_reason_type_check) {
 
                        vmS.death_reason_type = vm.death_reason_type_check.join(",")
 
                    }
 
                    this.symptom_check.map(i => {
 
                        if (i == '1') {
 
                            vmS.illusion = '1'
 
                        } if (i == '2') {
 
                            vmS.communication_difficulty = '1'
 
                        } if (i == '3') {
 
                            vmS.suspicious = '1'
 
                        } if (i == '4') {
 
                            vmS.moods = '1'
 
                        } if (i == '5') {
 
                            vmS.weird = '1'
 
                        } if (i == '6') {
 
                            vmS.talkative = '1'
 
                        } if (i == '7') {
 
                            vmS.smashing_objects = '1'
 
                        } if (i == '8') {
 
                            vmS.profoundly_pessimistic = '1'
 
                        } if (i == '9') {
 
                            vmS.outside_without_cause = '1'
 
                        } if (i == '10') {
 
                            vmS.to_myself_from_laughing = '1'
 
                        } if (i == '11') {
 
                            vmS.withdrawn_lazy = '1'
 
                        } if (i == '12') {
 
                            vmS.other_symptom = '1'
 
                        }
 
                        this.rehabilitation_check.map(i => {
 
                            if (i == '1') {
 
                                vmS.rehabilitation_work_ability = '1'
 
                            } if (i == '2') {
 
                                vmS.rehabilitation_training = '1'
 
                            } if (i == '3') {
 
                                vmS.rehabilitation_learning_ability = '1'
 
                            } if (i == '4') {
 
                                vmS.rehabilitation_sociability = '1'
 
                            } if (i == '5') {
 
                                vmS.rehabilitation_other = '1'
 
                            }
 
                        })
 
                    })
 
                    this.severeMentalDisorderData.create_time = null
 
                    this.severeMentalDisorderData.version = '1'
 
                    fangshiAPI.saveFollowupSevereMentalDisorder({ followupId: this.followupId || '1', severeMentalDisorderData: JSON.stringify(this.severeMentalDisorderData) }).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>

+ 2234 - 0
app/followup/v1/html/fangshi-detail-8.html
查看文件 

@ -0,0 +1,2234 @@
 
<!DOCTYPE html>
 
<html>
 
<head>
 
	<meta charset="UTF-8">
 
	<title>80岁以上老人</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="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">
 
	<style>
 
		.flex-box {
 
			display: -webkit-box;
 
			display: -ms-flexbox;
 
			display: flex;
 
			-webkit-box-pack: center;
 
			-ms-flex-pack: center;
 
			-webkit-box-align: center;
 
			-ms-flex-align: center;
 
		}
 
		.setPicker .el-input--prefix .el-input__inner {
 
			text-align: center
 
		}
 
		.p8 {
 
			padding: 8px;
 
		}
 
		.col-w60 {
 
			width: 60px;
 
		}
 
		.col-w120 {
 
			width: 130px;
 
		}
 
		.col-w200 {
 
			width: 200px;
 
		}
 
		.mb0 {
 
			margin-bottom: 0;
 
		}
 
		.setinput .el-input--suffix .el-input__inner {
 
			padding: 0;
 
			border-bottom: 1px solid #e1e1e1;
 
		}
 
		.el-checkbox,
 
		.el-radio {
 
			margin-left: 30px;
 
		}
 
		.el-radio__label {
 
			display: inline-block;
 
		}
 
		.el-radio {
 
			margin-bottom: 0;
 
		}
 
		div.ui-col-0 {
 
			line-height: unset;
 
		}
 
		.lh27 {
 
			line-height: 27px !important;
 
		}
 
		.setinput .el-input__inner {
 
			padding: 0;
 
			border-bottom: 1px solid #e1e1e1;
 
			text-align: center;
 
		}
 
	</style>
 
</head>
 
<body>
 
	<div id="app">
 
		<button class="button" @click="editBtn()">编辑</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 lh27">姓名:</div>
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.name" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
			</div>
 
			<div class="ui-col-1">
 
				<div class="ui-grid">
 
					<div class="ui-col-0 lh27">身份证:</div>
 
					<div class="ui-col-1">
 
						<el-input onkeypress="return event.keyCode>=48&&event.keyCode<=57" :readonly="!editable" v-model="oldmanData.idcard" placeholder=""
 
						 clearable></el-input>
 
					</div>
 
				</div>
 
			</div>
 
			<div class="ui-col-1">
 
				<div class="ui-grid">
 
					<div class="ui-col-0 lh27">体检编号:</div>
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.number" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
			</div>
 
		</div>
 
		<table class="table table-bordered mb0">
 
			<tr>
 
				<td class="c-t-center">体检日期</td>
 
				<td>
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.duty" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="col-w120 c-t-center">责任医生</td>
 
				<td>
 
					<el-input :readonly="!editable" v-model="oldmanData.responsibility_doctor_name" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
		</table>
 
		<div class="ui-grid">
 
			<div class="ui-col-0 p8 c-border-l col-w60 c-t-center">内&emsp;容</div>
 
			<div class="ui-col-1 p8 c-border-l c-border-r c-t-center">检&emsp;查&emsp;项&emsp;目</div>
 
		</div>
 
		<table class="table table-bordered mb0">
 
			<tr>
 
				<td class="col-w60 c-t-center">症
 
					<br>状</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="symptom_check" :disabled="!editable">
 
						<el-checkbox label="1" key="">无症状</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 label="6">胸痛</el-checkbox>
 
						<el-checkbox label="7">慢性咳嗽</el-checkbox>
 
						<el-checkbox label="8"> 咳痰</el-checkbox>
 
						<el-checkbox label="9">呼吸困难</el-checkbox>
 
						<el-checkbox label="10">多饮</el-checkbox>
 
						<el-checkbox label="11">多尿</el-checkbox>
 
						<el-checkbox label="12">体重下降</el-checkbox>
 
						<el-checkbox label="13">乏力</el-checkbox>
 
						<el-checkbox label="14">关节肿痛</el-checkbox>
 
						<el-checkbox label="15"> 视力模糊</el-checkbox>
 
						<el-checkbox label="16">手脚麻木</el-checkbox>
 
						<el-checkbox label="17"> 尿急</el-checkbox>
 
						<el-checkbox label="18"> 尿痛</el-checkbox>
 
						<el-checkbox label="19">便秘 </el-checkbox>
 
						<el-checkbox label="20"> 腹泻</el-checkbox>
 
						<el-checkbox label="21">恶心呕吐</el-checkbox>
 
						<el-checkbox label="22"> 眼花</el-checkbox>
 
						<el-checkbox label="23">耳鸣</el-checkbox>
 
						<el-checkbox label="24">乳房胀痛</el-checkbox>
 
						<el-checkbox class="setinput" label="25">
 
							<el-input :readonly="!editable" v-model="oldmanData.symptom_other" placeholder="其他" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<!--一般状况-->
 
			<tr>
 
				<td rowspan="9" class="col-w60 c-t-center">一
 
					<br>般
 
					<br>状
 
					<br>况</td>
 
				<td class="col-w120 c-t-center">体&emsp;&emsp;温</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.temperature" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">°C</div>
 
				</td>
 
				<td class="col-w120 c-t-center">脉&emsp;&emsp;率</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.pulse_frequency" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">次/分钟</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td rowspan="2" class="col-w120 c-t-center">呼吸频率</td>
 
				<td rowspan="2">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.breath_frequency" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">次/分钟</div>
 
					</div>
 
				</td>
 
				<td rowspan="2" class="col-w120 c-t-center">血&emsp;压</td>
 
				<td class="ui-grid">
 
					<div class="ui-ciol-0 col-w60 c-border-r">左&emsp;侧</div>
 
					<div class="ui-col-1 setinput">
 
						<el-input type="number" style="width: 100px;" :readonly="!editable" v-model="oldmanData.blood_pressure_left_low" placeholder=""></el-input>/
 
						<el-input type="number" style="width: 100px;" :readonly="!editable" v-model="oldmanData.blood_pressure_left_high" placeholder=""></el-input>
 
					</div>
 
					<div class="ui-col-0">mmHg</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-ciol-0 col-w60 c-border-r">右&emsp;侧</div>
 
					<div class="ui-col-1 setinput">
 
						<el-input type="number" style="width: 100px;" :readonly="!editable" v-model="oldmanData.blood_pressure_right_low" placeholder=""></el-input>/
 
						<el-input type="number" style="width: 100px;" :readonly="!editable" v-model="oldmanData.blood_pressure_right_high" placeholder=""></el-input>
 
					</div>
 
					<div class="ui-col-0">mmHg</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">身&emsp;&emsp;高</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.height" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">cm</div>
 
				</td>
 
				<td class="col-w120 c-t-center" style="border: 0;">体&emsp;&emsp;重</td>
 
				<td class="ui-grid">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.weight" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">kg</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">腰&emsp;&emsp;围</td>
 
				<td>
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.waistline" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">cm</div>
 
					</div>
 
				</td>
 
				<td class="col-w120 c-t-center">体质指数（BMI）</td>
 
				<td style="border: 0;">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.BMI" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">kg/m²</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">老年人健康状态自我评估*</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.health_status" :disabled="!editable">
 
						<el-radio :label="1">1 满意</el-radio>
 
						<el-radio :label="2">2 基本满意</el-radio>
 
						<el-radio :label="3">3 说不清楚</el-radio>
 
						<el-radio :label="4">4 不太满意</el-radio>
 
						<el-radio :label="5">5 不满意</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">老年人生活自理自我评估*</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.selfcare_ability" :disabled="!editable">
 
						<el-radio :label="1">1 可自理（0 ～ 3 分）</el-radio>
 
						<el-radio :label="2">2 轻度依赖（4 ～ 8 分）</el-radio>
 
						<el-radio :label="3">3 中度依赖（9 ～ 18 分）</el-radio>
 
						<el-radio :label="4">4 不能自理（≥19 分）</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">老年人认知功能*</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.cognitive_function" :disabled="!editable">
 
						<el-radio :label="1">1 粗筛阴性</el-radio>
 
						<el-radio :label="2" class="setinput">2 粗筛阳性， 简易智力状态检查，总分
 
							<el-input style="width: 120px;" min="0" type="number" :readonly="!editable" v-model="oldmanData.cognitive_function_score"></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">老年人情感状态*</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.emotional_state" :disabled="!editable">
 
						<el-radio :label="1">1 粗筛阴性</el-radio>
 
						<el-radio :label="2" class="setinput">2 粗筛阳性， 简易智力状态检查，总分
 
							<el-input style="width: 120px;" min="0" type="number" :readonly="!editable" v-model="oldmanData.emotional_state_score"></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<!--生活方式-->
 
		</table>
 
		<table class="table table-bordered">
 
			<tr>
 
				<td rowspan="13" class="col-w60 c-t-center">生
 
					<br>活
 
					<br>方
 
					<br>式</td>
 
				<td rowspan="3" class="col-w120 c-t-center">体育锻炼</td>
 
				<td class="col-w120 c-t-center">锻炼频率</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.exercise_frequency" :disabled="!editable">
 
						<el-radio :label="1">1 每天</el-radio>
 
						<el-radio :label="2">2 每周一次以上</el-radio>
 
						<el-radio :label="3">3 偶尔</el-radio>
 
						<el-radio :label="4">4 不锻炼</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">每次锻炼时间</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.exercise_time" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">分钟</div>
 
				</td>
 
				<td class="col-w120 c-t-center">坚持锻炼时间</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.sustain_exercise_time" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">年</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">锻炼方式</td>
 
				<td colspan="3">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.exercise_type" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">年</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">饮食习惯</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="dietary_habit_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 label="6">嗜糖</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td rowspan="3" class="col-w120 c-t-center">吸烟情况</td>
 
				<td class="col-w120 c-t-center">吸烟状况</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.smoking_state" :disabled="!editable">
 
						<el-radio :label="1">1 从不吸烟</el-radio>
 
						<el-radio :label="2">2 已戒烟</el-radio>
 
						<el-radio :label="3">3 吸烟</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">日吸烟量</td>
 
				<td colspan="3">
 
					<div class="ui-grid">
 
						<div class="ui-col-0">平均</div>
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.smoking_daily" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">次</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">开始吸烟年龄</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.start_smoking_age" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">岁</div>
 
				</td>
 
				<td class="col-w120 c-t-center">戒烟年龄</td>
 
				<td class="ui-grid" style="border: 0; border-right:1px soild #ddd;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.stop_smoking_age" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">岁</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td rowspan="5" class="col-w120 c-t-center">饮酒情况</td>
 
				<td class="col-w120 c-t-center">饮酒频率</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.drinking_frequency" :disabled="!editable">
 
						<el-radio :label="1">1 从不</el-radio>
 
						<el-radio :label="2">2 偶尔</el-radio>
 
						<el-radio :label="3">3 经常</el-radio>
 
						<el-radio :label="4">4 每天</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">日饮酒量</td>
 
				<td colspan="3">
 
					<div class="ui-grid">
 
						<div class="ui-col-0">平均</div>
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.drinking_daily" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">两</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">是否戒酒</td>
 
				<td colspan="3">
 
					<el-radio-group v-model="oldmanData.is_stop_drinking" :disabled="!editable">
 
						<el-radio :label="1">1 未戒酒</el-radio>
 
						<el-radio :label="2">
 
							<div class="ui-grid">
 
								<div class="ui-col-0">2 已借酒，戒酒年龄：</div>
 
								<div class="ui-col-1">
 
									<el-input :readonly="!editable" v-model="oldmanData.stop_drinking_age" placeholder="" clearable></el-input>
 
								</div>
 
								<div class="ui-col-0">岁</div>
 
							</div>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">平均饮酒年龄</td>
 
				<td class="ui-grid" style="border: 0;">
 
					<div class="ui-col-1">
 
						<el-input :readonly="!editable" v-model="oldmanData.start_drinking_age" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-col-0">岁</div>
 
				</td>
 
				<td class="col-w120 c-t-center">近一年是否曾醉酒</td>
 
				<td>
 
					<el-radio-group v-model="oldmanData.drunkenness" :disabled="!editable">
 
						<el-radio :label="1">1 是</el-radio>
 
						<el-radio :label="2">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="drinking_type_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" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.other_drinking_type" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="col-w120 c-t-center">职业病危害因素接触史</td>
 
				<td colspan="4">
 
					<div>
 
						<!-- <el-radio-group :disabled="!editable" v-model="oldmanData.">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">
 
								<div class="ui-grid">
 
									<div class="ui-col-0">2 有 （工种</div>
 
									<div class="ui-col-0">
 
										<el-input :readonly="!editable" v-model="oldmanData" placeholder="" clearable></el-input>
 
									</div>
 
									<div class="ui-col-0">从业时间</div>
 
									<div class="ui-col-0">
 
										<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
									</div>
 
									<div class="ui-col-0">年）</div>
 
								</div>
 
							</el-radio>
 
						</el-radio-group> -->
 
					</div>
 
					<div class="ui-grid">
 
						<div class="ui-col-0 mr10">毒物种类</div>
 
						<div class="ui-col-1">
 
							<div class="ui-grid">
 
								<div class="ui-grid">
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">粉尘</div>
 
										<div class="ui-col-1 setinput">
 
											<el-input type="text" :readonly="!editable" v-model="oldmanData.dust" clearable></el-input>
 
										</div>
 
									</div>
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">粉尘防范措施</div>
 
										<div class="ui-col-1">
 
											<el-radio-group v-model="oldmanData.dust_protective_measures" :disabled="!editable">
 
												<el-radio :label="1">1 无</el-radio>
 
												<el-radio :label="2" class="setinput">2 有
 
													<el-input type="text" :readonly="!editable" v-model="oldmanData.dust_protective_measures_has" clearable></el-input>
 
												</el-radio>
 
											</el-radio-group>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-grid">
 
								<div class="ui-grid">
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">放射物质</div>
 
										<div class="ui-col-1 setinput">
 
											<el-input type="text" :readonly="!editable" v-model="oldmanData.radiogen" clearable></el-input>
 
										</div>
 
									</div>
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">放射物质防范措施</div>
 
										<div class="ui-col-1">
 
											<el-radio-group v-model="oldmanData.radiogen_protective_measures" :disabled="!editable">
 
												<el-radio :label="1">1 无</el-radio>
 
												<el-radio :label="2" class="setinput">2 有
 
													<el-input type="text" :readonly="!editable" v-model="oldmanData.radiogen_protective_measures_has" clearable></el-input>
 
												</el-radio>
 
											</el-radio-group>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-grid">
 
								<div class="ui-grid">
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">物理因素</div>
 
										<div class="ui-col-1 setinput">
 
											<el-input type="text" :readonly="!editable" v-model="oldmanData.physical_factor" clearable></el-input>
 
										</div>
 
									</div>
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">物理因素防范措施</div>
 
										<div class="ui-col-1">
 
											<el-radio-group v-model="oldmanData.physical_protective_measures" :disabled="!editable">
 
												<el-radio :label="1">1 无</el-radio>
 
												<el-radio :label="2" class="setinput">2 有
 
													<el-input type="text" :readonly="!editable" v-model="oldmanData.radiogen_protective_measures_has" clearable></el-input>
 
												</el-radio>
 
											</el-radio-group>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-grid">
 
								<div class="ui-grid">
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">化学物质</div>
 
										<div class="ui-col-1 setinput">
 
											<el-input type="text" :readonly="!editable" v-model="oldmanData.chemical_factor" clearable></el-input>
 
										</div>
 
									</div>
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">化学物质防范措施</div>
 
										<div class="ui-col-1">
 
											<el-radio-group v-model="oldmanData.chemical_protective_measures" :disabled="!editable">
 
												<el-radio :label="1">1 无</el-radio>
 
												<el-radio :label="2" class="setinput">2 有
 
													<el-input type="text" :readonly="!editable" v-model="oldmanData.chemical_protective_measures_has" clearable></el-input>
 
												</el-radio>
 
											</el-radio-group>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-grid">
 
								<div class="ui-grid">
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">其他危害因素</div>
 
										<div class="ui-col-1 setinput">
 
											<el-input type="text" :readonly="!editable" v-model="oldmanData.other_hazard_factors" clearable></el-input>
 
										</div>
 
									</div>
 
									<div class="ui-col-1 ui-grid">
 
										<div class="ui-col-0">其他危害因素防范措施</div>
 
										<div class="ui-col-1">
 
											<el-radio-group v-model="oldmanData.other_hazard_protective_measures" :disabled="!editable">
 
												<el-radio :label="1">1 无</el-radio>
 
												<el-radio :label="2" class="setinput">2 有
 
													<el-input type="text" :readonly="!editable" v-model="oldmanData.other_hazard_protective_measures_has" clearable></el-input>
 
												</el-radio>
 
											</el-radio-group>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
				</td>
 
			</tr>
 
			<!-- 脏器功能 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="4">脏 器 功 能 </td>
 
				<td class="c-t-center col-w120">
 
					口 腔
 
				</td>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-0">口唇</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.lip">
 
								<el-radio :label="1">红润 </el-radio>
 
								<el-radio :label="2">苍白</el-radio>
 
								<el-radio :label="3">发绀</el-radio>
 
								<el-radio :label="4">皲裂</el-radio>
 
								<el-radio :label="5">疱疹</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
					<div class="ui-grid">
 
						<div class="ui-col-0">齿列</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.dentition">
 
								<el-radio :label="1">正常 </el-radio>
 
								<el-radio :label="2">缺齿</el-radio>
 
								<el-radio :label="3">龋齿</el-radio>
 
								<el-radio :label="4">义齿，假牙</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
					<div class="ui-grid">
 
						<div class="ui-col-0">咽部</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.oropharynx">
 
								<el-radio :label="1">无充血 </el-radio>
 
								<el-radio :label="2">充血</el-radio>
 
								<el-radio :label="3">淋巴滤泡增生</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					视 力
 
				</td>
 
				<td colspan="4">
 
					<div class="setinput">
 
						左眼
 
						<el-input style="width: 100px;" :readonly="!editable" v-model="oldmanData.left_eyesight" clearable></el-input>
 
						右眼
 
						<el-input style="width: 100px;" :readonly="!editable" v-model="oldmanData.right_eyesight" clearable></el-input>
 
						（矫正视力：左眼
 
						<el-input style="width: 100px;" :readonly="!editable" v-model="oldmanData.left_correctional_eyesight" clearable></el-input>
 
						右眼
 
						<el-input style="width: 100px;" :readonly="!editable" v-model="oldmanData.right_correctional_eyesight" clearable></el-input>
 
						）
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					听 力
 
				</td>
 
				<td colspan="4">
 
					<el-input :readonly="!editable" v-model="oldmanData.hearing" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					运动功能
 
				</td>
 
				<td colspan="4">
 
					<el-input :readonly="!editable" v-model="oldmanData.motor_function" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<!-- 查体 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="15">查 体 </td>
 
				<td class="c-t-center col-w120">
 
					眼 底
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.fundus">
 
						<el-radio :label="1">1 正常</el-radio>
 
						<el-radio :label="2" class="setinput">2 异常
 
							<el-input :readonly="!editable" v-model="oldmanData.fundus_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					皮 肤
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.skin">
 
						<el-radio :label="1">1 正常</el-radio>
 
						<el-radio :label="2">2 潮红</el-radio>
 
						<el-radio :label="3">3 发钳</el-radio>
 
						<el-radio :label="4">4 黄染</el-radio>
 
						<el-radio :label="5">5色素沉着</el-radio>
 
						<el-radio :label="6">6 正常</el-radio>
 
						<el-radio :label="7" class="setinput">7 其他
 
							<el-input :readonly="!editable" v-model="oldmanData.fundus_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					巩 膜
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.sclera">
 
						<el-radio :label="1">1 正常</el-radio>
 
						<el-radio :label="2">2 黄染</el-radio>
 
						<el-radio :label="3">3 充血</el-radio>
 
						<el-radio :label="7" class="setinput">4 其他
 
							<el-input :readonly="!editable" v-model="oldmanData.sclera_other" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					淋巴结
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.lymphaden">
 
						<el-radio :label="1">1 未触及</el-radio>
 
						<el-radio :label="2">2 锁骨上</el-radio>
 
						<el-radio :label="3">3 腋窝</el-radio>
 
						<el-radio :label="7" class="setinput">4 其他
 
							<el-input :readonly="!editable" v-model="oldmanData.lymphaden_other" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120" rowspan="3">
 
					肺
 
				</td>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-0"> 桶状胸:</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.barrel_chest">
 
								<el-radio :label="1">1 否</el-radio>
 
								<el-radio :label="2">2 是</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-0"> 呼吸音:</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.barrel_chest">
 
								<el-radio :label="1">1 正常</el-radio>
 
								<el-radio :label="2">2 异常</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-0"> 罗 &#x3000;音:</div>
 
						<div class="ui-col-1">
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.barrel_chest">
 
								<el-radio :label="1">1 无</el-radio>
 
								<el-radio :label="2">2 干罗音</el-radio>
 
								<el-radio :label="3">3 湿罗音</el-radio>
 
								<el-radio :label="4" class="setinput">4 其他
 
									<el-input :readonly="!editable" v-model="oldmanData.rale_abnormal" clearable></el-input>
 
								</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					心 脏
 
				</td>
 
				<td colspan="4">
 
					<div class="setinput ui-grid">
 
						<div>
 
							心率：
 
							<el-input style="width: 100px;" :readonly="!editable" v-model="oldmanData.heart_rhythm" placeholder="" clearable></el-input>
 
							次/分钟&emsp;
 
						</div>
 
						<div class="lh27">
 
							心律：
 
							<el-radio-group :disabled="!editable" v-model="oldmanData.heart_rate">
 
								<el-radio :label="1">1 齐</el-radio>
 
								<el-radio :label="2">2 不齐</el-radio>
 
								<el-radio :label="3">3 绝对不齐</el-radio>
 
							</el-radio-group>
 
						</div>
 
					</div>
 
					<div>
 
						杂音：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.heart_noise">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有</el-radio>
 
						</el-radio-group>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					腹 部
 
				</td>
 
				<td colspan="4">
 
					<div class="setinput">
 
						压痛：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.abdominal_tenderness">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有
 
								<el-input type="text" :readonly="!editable" v-model="oldmanData.tenderness_has" clearable></el-input>
 
							</el-radio>
 
						</el-radio-group>
 
					</div>
 
					<div class="setinput">
 
						包块：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.abdominal_mass">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有
 
								<el-input type="text" :readonly="!editable" v-model="oldmanData.mass_has" clearable></el-input>
 
							</el-radio>
 
						</el-radio-group>
 
					</div>
 
					<div class="setinput">
 
						肝大：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.abdominal_hepatomegaly">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有
 
								<el-input type="text" :readonly="!editable" v-model="oldmanData.hepatomegaly_has" clearable></el-input>
 
							</el-radio>
 
						</el-radio-group>
 
					</div>
 
					<div class="setinput">
 
						脾大：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.abdominal_spleen_big">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有
 
								<el-input type="text" :readonly="!editable" v-model="oldmanData.spleen_big_has" clearable></el-input>
 
							</el-radio>
 
						</el-radio-group>
 
					</div>
 
					<div class="setinput">
 
						移动性浊音：
 
						<el-radio-group :disabled="!editable" v-model="oldmanData.abdominal_shifting_dullness">
 
							<el-radio :label="1">1 无</el-radio>
 
							<el-radio :label="2">2 有
 
								<el-input type="text" :readonly="!editable" v-model="oldmanData.shifting_dullness_has" clearable></el-input>
 
							</el-radio>
 
						</el-radio-group>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					下肢水肿
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.crura_edema">
 
						<el-radio :label="1">1 无</el-radio>
 
						<el-radio :label="2">2 单侧</el-radio>
 
						<el-radio :label="3">3 双侧不对称</el-radio>
 
						<el-radio :label="4">4 双侧对称</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					足背动脉搏动
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.dorsal_foot_pulse">
 
						<el-radio :label="1">1 未接触</el-radio>
 
						<el-radio :label="2">2 触及双侧对称</el-radio>
 
						<el-radio :label="3">3 触及左侧弱或消失</el-radio>
 
						<el-radio :label="4">4 触及右侧弱或消失</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					肛门指诊
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.anus_dre">
 
						<el-radio :label="1">1 未接触</el-radio>
 
						<el-radio :label="2">2 触及双侧对称</el-radio>
 
						<el-radio :label="3">3 触及左侧弱或消失</el-radio>
 
						<el-radio :label="4">4 触及右侧弱或消失</el-radio>
 
						<el-radio :label="5" class="setinput">5 其他
 
							<el-input :readonly="!editable" v-model="oldmanData.anus_dre_other" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					乳 腺
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="breast_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" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.breast_other" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td colspan="5" class="table2Td">
 
					<table class="table2">
 
						<tr>
 
							<td class="c-t-center" style="width: 68px;border:0;" rowspan="5">
 
								妇科
 
							</td>
 
							<td class="c-t-center" style="width: 62px">
 
								外阴
 
							</td>
 
							<td colspan="3">
 
								<el-radio-group :disabled="!editable" v-model="oldmanData.vulva">
 
									<el-radio :label="1">1 未见异常</el-radio>
 
									<el-radio :label="2" class="setinput">2 异常
 
										<el-input :readonly="!editable" v-model="oldmanData.vulva_abnormal" placeholder="" clearable></el-input>
 
									</el-radio>
 
								</el-radio-group>
 
							</td>
 
						</tr>
 
						<tr>
 
							<td class="c-t-center ">
 
								阴道
 
							</td>
 
							<td colspan="3">
 
								<el-radio-group :disabled="!editable" v-model="oldmanData.vagina">
 
									<el-radio :label="1">1 未见异常</el-radio>
 
									<el-radio :label="2" class="setinput">2 异常
 
										<el-input :readonly="!editable" v-model="oldmanData.vagina_abnormal" placeholder="" clearable></el-input>
 
									</el-radio>
 
								</el-radio-group>
 
							</td>
 
						</tr>
 
						<tr>
 
							<td class="c-t-center ">
 
								宫颈
 
							</td>
 
							<td colspan="3">
 
								<el-radio-group :disabled="!editable" v-model="oldmanData.cervical">
 
									<el-radio :label="1">1 未见异常</el-radio>
 
									<el-radio :label="2" class="setinput">2 异常
 
										<el-input :readonly="!editable" v-model="oldmanData.cervical_abnormal" placeholder="" clearable></el-input>
 
									</el-radio>
 
								</el-radio-group>
 
							</td>
 
						</tr>
 
						<tr>
 
							<td class="c-t-center ">
 
								宫体
 
							</td>
 
							<td colspan="3">
 
								<el-radio-group :disabled="!editable" v-model="oldmanData.corpus">
 
									<el-radio :label="1">1 未见异常</el-radio>
 
									<el-radio :label="2" class="setinput">2 异常
 
										<el-input :readonly="!editable" v-model="oldmanData.corpus_abnormal" placeholder="" clearable></el-input>
 
									</el-radio>
 
								</el-radio-group>
 
							</td>
 
						</tr>
 
						<tr>
 
							<td class="c-t-center">
 
								附件
 
							</td>
 
							<td colspan="3">
 
								<el-radio-group :disabled="!editable" v-model="oldmanData.gynecologic_appendix">
 
									<el-radio :label="1">1 未见异常</el-radio>
 
									<el-radio :label="2" class="setinput">2 异常
 
										<el-input :readonly="!editable" v-model="oldmanData.appendix_abnormal" placeholder="" clearable></el-input>
 
									</el-radio>
 
								</el-radio-group>
 
							</td>
 
						</tr>
 
					</table>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					其 他
 
				</td>
 
				<td colspan="5">
 
					<el-input :readonly="!editable" v-model="oldmanData.physical_examination_other" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<!-- 辅助检查 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="17">辅 助 检 查 </td>
 
				<td class="c-t-center col-w120">
 
					血常规
 
				</td>
 
				<td colspan="4">
 
					<div class="setinput">
 
						<span>
 
							血红蛋白：
 
							<el-input :readonly="!editable" class="col-w60" v-model="oldmanData.hemoglobin" type="number" min=0></el-input>g/L&emsp;
 
						</span>
 
						<span>
 
							白细胞：
 
							<el-input :readonly="!editable" class="col-w60" v-model="oldmanData.leukocyte" type="number" min=0></el-input> x 10
 
							<sup>9</sup>/L&emsp;
 
						</span>
 
						<span>
 
							血小板：
 
							<el-input :readonly="!editable" class="col-w60" v-model="oldmanData.thrombocyte" type="number" min=0></el-input> x 10
 
							<sup>9</sup>/L
 
						</span>
 
					</div>
 
					<div class="ui-grid">
 
						<div class="ui-col-0 lh27">
 
							其他:
 
						</div>
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.blood_routine_other" placeholder="" clearable></el-input>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					尿常规
 
				</td>
 
				<td colspan="4">
 
					<div class="setinput">
 
						尿蛋白:
 
						<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.urine_protein" placeholder="" clearable></el-input>
 
						尿糖:
 
						<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.urine_sugar" placeholder="" clearable></el-input>
 
						尿酮体:
 
						<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.urine_acetone_bodies" placeholder="" clearable></el-input>
 
						尿潜血:
 
						<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.urine_occult_blood" placeholder="" clearable></el-input>
 
					</div>
 
					<div class="ui-grid mt10">
 
						<div class="ui-col-0 lh27">其他:</div>
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.urine_routine_other" placeholder="" clearable></el-input>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					空腹血糖
 
				</td>
 
				<td colspan="4" class="setinput">
 
					<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.fasting_blood_glucose_L" placeholder="" clearable></el-input>mmol/L 或
 
					<el-input class="col-w120" :readonly="!editable" v-model="oldmanData.fasting_blood_glucose_dL" placeholder="" clearable></el-input>mg/dL
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					心电图
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.electrocardiogram">
 
						<el-radio :label="1">正常</el-radio>
 
						<el-radio :label="2" class="setinput">异常
 
							<el-input :readonly="!editable" v-model="oldmanData.electrocardiogram_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					尿微量白蛋白
 
				</td>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.microalbuminuria" placeholder="" clearable></el-input>
 
						</div>
 
						<div class="ui-col-0">
 
							mg/dL
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					大便潜血
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.occult_blood_in_stool">
 
						<el-radio :label="1">阴性</el-radio>
 
						<el-radio :label="2" class="setinput">阳性
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					糖化血红蛋白
 
				</td>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.glycated_hemoglobin" min=0 type="number"></el-input>
 
						</div>
 
						<div class="ui-col-0">
 
							%
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					乙型肝炎 表面抗原
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.HBsAg">
 
						<el-radio :label="1">阴性</el-radio>
 
						<el-radio :label="2" class="setinput">阳性
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					肝功能
 
				</td>
 
				<td colspan="4">
 
					<div class="flex-box">
 
						<div class="setinput">
 
							<p>
 
								血清谷丙转氨酶:
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.ALT" min=0 type="number"></el-input>U/L
 
							</p>
 
							<p>
 
								白蛋白 :
 
								<el-input style="width: 115px" :readonly="!editable" v-model="oldmanData.albumin" min=0 type="number"></el-input>g/L
 
							</p>
 
							<p>
 
								结合胆红素 :
 
								<el-input style="width: 83px;" :readonly="!editable" v-model="oldmanData.conjugated_bilirubin" min=0 type="number"></el-input> μmol/L
 
							</p>
 
						</div>
 
						<div class="setinput ml40">
 
							<p>
 
								血清谷草转氨酶:
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.SGOT" min=0 type="number"></el-input>U/L
 
							</p>
 
							<p>
 
								总胆红素 :
 
								<el-input style="width: 97px;" :readonly="!editable" v-model="oldmanData.total_bilirubin" min=0 type="number"></el-input> μmol/L
 
							</p>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					肾功能
 
				</td>
 
				<td colspan="4">
 
					<div class="flex-box">
 
						<div class="setinput">
 
							<p>
 
								血清肌酐:
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.serum_creatinine" min=0 type="number"></el-input> μmol/L
 
							</p>
 
							<p>
 
								血钾浓度 :
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.blood_potassium_concentration" min=0 type="number"></el-input> mmo/L
 
							</p>
 
							<p>
 
								尿酸 :
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.albumin" min=0 type="number"></el-input> mmo/L
 
							</p>
 
						</div>
 
						<div class="setinput ml40">
 
							<p>
 
								血尿素氮:
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.uric_acid" min=0 type="number"></el-input> mmo/L
 
							</p>
 
							<p>
 
								血钠浓度 :
 
								<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.blood_Na_concentration" min=0 type="number"></el-input> mmo/L
 
							</p>
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					血 脂
 
				</td>
 
				<td colspan="4">
 
					<div class="flex-box setinput">
 
						<p>总胆固醇:
 
							<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.total_cholesterol" min=0 type="number"></el-input> mmo/L
 
						</p>
 
						<p class="ml40">
 
							甘油三酯:
 
							<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.triglyceride" min=0 type="number"></el-input> mmo/L
 
						</p>
 
					</div>
 
					<div class="setinput">
 
						血清低密度脂蛋白胆固醇 :
 
						<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.LDL_cholesterol" min=0 type="number"></el-input> mmo/L
 
					</div>
 
					<div class="setinput">
 
						血清高密度脂蛋白胆固醇 :
 
						<el-input class="col-w60" :readonly="!editable" v-model="oldmanData.HDL_cholesterol" min=0 type="number"></el-input> mmo/L
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					甲胎蛋白
 
				</td>
 
				<td colspan="4">
 
					<div class="ui-grid">
 
						<div class="ui-col-1">
 
							<el-input :readonly="!editable" v-model="oldmanData.alpha_fetal_protein" min=0 type="number"></el-input>
 
						</div>
 
						<div class="ui-col-0">
 
							mg/dL
 
						</div>
 
					</div>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					胸部 X 线片
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.chest_Xray">
 
						<el-radio :label="1">正常</el-radio>
 
						<el-radio :label="2" class="setinput">异常
 
							<el-input :readonly="!editable" v-model="oldmanData.chest_Xray_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120" rowspan="2">
 
					B 超
 
				</td>
 
				<td colspan="4">
 
					腹部B超
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.abdomen_B_ultrasonic">
 
						<el-radio :label="1">正常</el-radio>
 
						<el-radio :label="2" class="setinput">异常
 
							<el-input :readonly="!editable" v-model="oldmanData.abdomen_B_ultrasonic_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td colspan="4">
 
					其他&emsp;&emsp;
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.B_ultrasonic_other">
 
						<el-radio :label="1">正常</el-radio>
 
						<el-radio :label="2" class="setinput">异常
 
							<el-input :readonly="!editable" v-model="oldmanData.B_ultrasonic_other_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					宫颈涂片
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.cervical_smear">
 
						<el-radio :label="1">正常</el-radio>
 
						<el-radio :label="2" class="setinput">异常
 
							<el-input :readonly="!editable" v-model="oldmanData.cervical_smear_abnormal" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					其 他
 
				</td>
 
				<td colspan="4">
 
					<el-input :readonly="!editable" v-model="oldmanData.auxiliary_examination_other" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<!-- 中医体质辨识 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="9">中医体质辨识</td>
 
				<td class="c-t-center col-w120">
 
					平和质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.mild_physical">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">倾向是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					气虚质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.qi_deficiency">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					阳虚质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.yang_deficiency">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					阴虚质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.yin_deficiency">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					痰湿质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.phlegm_dampness">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					湿热质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.dampness_heat">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					血瘀质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.blood_stasis">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					气郁质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.logistic_regression">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					特秉质
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.grasp_quality">
 
						<el-radio :label="1">是</el-radio>
 
						<el-radio :label="2" class="setinput">基本是</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<!-- 现存主要 健康问题 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="7">现存主要 健康问题 </td>
 
				<td class="c-t-center col-w120">
 
					脑血管疾病
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="cerebrovascular_disease_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 label="6" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.cerebrovascular_disease_other" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					肾脏疾病
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="nephropathy_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 label="6" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.nephropathy_other" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					心脏疾病
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="heart_disease_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 label="6">心前区疼痛 </el-checkbox>
 
						<el-checkbox label="7" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.heart_disease_other" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					血管疾病
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="vascular_disease_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" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.vascular_disease_other" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					眼部疾病
 
				</td>
 
				<td colspan="4">
 
					<el-checkbox-group v-model="eye_disease_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" class="setinput">其他
 
							<el-input :readonly="!editable" v-model="oldmanData.eye_disease" placeholder="" clearable></el-input>
 
						</el-checkbox>
 
					</el-checkbox-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					神经系统疾病
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.nervous_system_disease">
 
						<el-radio :label="1">未发现</el-radio>
 
						<el-radio :label="2" class="setinput">有
 
							<el-input :readonly="!editable" v-model="oldmanData.nervous_system_disease_has" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center col-w120">
 
					其他系统疾病
 
				</td>
 
				<td colspan="4">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.other_system_disease">
 
						<el-radio :label="1">未发现</el-radio>
 
						<el-radio :label="2" class="setinput">有
 
							<el-input :readonly="!editable" v-model="oldmanData.other_system_disease_has" placeholder="" clearable></el-input>
 
						</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<!-- 住院治疗 情况  -->
 
			<tr>
 
				<td class="c-t-center" rowspan="6">住院治疗 情况 </td>
 
				<td class="c-t-center" rowspan="3">
 
					住院史
 
				</td>
 
				<td class="c-t-center" style="width: 300px;">
 
					入/出院日期
 
				</td>
 
				<td class="c-t-center">
 
					原 因
 
				</td>
 
				<td class="c-t-center  col-w200">
 
					医疗机构名称
 
				</td>
 
				<td class="c-t-center">
 
					病案号
 
				</td>
 
			</tr>
 
			<tr class="setPicker">
 
				<td class="c-t-center">
 
					<div class="flex-box" style="align-items: center;justify-content: center;">
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
						/
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.discharge_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
					</div>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.admission_reason1" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.building_bed_hospiatl_name1" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.building_bed_number1" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr class="setPicker">
 
				<td class="c-t-center">
 
					<div class="flex-box" style="align-items: center;justify-content: center;">
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date2" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
						/
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.discharge_date2" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
					</div>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.admission_reason2" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.building_bed_hospiatl_name2" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.building_bed_number2" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center" rowspan="3">
 
					家 庭 病床史
 
				</td>
 
				<td class="c-t-center col-w200">
 
					建/撤床日期
 
				</td>
 
				<td class="c-t-center">
 
					原 因
 
				</td>
 
				<td class="c-t-center  col-w200">
 
					医疗机构名称
 
				</td>
 
				<td class="c-t-center">
 
					病案号
 
				</td>
 
			</tr>
 
			<tr class="setPicker">
 
				<td class="c-t-center">
 
					<div class="flex-box" style="align-items: center;justify-content: center;">
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
						/
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
					</div>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr class="setPicker">
 
				<td class="c-t-center">
 
					<div class="flex-box" style="align-items: center;justify-content: center;">
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
						/
 
						<el-date-picker :readonly="!editable" v-model="oldmanData.admission_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
						</el-date-picker>
 
					</div>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<!-- 主要用药情况 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="7">主要用药情况 </td>
 
				<td class="c-t-center">
 
					药物名称
 
				</td>
 
				<td class="c-t-center">
 
					用 法
 
				</td>
 
				<td class="c-t-center">
 
					用 量
 
				</td>
 
				<td class="c-t-center">
 
					用药时间
 
				</td>
 
				<td class="c-t-center">
 
					服药依从性
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine1" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine1_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine1_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker class="c-t-center" :readonly="!editable" v-model="oldmanData.medication1_time" type="date" value-format="yyyy-MM-dd"
 
					 placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication1_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine2" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine2_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine2_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.medication2_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication2_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine3" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine3_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine3_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.medication3_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication3_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine4" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine4_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine4_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.medication4_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication4_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine5" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine5_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine5_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.medication5_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication5_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine6" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine6_use" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.medicine6_dosage" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.medication6_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-radio-group :disabled="!editable" v-model="oldmanData.medication6_compliance">
 
						<el-radio :label="1">1 规律</el-radio>
 
						<el-radio :label="2">2 间断</el-radio>
 
						<el-radio :label="3">3 不服药</el-radio>
 
					</el-radio-group>
 
				</td>
 
			</tr>
 
			<!-- 非免疫 规划预防 接种 -->
 
			<tr>
 
				<td class="c-t-center" rowspan="4">非免疫 规划预防 接种史 </td>
 
				<td class="c-t-center">
 
					名 称
 
				</td>
 
				<td class="c-t-center">
 
					接种日期
 
				</td>
 
				<td class="c-t-center" colspan="3">
 
					接种机构
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_name1" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.vaccination_date1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center" colspan="3">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_hospital_name1" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_name2" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.vaccination_date2" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center" colspan="3">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_hospital_name2" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<tr>
 
				<td class="c-t-center">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_name3" placeholder="" clearable></el-input>
 
				</td>
 
				<td class="c-t-center setPicker">
 
					<el-date-picker :readonly="!editable" v-model="oldmanData.vaccination_date3" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
 
					</el-date-picker>
 
				</td>
 
				<td class="c-t-center" colspan="3">
 
					<el-input :readonly="!editable" v-model="oldmanData.vaccination_hospital_name3" placeholder="" clearable></el-input>
 
				</td>
 
			</tr>
 
			<!--健康评价  -->
 
			<td class="c-t-center">健康评价</td>
 
			<td colspan="5">
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.health_examination">
 
					<el-radio :label="1">1 体检无异常 </el-radio>
 
					<el-radio :label="2">2 有异常 </el-radio>
 
				</el-radio-group>
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						异常 1
 
					</div>
 
					<div class="ui-col-1  setinput">
 
						<el-input :readonly="!editable" v-model="oldmanData.health_examination_abnormal1" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						异常 2
 
					</div>
 
					<div class="ui-col-1  setinput">
 
						<el-input :readonly="!editable" v-model="oldmanData.health_examination_abnormal2" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						异常 3
 
					</div>
 
					<div class="ui-col-1  setinput">
 
						<el-input :readonly="!editable" v-model="oldmanData.health_examination_abnormal3" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						异常 4
 
					</div>
 
					<div class="ui-col-1 setinput">
 
						<el-input :readonly="!editable" v-model="oldmanData.health_examination_abnormal4" placeholder="" clearable></el-input>
 
					</div>
 
				</div>
 
			</td>
 
			</tr>
 
			<!-- 健康指导 -->
 
			<td class="c-t-center">健康指导</td>
 
			<td colspan="2">
 
				<el-checkbox-group v-model="suggest_recheck_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" class="setinput">其他
 
						<el-input type="text" :readonly="!editable" v-model="oldmanData.other_health_guidance_description" clearable></el-input>
 
					</el-checkbox>
 
			</td>
 
			<td colspan="3">
 
				危险因素控制:
 
				<br>
 
				<el-checkbox-group v-model="dangerFacter_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" class="setinput"> 减体重（目标
 
						<el-input style="width: 70px;" type="text" :readonly="!editable" v-model="oldmanData.goal_weight" clearable></el-input>
 
						Kg)</el-checkbox>
 
					<el-checkbox label="6">建议接种疫苗 </el-checkbox>
 
					<el-checkbox label="7" class="setinput">其他
 
						<el-input type="text" :readonly="!editable" v-model="oldmanData.other_advice_description" clearable></el-input>
 
					</el-checkbox>
 
				</el-checkbox-group>
 
			</td>
 
			</tr>
 
			<!-- <tr>
 
					<td class="col-w120 c-t-center">体 温（℃）</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般健康情况</td>
 
					<td colspan="3">
 
						<el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">一般心理状况</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">血 压(mmHg)</td>
 
					<td colspan="3">
 
						<el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
 
					</td>
 
				</tr>
 
				<tr>
 
					<td class="col-w120 c-t-center">乳 房</td>
 
					<td colspan="3">
 
						<el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
 
  						<el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
 
					</td>
 
				</tr>-->
 
		</table>
 
		<!-- 老年人生活自理 -->
 
		<div class="p20">
 
			<div class="mb20">
 
				<p>1.进餐：试用餐具将饭菜送入口、咀嚼、吞咽等活动</p>
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.eat">
 
					<el-radio :label="1">1 独立完成0-3分</el-radio>
 
					<el-radio :label="2">2 轻度依赖4-8分</el-radio>
 
					<el-radio :label="3">3 轻度依赖4-8分</el-radio>
 
					<el-radio :label="4">4 轻度依赖4-8分</el-radio>
 
				</el-radio-group>
 
			</div>
 
			<div class="mb20">
 
				<p>2.梳洗：梳头、洗脸、刷牙、剃须洗澡等活动</p>
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.wash">
 
					<el-radio :label="1">1 独立完成0-3分</el-radio>
 
					<el-radio :label="2">2 轻度依赖4-8分</el-radio>
 
					<el-radio :label="3">3 轻度依赖4-8分</el-radio>
 
					<el-radio :label="4">4 轻度依赖4-8分</el-radio>
 
				</el-radio-group>
 
			</div>
 
			<div class="mb20">
 
				<p>3.穿衣：穿衣裤、袜子、鞋子等活动</p>
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.dress">
 
					<el-radio :label="1">1 独立完成0-3分</el-radio>
 
					<el-radio :label="2">2 轻度依赖4-8分</el-radio>
 
					<el-radio :label="3">3 轻度依赖4-8分</el-radio>
 
					<el-radio :label="4">4 轻度依赖4-8分</el-radio>
 
				</el-radio-group>
 
			</div>
 
			<div class="mb20">
 
				<p>4.如厕：小便、大便等活动及自控</p>
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.toilet">
 
					<el-radio :label="1">1 独立完成0-3分</el-radio>
 
					<el-radio :label="2">2 轻度依赖4-8分</el-radio>
 
					<el-radio :label="3">3 轻度依赖4-8分</el-radio>
 
					<el-radio :label="4">4 轻度依赖4-8分</el-radio>
 
				</el-radio-group>
 
			</div>
 
			<div class="mb20">
 
				<p>5.活动：站立、室内行走、上下楼梯、户外活动</p>
 
				<el-radio-group :disabled="!editable" v-model="oldmanData.activity">
 
					<el-radio :label="1">1 独立完成0-3分</el-radio>
 
					<el-radio :label="2">2 轻度依赖4-8分</el-radio>
 
					<el-radio :label="3">3 轻度依赖4-8分</el-radio>
 
					<el-radio :label="4">4 轻度依赖4-8分</el-radio>
 
				</el-radio-group>
 
			</div>
 
			<div class="ui-grid setinput">
 
				<div class="ui-col-0 lh27">
 
					总评分：
 
				</div>
 
				<div class="ui-col-1">
 
					<el-input style="width: 120px;" type="text" :readonly="!editable" v-model="oldmanData.goal_weight" clearable></el-input>
 
				</div>
 
			</div>
 
		</div>
 
		<follow-bottom></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="../../../../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,
 
						isEditBtn: true,
 
						symptom_check: [],
 
						breast_check: [],
 
						suggest_recheck_check: [],
 
						dangerFacter_check: [],
 
						drinking_type_check: [],
 
						dietary_habit_check: [],
 
						cerebrovascular_disease_check: [],
 
						nephropathy_check: [],
 
						heart_disease_check: [],
 
						eye_disease_check: [],
 
						vascular_disease_check: [],
 
						oldmanData: {
 
							regular_followup: '1',
 
							chronic_health_management: '1',
 
							suggest_recheck: '1',
 
							suggest_referral: '1',
 
							other_health_guidance: '1',
 
							stop_smoking: '1',
 
							healthy_drinking: '1',
 
							diet: "1",
 
							exercise: '1',
 
							lose_weight: '1',
 
							recommended_vaccination: '1',
 
							other_advice: '1'
 
						},
 
						data1: "",
 
						input: null,
 
						radio: "",
 
						followupId: Request['id'],
 
						version: Request['version']
 
					}
 
				},
 
				mounted: function () {
 
					this.getData()
 
				},
 
				watch: {
 
				},
 
				methods: {
 
					getData: function () {
 
						var vm = this
 
						fangshiAPI.getOlderPeopleHealthCheckRecord({ followupId: this.followupId || '2' }).then(function (res) {
 
							if (res.status == 200) {
 
								var data = res.data
 
								if (data != null) {
 
									vm.oldmanData = data
 
									var vmO = vm.oldmanData
 
									if (data.symptom) {
 
										vm.symptom_check = data.symptom.split(',')
 
									}
 
									if (data.breast) {
 
										vm.breast_check = data.breast.split(',')
 
									}
 
									if (data.drinking_type) {
 
										vm.drinking_type_check = data.drinking_type.split(',')
 
									}
 
									if (data.dietary_habit) {
 
										vm.dietary_habit_check = data.dietary_habit.split(',')
 
									}
 
									if (data.cerebrovascular_disease) {
 
										vm.cerebrovascular_disease_check = data.cerebrovascular_disease.split(',')
 
									}
 
									if (data.nephropathy) {
 
										vm.nephropathy_check = data.nephropathy.split(',')
 
									}
 
									if (data.heart_disease) {
 
										vm.heart_disease_check = data.heart_disease.split(',')
 
									}
 
									if (data.eye_disease) {
 
										vm.eye_disease_check = data.eye_disease.split(',')
 
									}
 
									if (data.vascular_disease) {
 
										vm.vascular_disease_check = data.vascular_disease.split(',')
 
									}
 
									if (data.regular_followup == '2') {
 
										vm.suggest_recheck_check.push('1')
 
									} if (data.chronic_health_management == '2') {
 
										vm.suggest_recheck_check.push('2')
 
									} if (data.suggest_recheck == '2') {
 
										vm.suggest_recheck_check.push('3')
 
									} if (data.suggest_referral == '2') {
 
										vm.suggest_recheck_check.push('4')
 
									} if (data.other_health_guidance == '2') {
 
										vm.suggest_recheck_check.push('5')
 
									}
 
									if (data.stop_smoking == '2') {
 
										vm.dangerFacter_check.push('1')
 
									} if (data.healthy_drinking == '2') {
 
										vm.dangerFacter_check.push('2')
 
									} if (data.diet == '2') {
 
										vm.dangerFacter_check.push('3')
 
									} if (data.exercise == '2') {
 
										vm.dangerFacter_check.push('4')
 
									} if (data.lose_weight == '2') {
 
										vm.dangerFacter_check.push('5')
 
									} if (data.recommended_vaccination == '2') {
 
										vm.dangerFacter_check.push('6')
 
									} if (data.other_advice == '2') {
 
										vm.dangerFacter_check.push('7')
 
									}
 
								}
 
							} else {
 
								top.toastr.error(res.msg);
 
							}
 
						})
 
					},
 
					editData: function () {
 
						var vm = this
 
						var vmO = vm.oldmanData
 
						if (vm.symptom_check) {
 
							vmO.symptom = vm.symptom_check.join(',')
 
						}
 
						if (vm.breast_check) {
 
							vmO.breast = vm.breast_check.join(',')
 
						}
 
						if (vm.drinking_type_check) {
 
							vmO.drinking_type = vm.drinking_type_check.join(',')
 
						}
 
						if (vm.dietary_habit_check) {
 
							vmO.dietary_habit = vm.dietary_habit_check.join(',')
 
						}
 
						if (vm.cerebrovascular_disease_check) {
 
							vmO.cerebrovascular_disease = vm.cerebrovascular_disease_check.join(',')
 
						}
 
						if (vm.nephropathy_check) {
 
							vmO.nephropathy = vm.nephropathy_check.join(',')
 
						}
 
						if (vm.heart_disease_check) {
 
							vmO.heart_disease = vm.heart_disease_check.join(',')
 
						}
 
						if (vm.eye_disease_check) {
 
							vmO.eye_disease = vm.eye_disease_check.join(',')
 
						}
 
						if (vm.vascular_disease_check) {
 
							vmO.eye_disease = vm.vascular_disease_check.join(',')
 
						}
 
						vm.suggest_recheck_check.map(i => {
 
							if (i == '1') {
 
								vmO.regular_followup = '2'
 
							} if (i == '2') {
 
								vmO.chronic_health_management = '2'
 
							} if (i == '3') {
 
								vmO.suggest_recheck = '2'
 
							} if (i == '4') {
 
								vmO.suggest_referral = '2'
 
							} if (i == '5') {
 
								vmO.other_health_guidance = '2'
 
							}
 
						})
 
						vm.dangerFacter_check.map(i => {
 
							if (i == '1') {
 
								vmO.stop_smoking = '2'
 
							} if (i == '2') {
 
								vmO.healthy_drinking = '2'
 
							} if (i == '3') {
 
								vmO.diet = '2'
 
							} if (i == '4') {
 
								vmO.exercise = '2'
 
							} if (i == '5') {
 
								vmO.lose_weight = '2'
 
							} if (i == '6') {
 
								vmO.recommended_vaccination = '2'
 
							} if (i == '7') {
 
								vmO.other_advice = '2'
 
							}
 
						})
 
						this.oldmanData.create_time = null
 
						this.oldmanData.version = this.version || 'v1'	//版本号
 
						fangshiAPI.saveOlderPeopleHealthCheckRecord({ followupId: this.followupId || '2', olderPeopleHealthCheckData: JSON.stringify(this.oldmanData) }).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>

+ 444 - 0
app/followup/v1/html/fangshi-detail-9.html
查看文件 

@ -0,0 +1,444 @@
 
<!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>
 
    .lh27{line-height: 27px;}
 
</style>
 
<body>
 
    <div id="app">
 
            <table class="table table-bordered">
 
                    <button class="button" @click="editBtn()">编辑</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 lh27">姓名:</div>
 
                                <div class="ui-col-1">
 
                                    <el-input :readonly="!editable" v-model="data2.patient.name" placeholder="" clearable></el-input>
 
                                </div>
 
                            </div>
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <div class="ui-grid">
 
                                <div class="ui-col-0 lh27">编号:</div>
 
                                <div class="ui-col-1">
 
                                    <el-input :readonly="!editable" v-model="data2.number" placeholder="" clearable></el-input>
 
                                </div>
 
                            </div>
 
                        </div>
 
            
                <tr>
 
                    <td class="col-w300 c-t-center">随访时间</td>
 
                    <td colspan="3">
 
                        <el-date-picker :readonly="!editable" v-model="data2.followup_date"  format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">随访方式</td>
 
                    <td colspan="3">
 
                        <el-radio-group :disabled="!editable" v-model="data2.way">
 
                        	<el-radio :disabled="!editable" v-model="radio" label="1">门诊</el-radio>
 
                        	<el-radio :disabled="!editable" v-model="radio" label="2">家庭</el-radio>
 
                        </el-radio-group>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">患者类型</td>
 
                    <td colspan="3">
 
                        <el-radio-group :disabled="!editable" v-model="data2.patient_type">
 
                        	<el-radio :disabled="!editable" v-model="radio" label="1">初治</el-radio>
 
                        	<el-radio :disabled="!editable" v-model="radio" label="2">复治</el-radio>
 
                        </el-radio-group>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">痰菌情况</td>
 
                    <td colspan="3">
 
                        <el-radio-group :disabled="!editable" v-model="data2.sputum_bacterium">
 
                        	<el-radio :disabled="!editable" v-model="radio" label="1">阳性</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="2">阴性</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="3">未查痰</el-radio>
 
                        </el-radio-group>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">耐药情况</td>
 
                    <td colspan="3">
 
                        <el-radio-group :disabled="!editable" v-model="data2.drug_resistant">
 
                        	<el-radio :disabled="!editable" v-model="radio" label="1">耐药</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="2">非耐药</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="3">未检测</el-radio>
 
                        </el-radio-group>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300">症状及体征：
 
                    	<el-checkbox-group v-model="data2.symptom" :disabled="!editable">
 
                            <el-checkbox label="0" style="margin-left:30px;">没有症状</el-checkbox>
 
                            <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 label="6">头痛失眠</el-checkbox>
 
                            <el-checkbox label="7">视物模糊</el-checkbox>
 
                            <el-checkbox label="8">皮肤瘙痒、皮疹</el-checkbox>
 
                            <el-checkbox label="9">耳鸣、听力下降</el-checkbox>
 
                        </el-checkbox-group>
 
                    </td>
 
                    <td colspan="3" style="vertical-align: initial;">
 
                        其他：
 
                        <el-input type="textarea" :readonly="!editable" v-model="data2.symptom_other_desc" placeholder="" clearable></el-input>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="table2Td" colspan="3">
 
                        <table class="table2">
 
                            <tr>
 
                                <td class="c-t-center" rowspan="3" style="border-bottom: 0;width: 100px;">用药</td>
 
                                <td class="c-t-center" style="width: 200px;">
 
                                    化疗方案
 
                                </td>
 
                                <td class="c-t-center">
 
                                    <el-input :readonly="!editable" v-model="data2.drug_use.chemotherapy" placeholder="" clearable></el-input>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td class="c-t-center">用法</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.drug_use.method">
 
			                        	<el-radio :disabled="!editable" v-model="radio" label="1">每日</el-radio>
 
				                        <el-radio :disabled="!editable" v-model="radio" label="2">间歇</el-radio>
 
			                        </el-radio-group>
 
                                    <!--<el-input :readonly="!editable" v-model="data2.drug_use.method" placeholder="" clearable></el-input>-->
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td class="c-t-center">药品剂型</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.drug_use.dosage_form">
 
			                        	<el-radio :disabled="!editable" v-model="radio" label="1">固定剂量复合制剂</el-radio>
 
				                        <el-radio :disabled="!editable" v-model="radio" label="2">散装药</el-radio>
 
				                        <el-radio :disabled="!editable" v-model="radio" label="3">板式组合药</el-radio>
 
				                        <el-radio :disabled="!editable" v-model="radio" label="4">注射剂</el-radio>
 
			                        </el-radio-group>
 
                                    <!--<el-input :readonly="!editable" v-model="data2.drug_use.dosage_form" placeholder="" clearable></el-input>-->
 
                                </td>
 
                            </tr>
 
                        </table>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">督导人员选择</td>
 
                    <td colspan="2">
 
                    	<el-radio-group :disabled="!editable" v-model="data2.superviser.superviser_type">
 
							<el-radio :disabled="!editable" v-model="radio" label="1">医生</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="2">家属</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="3">自服药</el-radio>
 
	                        <el-radio :disabled="!editable" v-model="radio" label="4">其他</el-radio>
 
                        </el-radio-group>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="table2Td" colspan="3">
 
                        <table class="table2">
 
                            <tr>
 
                                <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 100px;">家庭居住环境评估</td>
 
                                <td class="c-t-center" style="width: 200px;">
 
                                    单独的居室
 
                                </td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.home_environment.seperate_room">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">有</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">无</el-radio>
 
                                   	</el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td class="c-t-center">通风情况</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.home_environment.air">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">良好</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">一般</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="3">差</el-radio>
 
                                   	</el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td class="c-t-center" rowspan="2" style="border-bottom: 0;width: 100px;">生活方式评估</td>
 
                                <td class="c-t-center" style="width: 200px;">
 
                                    吸烟
 
                                </td>
 
                                <td>
 
                                	<el-input :readonly="!editable" v-model="data2.life_style.smoke" placeholder="" clearable></el-input>支/天
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td class="c-t-center">喝酒</td>
 
                                <td>
 
                                    <el-input :readonly="!editable" v-model="data2.life_style.drink" placeholder="" clearable></el-input>两/天
 
                                </td>
 
                            </tr>
 
                        </table>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="table2Td" colspan="3">
 
                        <table class="table2">
 
                            <tr>
 
                                <td class="col-w300 c-t-center" rowspan="10" style="width:50px;">健康教育及培训</td>
 
                                <td style="width:250px;">
 
                                    取药地点、时间
 
                                </td>
 
                                <td>
 
                                    地点：
 
                                    <el-input type="textarea" :readonly="!editable" v-model="data2.health_edu.get_drug_addr" placeholder="" clearable></el-input>
 
                                    <br> 时间:
 
                                    <el-date-picker :readonly="!editable" v-model="data2.health_edu.get_drug_time" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
 
                                    </el-date-picker>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>服药记录卡的填写</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.health_edu.drug_fill_record_card">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                   	</el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>服药方法及药品存放</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.health_edu.drug_store">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
	                                </el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>肺结核治疗疗程</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.health_edu.phthisis_treatment">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                   	</el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>不规律服药危害</td>
 
                                <td>
 
                                	<el-radio-group :disabled="!editable" v-model="data2.health_edu.harm_of_irregular_take_drug">
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
	                                    <el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                   	</el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>服药后不良反应及处理</td>
 
                                <td>
 
                                    <el-radio-group :disabled="!editable" v-model="data2.health_edu.drug_bad_reaction">
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                    </el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>治疗期间复诊查痰</td>
 
                                <td>
 
                                    <el-radio-group :disabled="!editable" v-model="data2.health_edu.check_sputum_again">
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                    </el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>外出期间如何坚持服药</td>
 
                                <td>
 
                                    <el-radio-group :disabled="!editable" v-model="data2.health_edu.insist_take_drug">
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                    </el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>生活习惯及注意事项</td>
 
                                <td>
 
                                    <el-radio-group :disabled="!editable" v-model="data2.health_edu.life_way">
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                    </el-radio-group>
 
                                </td>
 
                            </tr>
 
                            <tr>
 
                                <td>密切接触者检查</td>
 
                                <td>
 
                                    <el-radio-group :disabled="!editable" v-model="data2.health_edu.close_contact_patient">
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="1">掌握</el-radio>
 
                                    	<el-radio :disabled="!editable" v-model="radio" label="2">未掌握</el-radio>
 
                                    </el-radio-group>
 
                                </td>
 
                            </tr>
 
                        </table>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">下次随访时间</td>
 
                    <td>
 
                        <el-date-picker :readonly="!editable" v-model="data2.next_followup_date" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </td>
 
                </tr>
 
                <tr>
 
                    <td class="col-w300 c-t-center">评估医生签名</td>
 
                    <td>
 
                        <el-input :readonly="!editable" v-model="data2.life_style.signature_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="../../../../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,
 
                        isEditBtn: true,
 
                        data2: {
 
                        	symptom: [],
 
                        	patient: {},
 
                        	drug_use: {},
 
                    		superviser: {},
 
                    		home_environment: {},
 
                    		life_style: {},
 
                    		health_edu: {}
 
                        },
 
                        radio: "",
 
                        input: '',
 
                        check: [],
 
                        followupId: Request['id'] || '1888113',
 
                        version: Request['version'] || "v1"
 
                    }
 
                },
 
                mounted: function () {
 
					this.getData()
 
				},
 
                methods: {
 
                    getData: function () {
 
                        var vm = this
 
                        fangshiAPI.getPhthisisFirstCheckRecord({ followupId: this.followupId  }).then(function (res) {
 
                           	if (res.status == 200) {
 
								var data = res.data
 
                                var isEmpty = true
 
                            	for(var k in data){
 
                            		if(k){
 
                            			isEmpty = false
 
                            			break
 
                            		}
 
                            	}
 
                                if(!isEmpty){
 
                                	if(!data.symptom){
 
                                		data.symptom = []
 
                                	} else {
 
                                		data.symptom = data.symptom.split(",")
 
                                	}
 
                                	if(!data.patient){
 
                                		data.patient = {}
 
                                	}
 
                                	if(!data.drug_use){
 
                                		data.drug_use = {}
 
                                	}
 
                                	if(!data.superviser){
 
                                		data.superviser = {}
 
                                	}
 
                                	if(!data.home_environment){
 
                                		data.home_environment = {}
 
                                	}
 
                                	if(!data.life_style){
 
                                		data.life_style = {}
 
                                	}
 
                                	if(!data.health_edu){
 
                                		data.health_edu = {}
 
                                	}
 
                                	vm.data2 = data
 
                                } else {
 
                                	var btn = document.getElementsByClassName('button')[0]
 
		                            btn.innerHTML = '保存'
 
		                            vm.isEditBtn = false
 
		                            vm.editable = true
 
                                }
 
                            } else {
 
                                top.toastr.error(res.msg);
 
                            }
 
                        })
 
                    },
 
                    editData: function () {
 
                        var data = {};
 
						data = $.extend(true, data, this.data2)
 
						data.version = this.version	//版本号
 
                        data.followup_id = this.followupId
 
                        if(this.data2.symptom ){
 
                        	data.symptom = this.data2.symptom.join(",")
 
                        } else {
 
                        	data.symptom = ""
 
                        }
 
                        
                        fangshiAPI.savePhthisisFirstCheckRecord({ jsonData: JSON.stringify(data) }).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>

app/followup/html/follow-up.html → app/followup/v1/html/follow-up.html
查看文件


app/followup/html/followup_education.html → app/followup/v1/html/followup_education.html
查看文件


app/followup/html/followup_evaluate.html → app/followup/v1/html/followup_evaluate.html
查看文件


app/followup/html/followup_guidance.html → app/followup/v1/html/followup_guidance.html
查看文件


app/followup/html/followup_inspect.html → app/followup/v1/html/followup_inspect.html
查看文件


app/followup/html/followup_medication.html → app/followup/v1/html/followup_medication.html
查看文件


app/followup/html/followup_referral.html → app/followup/v1/html/followup_referral.html
查看文件


app/followup/html/followup_register.html → app/followup/v1/html/followup_register.html
查看文件


app/followup/html/followup_sign.html → app/followup/v1/html/followup_sign.html
查看文件


app/followup/html/followup_symptom.html → app/followup/v1/html/followup_symptom.html
查看文件


app/followup/html/followup_tabs.html → app/followup/v1/html/followup_tabs.html
查看文件


app/followup/html/followup_target.html → app/followup/v1/html/followup_target.html
查看文件


app/followup/html/lay_followUp_detail.html → app/followup/v1/html/lay_followUp_detail.html
查看文件


app/followup/image/dianxuan_btn.png → app/followup/v1/image/dianxuan_btn.png
查看文件


app/followup/image/dianxuan_pre.png → app/followup/v1/image/dianxuan_pre.png
查看文件


app/followup/image/gouxuan_btn.png → app/followup/v1/image/gouxuan_btn.png
查看文件


app/followup/image/gouxuan_pre.png → app/followup/v1/image/gouxuan_pre.png
查看文件


app/followup/js/education.js → app/followup/v1/js/education.js
查看文件


app/followup/js/evaluate.js → app/followup/v1/js/evaluate.js
查看文件


app/followup/js/follow-up.js → app/followup/v1/js/follow-up.js
查看文件


app/followup/js/followup-tabs.js → app/followup/v1/js/followup-tabs.js
查看文件


app/followup/js/guidance.js → app/followup/v1/js/guidance.js
查看文件


app/followup/js/inspect.js → app/followup/v1/js/inspect.js
查看文件


app/followup/js/measure_unit_dict.js → app/followup/v1/js/measure_unit_dict.js
查看文件


app/followup/js/medication.js → app/followup/v1/js/medication.js
查看文件


app/followup/js/recipe_frequency_dict.js → app/followup/v1/js/recipe_frequency_dict.js
查看文件


app/followup/js/referral.js → app/followup/v1/js/referral.js
查看文件


app/followup/js/register.js → app/followup/v1/js/register.js
查看文件


app/followup/js/sign.js → app/followup/v1/js/sign.js
查看文件


app/followup/js/symptom.js → app/followup/v1/js/symptom.js
查看文件


app/followup/js/target.js → app/followup/v1/js/target.js
查看文件


+ 304 - 307
app/rehabilitation/html/rehabilitation_management.html
查看文件 

@ -1,308 +1,305 @@
 
<!DOCTYPE html>

<html>



	<head>

		<meta charset="UTF-8">

		<title>康复管理</title>

		<link rel="shortcut icon" href="../../favicon.ico">

		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />

		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />

		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />

		<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">

		<link rel="stylesheet" type="text/css" href="../css/date.css" />

		<link rel="stylesheet" href="../css/rehabilitation_management.css" />

		<style>

			.plr11{

				padding-left: 11px;

				padding-right: 11px;

			}

			.div-line{

				width: 4px; height: 20px;background: #12b7f5;

				margin-right: 9px;

				margin-top: 5px;

			}

			.lh30{

				height: 30px;

				line-height: 30px;

			}

			.mr21{

				margin-right: 21px;

			}

			.c-ff9630{

				color: #ff9630;

			}

			.pb23{

				padding-bottom: 23px;

			}

			.plr13{

				padding-left: 13px;

				padding-right: 13px;

			}

			.dialos-textarea{

				padding: 25px 10px 25px 15px;

				min-height: 140px;

				width: 100%;

				background: #F5F5FA;

				border: 0;

				margin-top: 5px;

				text-indent: 28px;

				resize: none;

				line-height: 28px;

			}

			.bgc-2dbe55 {background-color: #2dbe55;}

		</style>

	</head>



	<body>

		<div class="c-container ui-grid ui-grid-vertical" id="app" v-cloak>

			<div class="page-title flex-box ui-col-0">

				<div class="flex-box-item mw400" flex-grow="2">

					<span class="page-title-name">康复计划</span>

					<a class="icon icon-back icon-16 mr10" href="javascript:history.back();"></a><i class="icon icon-shuaxin icon-16" @click="refreshPage"></i>

				</div>

				<div class="flex-box-item text-center" flex-grow="5">

					<div class="div-kuaisu-task" @click="changeSearch(1)" v-show="tabStatus!=3">快速找任务</div>

					<div class="pull-right switch-list" v-show="tabStatus!=3">

						<span class="rili" :class="{active:(tabStatus==1)}" @click="tabStatus=1"><i class="icon icon-rili icon-20"></i></span>

						<span class="shijianzhou" :class="{active:(tabStatus==2)}" @click="tabStatus=2"><i class="icon icon-liebiao icon-20"></i></span>

					</div>

				</div>

			</div>

			<div class="rehabilition c-position-r bgc-f5f5f5 ui-col-1">

				<div class="search-left w400 c-position-a">

					<span class="c-position-a set-close" @click="changeSearch(-1)"></span>

					<div class="search-condition">

						<p>快速找任务</p>

						<ul class="task-list">

							<li :class="{'active':(searchTask==task.code)}" v-for="task in taskArr" @click="changeTask(task)">{{task.name}}</li>

						</ul>

						<p>任务状态</p>

						<ul class="task-list">

							<li :class="{'active':(status==sts.code)}" v-for="sts in statusArr" @click="changeStatus(sts.code)">{{sts.name}}</li>

						</ul>

					</div>

					<div class="text-center">

						<button class="btn btn-search" @click="goToLoadData">确认</button>

					</div>

				</div>

				<div class="ui-grid c-h100">

					<div class="div-left ui-col-0 plr11" style="position: fixed;height: 100%;overflow: auto;">

						<div class="ui-grid c-border-b lh30">

							<div class="ui-col-0 div-line"></div>

							<div class="ui-col-1 c-f16 c-333">居民信息</div>

						</div>

						<div class="ui-grid c-border-b pb15 pt15">

							<div class="ui-col-0 mr10">

								<img :src="setImgSrc(planInfo.patientPhoto)" width="40" class="c-images-cycle">

							</div>

							<div class="ui-col-1">

								<div class="mt10"><span class="c-f16 mr5">{{planInfo.patientName}}</span><span class="c-f16 c-999">({{planInfo.sex}} {{planInfo.age}}岁)</span></div>

								<div class="tag mt10 tag-1 ml20"></div>

							</div>

							<div class="ui-col-0 div-patient-home c-f14 c-333">进入居民首页</div>

						</div>

						<div class="ui-grid mt15 pb15">

							<div class="ui-col-1 c-f16 c-333">冠心病康复计划</div>

							<div class="ui-col-1 c-f14 c-999">总进度：</div>

							<div class="ui-col-0 div-patient-comfirm c-f14 c-fff bgc-12b7f5" v-show="planInfo.status==2 && !planInfo.patientImg" @tap="weiXinConfirmClick">邀请居民确认</div>

						</div>

						<div class="ui-grid">

							<div class="ui-col-1">

								<div class="progress-bar">

									<span class="progress bgc-ff9526" :style="{width: (planInfo.finishedCount/planInfo.allCount*100)+'%'}"></span>

									<span class="p-text">{{planInfo.finishedCount}}/{{planInfo.allCount}}</span>

								</div>

							</div>

						</div>

						<div class="ui-grid mt15 wkp-end" >

							<div class="ui-col-1 faqi-btn" @click="openVideoChat()"><img src="../images/icon/msg_icon.png">发起会诊</div>

						</div>

						<div class="ui-grid c-border-b lh30">

							<div class="ui-col-0 div-line"></div>

							<div class="ui-col-1 c-f16 c-333">服务医生</div>

						</div>

						<div class="ui-grid pt15" v-for="(doc, index) in docList" :key="index">

							<div class="ui-col-0 ml30 mr21">

								<img :src="setImgSrc(doc.doctorPhoto)" width="40" class="c-images-cycle">

							</div>

							<div class="ui-col-0" style="width: 150px;">

								<div class="c-f16 c-333">{{doc.doctorName}}<img v-if="doc.doctorCode!=curDoc.code" @click="openVideoChat(doc)" class="i-icon" src="../../../images/shiping_icon_pre.png"></div>

								<div class="c-f14 c-999">{{doc.type}}</div>

							</div>

							<div class="ui-col-1" style="width: 200px;">

								<div class="c-f14 c-333">完成项目：<span class="c-f14 c-ff9630">{{doc.finishedItem}}</span></div>

								<div class="c-f14 c-333">服务次数：<span class="c-f14 c-ff9630">{{doc.serviceCount}}</span></div>

							</div>

						</div>

						<div class="ui-grid c-border-b lh30 mt15">

							<div class="ui-col-0 div-line"></div>

							<div class="ui-col-1 c-f16 c-333">医嘱小结</div>

						</div>

						<div class="w-100 c-border pb23 plr13 mt10 mb50">

							<div class="ui-grid pt20">

								<div class="ui-col-1" v-if="diagnosisInformation">

									<div class="ui-grid">

										<div class="c-f14 c-999 ui-col-1">{{diagnosisInformation.dischargeDiagnosis}}</div>

										<div class="c-f14 c-999 ui-col-0">{{diagnosisInformation.dischargeTime}}</div>

									</div>

									<div class="dialos-textarea c-f14 c-333">{{diagnosisInformation.advice}}</div>

								</div>

								<div class="ui-col-1 c-t-center" v-if="!diagnosisInformation">无医嘱小结</div>

							</div>

						</div>

					</div>

					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;height: 100%;" v-show="tabStatus==3">

						<iframe id="framePage" src="" style="width: 100%;height: 100%;border: 0;"></iframe>

					</div>

					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;" v-show="tabStatus!=3">

						<span v-if="!isFastSearch" style="position: absolute;top: 15px;left: 101px;">

						<i class="icon icon-prev icon-20" @click="preMonth"></i>

						<span class="currentDay">{{currentDay}}</span>

						<i class="icon icon-next icon-20" @click="nextMonth"></i></span>

						<div class="calendar-content ui-grid ui-grid-vertical" v-show="tabStatus==1">

							<div class="calendar-descript">

								<span>图例注释： </span><i class="icon icon-blue"></i> <span>专科团队</span>&emsp;<i class="icon icon-green"></i> <span>家医团队</span>&emsp; <i class="icon icon-flag"></i> <span>我的任务</span>

							</div>

							<!--快速查找-->

							<div class="ui-col-1 c-border-t" style="overflow: hidden; overflow-y: scroll;" v-if="isFastSearch">

								<div class="calendar-days" v-for="searchData1 in searchData">

                                    <div v-for="items in searchData1" class="flex-box clearfix">

                                    	<div class="fl flex-box calendar-day c-fff c-f28 bgc-2dbe55">

                                    		<p class="p0">{{items[0].mounth}}月</p>

                                    	</div>

										<div class="fl calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">

		                                    <span class="day-number">{{item.day}}</span>

		                                    <div class="task-icon">

		                                        <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>

		                                        <i v-if="item.finishFlag" class="icon icon-check"></i>

		                                    </div>

		                                    <div class="coloured-box">

		                                        <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>

		                                        <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>

		                                    </div>

		                                    <div class="progress-box">

		                                        <div class="progress" :style="{opacity:item.specialist?'1':'0'}">

		                                            <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>

		                                            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>

		                                        </div>

		                                        <div class="progress" :style="{opacity:item.family?'1':'0'}">

		                                            <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>

		                                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>

		                                        </div>

		                                        <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>

		                                    </div>

		                                    <p v-if="item.noService" class="no-server">无服务项</p>

		                                </div>

		                            </div>

		                       </div>

							</div>

							<!--无快速查找-->

							<div class="ui-col-1" style="overflow: hidden; overflow-y: scroll;" v-if="!isFastSearch">

							    <div class="calendar-week">

                                    <div class="flex-box text-center">

                                        <div class="flex-box-item">

                                            周一

                                        </div>

                                        <div class="flex-box-item">

                                            周二

                                        </div>

                                        <div class="flex-box-item">

                                            周三

                                        </div>

                                        <div class="flex-box-item">

                                            周四

                                        </div>

                                        <div class="flex-box-item">

                                            周五

                                        </div>

                                        <div class="flex-box-item">

                                            周六

                                        </div>

                                        <div class="flex-box-item">

                                            周日

                                        </div>

                                    </div>

                                </div>

                                <div class="calendar-days">

                                    <div v-for="items in calendarData" class="flex-box">

                                        <!--

                                    -->

                                        <div class="calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">

                                            <span class="day-number">{{item.day}}</span>

                                            <div class="task-icon">

                                                <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>

                                                <i v-if="item.finishFlag" class="icon icon-check"></i>

                                            </div>

                                            <div class="coloured-box">

                                                <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>

                                                <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>

                                            </div>

                                            <div class="progress-box">

                                                <div class="progress" :style="{opacity:item.specialist?'1':'0'}">

                                                    <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>

                                                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>

                                                </div>

                                                <div class="progress" :style="{opacity:item.family?'1':'0'}">

                                                    <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>

                                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>

                                                </div>

                                                <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>

                                            </div>

                                            <p v-if="item.noService" class="no-server">无服务项</p>

                                        </div>

                                    </div>

    							</div>

							</div>

						</div>

						<div class="time-axis mt50" v-show="tabStatus==2">

							<table class="table">

								<tr>

									<th style="padding-right: 50px;text-align: right;">时间</th>

									<th>项目</th>

									<th>执行人员</th>

									<th>执行地点</th>

									<th class="text-center">相关记录</th>

									<th class="text-center">状态</th>

								</tr>

								<tr v-for="item in timeAxisData" :is-future="item.future">

									<td class="time text-right time-box">

										<p class="mb5">{{item.date}}</p>

										<p class="mb0">{{item.time}}</p>

										<span class="cur-status">{{item.html}}</span>

									</td>

									<td class="project-name mw400">

										<p class="mb5">{{item.title}}</p>

										<p class="ellipsis mb0">{{item.content}}</p>

									</td>

									<td class="executor">{{item.doctor_name}}</td>

									<td class="place-of-execution">{{item.hospital_name}}</td>

									<td class="view-task" @click="viewDetail(item.id,item.status,1)">查看</td>

									<td class="task-status" :class="item.future==-1?'c-ff3b30':(item.status==0?'c-666':'')">{{item.status==0?'未完成':(item.status==1?'已完成':'已预约')}}</td>

								</tr>

								<tr v-if="!timeAxisData.length">

									<td colspan="6" class="f16 ptb10 text-center">

										<img src="../../../images/wushuju_img.png" />

										<p class="c-666">暂无数据</p>

									</td>

								</tr>

						</div>

					</div>

				</div>

			</div>

		</div>

		</div>

		<script type="text/javascript" src="../../../js/vue.js"></script>

		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>

		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>

		<script src="../../../plugins/toastr/toastr.min.js"></script>

		<script type="text/javascript" src="../../../api/http-request.js"></script>

		<script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>

		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>

		<script type="text/javascript" src="../../../api/recover_api.js"></script>

		<script type="text/javascript" src="../../../api/videochat-api.js"></script>

		<script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>

		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" src="../js/rehabilitation_management.js"></script>

	</body>



<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>康复管理</title>
 
		<link rel="shortcut icon" href="../../favicon.ico">
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
		<link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
 
		<link rel="stylesheet" type="text/css" href="../css/date.css" />
 
		<link rel="stylesheet" href="../css/rehabilitation_management.css" />
 
		<style>
 
			.plr11{
 
				padding-left: 11px;
 
				padding-right: 11px;
 
			}
 
			.div-line{
 
				width: 4px; height: 20px;background: #12b7f5;
 
				margin-right: 9px;
 
				margin-top: 5px;
 
			}
 
			.lh30{
 
				height: 30px;
 
				line-height: 30px;
 
			}
 
			.mr21{
 
				margin-right: 21px;
 
			}
 
			.c-ff9630{
 
				color: #ff9630;
 
			}
 
			.pb23{
 
				padding-bottom: 23px;
 
			}
 
			.plr13{
 
				padding-left: 13px;
 
				padding-right: 13px;
 
			}
 
			.dialos-textarea{
 
				padding: 25px 10px 25px 15px;
 
				min-height: 140px;
 
				width: 100%;
 
				background: #F5F5FA;
 
				border: 0;
 
				margin-top: 5px;
 
				text-indent: 28px;
 
				resize: none;
 
				line-height: 28px;
 
			}
 
			.bgc-2dbe55 {background-color: #2dbe55;}
 
		</style>
 
	</head>
 
	<body>
 
		<div class="c-container ui-grid ui-grid-vertical" id="app" v-cloak>
 
			<div class="page-title flex-box ui-col-0">
 
				<div class="flex-box-item mw400" flex-grow="2">
 
					<span class="page-title-name">康复计划</span>
 
					<a class="icon icon-back icon-16 mr10" href="javascript:history.back();"></a><i class="icon icon-shuaxin icon-16" @click="refreshPage"></i>
 
				</div>
 
				<div class="flex-box-item text-center" flex-grow="5">
 
					<div class="div-kuaisu-task" @click="changeSearch(1)" v-show="tabStatus!=3">快速找任务</div>
 
					<div class="pull-right switch-list" v-show="tabStatus!=3">
 
						<span class="rili" :class="{active:(tabStatus==1)}" @click="tabStatus=1"><i class="icon icon-rili icon-20"></i></span>
 
						<span class="shijianzhou" :class="{active:(tabStatus==2)}" @click="tabStatus=2"><i class="icon icon-liebiao icon-20"></i></span>
 
					</div>
 
				</div>
 
			</div>
 
			<div class="rehabilition c-position-r bgc-f5f5f5 ui-col-1">
 
				<div class="search-left w400 c-position-a">
 
					<span class="c-position-a set-close" @click="changeSearch(-1)"></span>
 
					<div class="search-condition">
 
						<p>快速找任务</p>
 
						<ul class="task-list">
 
							<li :class="{'active':(searchTask==task.code)}" v-for="task in taskArr" @click="changeTask(task)">{{task.name}}</li>
 
						</ul>
 
						<p>任务状态</p>
 
						<ul class="task-list">
 
							<li :class="{'active':(status==sts.code)}" v-for="sts in statusArr" @click="changeStatus(sts.code)">{{sts.name}}</li>
 
						</ul>
 
					</div>
 
					<div class="text-center">
 
						<button class="btn btn-search" @click="goToLoadData">确认</button>
 
					</div>
 
				</div>
 
				<div class="ui-grid c-h100">
 
					<div class="div-left ui-col-0 plr11" style="position: fixed;height: 100%;overflow: auto;">
 
						<div class="ui-grid c-border-b lh30">
 
							<div class="ui-col-0 div-line"></div>
 
							<div class="ui-col-1 c-f16 c-333">居民信息</div>
 
						</div>
 
						<div class="ui-grid c-border-b pb15 pt15">
 
							<div class="ui-col-0 mr10">
 
								<img :src="setImgSrc(planInfo.patientPhoto)" width="40" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-1">
 
								<div class="mt10"><span class="c-f16 mr5">{{planInfo.patientName}}</span><span class="c-f16 c-999">({{planInfo.sex}} {{planInfo.age}}岁)</span></div>
 
								<div class="tag mt10 tag-1 ml20"></div>
 
							</div>
 
							<div class="ui-col-0 div-patient-home c-f14 c-333">进入居民首页</div>
 
						</div>
 
						<div class="ui-grid mt15 pb15">
 
							<div class="ui-col-1 c-f16 c-333">冠心病康复计划</div>
 
							<div class="ui-col-1 c-f14 c-999">总进度：</div>
 
							<div class="ui-col-0 div-patient-comfirm c-f14 c-fff bgc-12b7f5" v-show="planInfo.status==2 && !planInfo.patientImg" @tap="weiXinConfirmClick">邀请居民确认</div>
 
						</div>
 
						<div class="ui-grid">
 
							<div class="ui-col-1">
 
								<div class="progress-bar">
 
									<span class="progress bgc-ff9526" :style="{width: (planInfo.finishedCount/planInfo.allCount*100)+'%'}"></span>
 
									<span class="p-text">{{planInfo.finishedCount}}/{{planInfo.allCount}}</span>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="ui-grid c-border-b lh30 mt15">
 
							<div class="ui-col-0 div-line"></div>
 
							<div class="ui-col-1 c-f16 c-333">服务医生</div>
 
						</div>
 
						<div class="ui-grid pt15" v-for="(doc, index) in docList" :key="index">
 
							<div class="ui-col-0 ml30 mr21">
 
								<img :src="setImgSrc(doc.doctorPhoto)" width="40" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-0" style="width: 150px;">
 
								<div class="c-f16 c-333">{{doc.doctorName}}</div>
 
								<div class="c-f14 c-999">{{doc.type}}</div>
 
							</div>
 
							<div class="ui-col-1" style="width: 200px;">
 
								<div class="c-f14 c-333">完成项目：<span class="c-f14 c-ff9630">{{doc.finishedItem}}</span></div>
 
								<div class="c-f14 c-333">服务次数：<span class="c-f14 c-ff9630">{{doc.serviceCount}}</span></div>
 
							</div>
 
						</div>
 
						<div class="ui-grid c-border-b lh30 mt15">
 
							<div class="ui-col-0 div-line"></div>
 
							<div class="ui-col-1 c-f16 c-333">医嘱小结</div>
 
						</div>
 
						<div class="w-100 c-border pb23 plr13 mt10 mb50">
 
							<div class="ui-grid pt20">
 
								<div class="ui-col-1" v-if="diagnosisInformation">
 
									<div class="ui-grid">
 
										<div class="c-f14 c-999 ui-col-1">{{diagnosisInformation.dischargeDiagnosis}}</div>
 
										<div class="c-f14 c-999 ui-col-0">{{diagnosisInformation.dischargeTime}}</div>
 
									</div>
 
									<div class="dialos-textarea c-f14 c-333">{{diagnosisInformation.advice}}</div>
 
								</div>
 
								<div class="ui-col-1 c-t-center" v-if="!diagnosisInformation">无医嘱小结</div>
 
							</div>
 
						</div>
 
					</div>
 
					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;height: 100%;" v-show="tabStatus==3">
 
						<iframe id="framePage" src="" style="width: 100%;height: 100%;border: 0;"></iframe>
 
					</div>
 
					<div class="nav-content-center bgc-fff c-position-r c-h100 div-right ui-col-1" style="margin-left: 460px;" v-show="tabStatus!=3">
 
						<span v-if="!isFastSearch" style="position: absolute;top: 15px;left: 101px;">
 
						<i class="icon icon-prev icon-20" @click="preMonth"></i>
 
						<span class="currentDay">{{currentDay}}</span>
 
						<i class="icon icon-next icon-20" @click="nextMonth"></i></span>
 
						<div class="calendar-content ui-grid ui-grid-vertical" v-show="tabStatus==1">
 
							<div class="calendar-descript">
 
								<span>图例注释： </span><i class="icon icon-blue"></i> <span>专科团队</span>&emsp;<i class="icon icon-green"></i> <span>家医团队</span>&emsp; <i class="icon icon-flag"></i> <span>我的任务</span>
 
							</div>
 
							<!--快速查找-->
 
							<div class="ui-col-1 c-border-t" style="overflow: hidden; overflow-y: scroll;" v-if="isFastSearch">
 
								<div class="calendar-days" v-for="searchData1 in searchData">
 
                                    <div v-for="items in searchData1" class="flex-box clearfix">
 
                                    	<div class="fl flex-box calendar-day c-fff c-f28 bgc-2dbe55">
 
                                    		<p class="p0">{{items[0].mounth}}月</p>
 
                                    	</div>
 
										<div class="fl calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
 
		                                    <span class="day-number">{{item.day}}</span>
 
		                                    <div class="task-icon">
 
		                                        <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>
 
		                                        <i v-if="item.finishFlag" class="icon icon-check"></i>
 
		                                    </div>
 
		                                    <div class="coloured-box">
 
		                                        <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>
 
		                                        <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>
 
		                                    </div>
 
		                                    <div class="progress-box">
 
		                                        <div class="progress" :style="{opacity:item.specialist?'1':'0'}">
 
		                                            <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>
 
		                                            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>
 
		                                        </div>
 
		                                        <div class="progress" :style="{opacity:item.family?'1':'0'}">
 
		                                            <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>
 
		                                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>
 
		                                        </div>
 
		                                        <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>
 
		                                    </div>
 
		                                    <p v-if="item.noService" class="no-server">无服务项</p>
 
		                                </div>
 
		                            </div>
 
		                       </div>
 
							</div>
 
							<!--无快速查找-->
 
							<div class="ui-col-1" style="overflow: hidden; overflow-y: scroll;" v-if="!isFastSearch">
 
							    <div class="calendar-week">
 
                                    <div class="flex-box text-center">
 
                                        <div class="flex-box-item">
 
                                            周一
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周二
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周三
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周四
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周五
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周六
 
                                        </div>
 
                                        <div class="flex-box-item">
 
                                            周日
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                                <div class="calendar-days">
 
                                    <div v-for="items in calendarData" class="flex-box">
 
                                        <!--
 
                                    -->
 
                                        <div class="calendar-day" v-for="item in items" @click="viewDetail(item.planDetailIds)" :is-future="item.future">
 
                                            <span class="day-number">{{item.day}}</span>
 
                                            <div class="task-icon">
 
                                                <i v-if="item.myTaskFlag" class="icon icon-flag icon-20"></i>
 
                                                <i v-if="item.finishFlag" class="icon icon-check"></i>
 
                                            </div>
 
                                            <div class="coloured-box">
 
                                                <span v-if="item.specialist" class="coloured-ribbon coloured-ribbon-blue">专<br />科</span>
 
                                                <span v-if="item.family" class="coloured-ribbon coloured-ribbon-green">家<br />医</span>
 
                                            </div>
 
                                            <div class="progress-box">
 
                                                <div class="progress" :style="{opacity:item.specialist?'1':'0'}">
 
                                                    <span>{{(item.specialist && item.specialist.finish)+'/'+(item.specialist && item.specialist.all)}}</span>
 
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.specialist?(item.specialist.finish/item.specialist.all):0)*100+'%'}"></div>
 
                                                </div>
 
                                                <div class="progress" :style="{opacity:item.family?'1':'0'}">
 
                                                    <span>{{(item.family && item.family.finish)+'/'+(item.family && item.family.all)}}</span>
 
                                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" :style="{width: (item.family?(item.family.finish/item.family.all):0)*100+'%'}"></div>
 
                                                </div>
 
                                                <p v-if="!item.noService" class="mb0 f12" :class="{'visibility-hide':!curTask}" style="line-height: 1;">{{curTaskName || '&emsp;'}}</p>
 
                                            </div>
 
                                            <p v-if="item.noService" class="no-server">无服务项</p>
 
                                        </div>
 
                                    </div>
 
    							</div>
 
							</div>
 
						</div>
 
						<div class="time-axis mt50" v-show="tabStatus==2">
 
							<table class="table">
 
								<tr>
 
									<th style="padding-right: 50px;text-align: right;">时间</th>
 
									<th>项目</th>
 
									<th>执行人员</th>
 
									<th>执行地点</th>
 
									<th class="text-center">相关记录</th>
 
									<th class="text-center">状态</th>
 
								</tr>
 
								<tr v-for="item in timeAxisData" :is-future="item.future">
 
									<td class="time text-right time-box">
 
										<p class="mb5">{{item.date}}</p>
 
										<p class="mb0">{{item.time}}</p>
 
										<span class="cur-status">{{item.html}}</span>
 
									</td>
 
									<td class="project-name mw400">
 
										<p class="mb5">{{item.title}}</p>
 
										<p class="ellipsis mb0">{{item.content}}</p>
 
									</td>
 
									<td class="executor">{{item.doctor_name}}</td>
 
									<td class="place-of-execution">{{item.hospital_name}}</td>
 
									<td class="view-task" @click="viewDetail(item.id,item.status,1)">查看</td>
 
									<td class="task-status" :class="item.future==-1?'c-ff3b30':(item.status==0?'c-666':'')">{{item.status==0?'未完成':(item.status==1?'已完成':'已预约')}}</td>
 
								</tr>
 
								<tr v-if="!timeAxisData.length">
 
									<td colspan="6" class="f16 ptb10 text-center">
 
										<img src="../../../images/wushuju_img.png" />
 
										<p class="c-666">暂无数据</p>
 
									</td>
 
								</tr>
 
							</table>
 
						</div>
 
					</div>
 
				</div>
 
			</div>
 
		</div>
 
		</div>
 
		<script type="text/javascript" src="../../../js/vue.js"></script>
 
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
 
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../plugins/toastr/toastr.min.js"></script>
 
		<script type="text/javascript" src="../../../api/http-request.js"></script>
 
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
 
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
		<script type="text/javascript" src="../../../api/recover_api.js"></script>
 
		<script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
 
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
		<script type="text/javascript" src="../js/rehabilitation_management.js"></script>
 
	</body>
 
</html>

+ 575 - 575
app/rehabilitation/js/rehabilitation_management.js
查看文件 

@ -1,576 +1,576 @@
 
!function(){

				var httpData=GetRequest();

				var currentGMT=new Date();//当前时间GMT

	new Vue({

		el:"#app",

		data:{

			ynow: currentGMT.getFullYear(),//年份

			mnow: currentGMT.getMonth(),//月份（比实际少一个月---0开始至11）

			dnow: currentGMT.getDate(),//当前日

			currentDay:null,//带中文格式的当前年月

			currentDayForEn:null,//不带中文格式年月日2018/10/01如果写成/的话  转换成时间戳会变成北京时间8点

			calendarData:[],//日历数据

			timeAxisData:[],//时间轴数据

			__Data:[],//当前的年月（日历）

			__xData:[],//当前的年月(时间轴)

			isFastSearch: false, // 是否是快速查找任务

			status:null,//任务状态（0未完成，1已完成，2已预约）

			searchTask:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）

			searchTaskName:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）

			planId: httpData['planId'],

			patientCode: httpData['patientCode'],

			curDoc: JSON.parse(localStorage.docInfo),

			taskArr:[

				{code:1,name:'我的任务'},

				{code:2,name:'健康教育'},

				{code:3,name:'健康指导'},

				{code:4,name:'随访'},

				{code:5,name:'复诊'},

			],

			statusArr:[

				{code:0,name:'未完成'},

				{code:1,name:'已完成'},

				{code:2,name:'已预约'},

			],

			curTask:'',//快速查找是否点击了搜索按钮

			curTaskName:'',//快速查找是否点击了搜索按钮

			tabStatus:null,

			planInfo:{},

			docList:[],

			diagnosisInformation: null,

			searchData: [], // 搜索计划安排（去年、今年、明年）

		},

		mounted:function(){

			if(!this.planId){

				layer.msg('未传入计划id（planId）',{icon:2})

			}else{							

				this.tabStatus=1;

			}

			this.planSchedule();

			this.serviceDoctorList();//获取服务医生列表

			this.bindEvents();

			// 获取最新的诊疗信息1条

            this.findDiagnosisInformationByPlanId()

		},

		methods:{

			//获取计划表

			planSchedule:function(){

				var vm = this;

				var  params = {

		            planId: this.planId,

		            patientCode: this.patientCode

		        };

				rehaAPI.planSchedule(params).then(function(res){

					 if(res.status == 200){

			            vm.planInfo = res.data;

			            vm.planInfo.tagClass = "tag-"+res.data.healthyConditionType;

			            //patientImg：居民签名照/证件照,如果不为null的话说明居民已确认，显示康复完成明细

			            if(vm.planInfo.status==2 && !vm.planInfo.patientImg){//任务全部完成时，显示完成提示框

							vm.showCompleteDailog();

			            }else if(vm.planInfo.status==2 && vm.planInfo.patientImg){//居民已确认计划完成

			            	vm.tabStatus=3;

							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)

			            }

			        }else{

			        	layer.msg(res.msg,{icon:5});

			        }

				})

			},

			// 获取最新的诊疗消息

			findDiagnosisInformationByPlanId: function() {

				var vm = this,

					loading = layer.load(0, {shade: false}),

					params = {

						planId: vm.planId

					}

				recoverAPI.findDiagnosisInformationByPlanId(params).then(function(res) {

					layer.close(loading)

					if(res.status == 200) {

						vm.diagnosisInformation = res.data

					} else {

						showErrorMessage(res.msg);

					}

				})

			},

			serviceDoctorList:function(){

				var vm = this;

				rehaAPI.serviceDoctorList({patientCode: this.patientCode}).then(function(res){

					 if(res.status == 200){

					 	vm.docList = res.data;

					 }else{

			        	layer.msg(res.msg,{icon:5});

			        }

				})

			},

			weiXinConfirmClick:function(){

				var vm = this;

				rehaAPI.sendWxMsg({planId: this.planId}).then(function(res){

					 if(res.status == 200){

					 	layer.msg("发送成功，等待居民确认");

					 	setTimeout(function(){

					 		vm.tabStatus=3;

							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)

					 	},1000)

					 }else{

			        	layer.msg(res.msg,{icon:5});

			        }

				})

			},

			setImgSrc: function (src) {

                var str = httpRequest.getImgUrl(src)

                return str

            },

			showCompleteDailog:function(){

				layer.confirm('<div class="mt10 tac"><image src="../images/yiwancheng_icon.png" width="100" height="100"/><div class="mt20 c-f20 c-333 mb40">本次康复计划已完成</div><div class="div-patient-comfirm c-f14 c-fff bgc-12b7f5" style="margin:40px auto 20px;">邀请居民确认</div></div>', { 

		    		btn: [],

		    		area: ["400px", "340px"],

		    		title: "完成提示"

		    	}, function (index) {

		    		

	//	            layer.close(index);

		        });

			},

			refreshPage:function(){

				if(!this.planId){

					layer.msg('未传入计划id（planId）',{icon:2})

					return ;

				}

				this.goToLoadData(true);

			},

			bindEvents:function(){

				var vm = this;

				$("body").on("click",".div-patient-comfirm",function(){

					layer.closeAll();

					vm.weiXinConfirmClick();

				}).on("click", ".div-patient-home", function() {

					location.href = "../../recover/html/personal-manage.html?patientCode=" + vm.patientCode

				})

			},

			viewDetail:function(planids,status,type){

				var vm=this;

				if(!planids){

					layer.msg('无服务项',{icon:5})

					return ;

				}

				if(status==1 && type==1){

					top.layer.open({

					  type: 2,

					  area: ['800px', '650px'],

					  shade: 0.5,

					  title: '完成项目确认',

					  fixed: true, //不固定

					  maxmin: true,

					  closeBtn:1,

					  shift: 5,

					  shadeClose: false, //点击遮罩关闭层

					  content: '../../rehabilitation/html/guide_the_message.html?planid='+planids

					});

					return ;

				}

//							planids='402803f6657f195301657f4c4ce70000';

				layer.open({

				  type: 2,

				  area: ['800px', '650px'],

				  shade: 0.5,

				  title: '服务项目内容',

				  fixed: true, //不固定

				  maxmin: true,

				  closeBtn:1,

				  shift: 5,

				  shadeClose: false, //点击遮罩关闭层

				  content: '../../rehabilitation/html/service_item_content.html?planids='+planids,

				  end:function(){

				  	vm.goToLoadData(true);	

				  }

					

				});

			},

			changeStatus:function(val){

				this.status=this.status==val?null:val;

			},

			changeTask:function(val){

				this.searchTask=this.searchTask==val.code?null:val.code;

				this.searchTaskName=this.searchTaskName==val.name?null:val.name;

			},

			monDetail:function(){

			  this.currentDay = this.ynow + '年'+ (this.mnow + 1) +'月';

			  this.currentDayForEn=this.ynow+'/'+(this.mnow>=9?(this.mnow+1):"0"+(this.mnow+1))+'/'+(this.dnow>=9?this.dnow:"0"+this.dnow)

			},

			is_leap:function(year) {  //判断是否为闰年

			   return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));

			},

			preMonth:function(){  //上一个月

			  if(this.mnow<=0){

			    this.mnow=11;

			    this.ynow=this.ynow-1;

			  }else{

			    this.mnow--;

			  }

			  this.monDetail();

			  this.goToLoadData(true);

			},

			getPreMouth:function(){

				var pMnow,pYnow;

				if(this.mnow<=0){

				    pMnow=11;

				    pYnow=this.ynow-1;

				  }else{

				    pMnow=this.mnow-1;

				    pYnow=this.ynow;

				  }

				var m_days=new Array(31,(28+this.is_leap(pYnow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数

				return {

						days:m_days[pMnow],

						date:pYnow+'-'+(++pMnow>=10?pMnow:"0"+pMnow)

					}

			},

			nextMonth:function(){   //下一个月

			  if(this.mnow>=11){

			    this.mnow=0;

			    this.ynow=this.ynow+1;

			  }else{

			     this.mnow++;

			  }

			  this.monDetail();

			  this.goToLoadData(true);			

			},

			getNextMouth:function(){

				var nMnow,nYnow;

				if(this.mnow>=11){

				    nMnow=0;

				    nYnow=this.ynow+1;

				  }else{

				     nMnow=this.mnow+1;

				     nYnow=this.ynow;

				  }

				var m_days=new Array(31,(28+this.is_leap(nYnow)),31,30,31,01,31,31,30,31,30,31);  //每个月的天数

				return {

						days:m_days[nMnow],

						date:nYnow+'-'+(++nMnow>=10?nMnow:"0"+nMnow)

					}

			},

			goToLoadData:function(flag){//flag是否更新数据

				this.tabStatus==1 && (!this.calendarData.length || flag) && this.calendar();

				this.tabStatus==2 && (!this.timeAxisData.length || flag) && this.timeAxis();

				this.changeSearch(-1)

			},

			calendar:function(){

			  var nlstr = new Date(this.ynow,this.mnow,1);  //当月第一天

			  var firstday = nlstr.getDay()-1;//第一天星期几,默认是周日  我们改成周一

			  firstday=firstday==-1?6:firstday;//如果是-1，说明当月的第一天是周日

			  var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数

			  var tr_str=Math.ceil((m_days[this.mnow] + firstday)/7);   //当前月天数+第一天是星期几的数值   获得 表格行数

			  var c_days=m_days[this.mnow];//当前月份的天数

			  var p_arr=this.getPreMouth();

			  var n_arr=this.getNextMouth();

			  var i,k,idx,date_str;

			  var dataArr=[];//天数/年月

			  for(i=0;i<tr_str;i++) { //表格的行

			     for(k=0;k<7;k++) { //表格每行的单元格

			        idx=i*7+k; //单元格自然序列号

			        date_str=idx-firstday+1; //计算日期

			        var __ym;

			        if(date_str<=0){//过滤无效日期（小于等于零的、大于月总天数的）

			        	date_str=date_str+p_arr['days'];//当前日期+上个月的天数就是上个月的日期

			        	__ym=p_arr['date'];

			        }else if(date_str>c_days){

			        	date_str=date_str-c_days;//下个月的日期就是这个月的天数-当月的天数

			        	__ym=n_arr['date'];

			        }else{

			        	__ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);

			        }

			        dataArr.push({

			        	day:date_str,

			        	date:__ym

			        });

			     }

			  }

			  this.__Data=dataArr;

			  this.monDetail();

			  this.calenderPlanDetail();

			},

			daysSort: function(arr) {

				var getArr = JSON.parse(JSON.stringify(arr)),

					returnArr = []

				for(var i = 1; i < 31; i++) {

					for(var j = 0, len = getArr.length; j < len; j++) {

						var stri = i > 9 + '' ? i : '0'+i

						if(getArr[j].day == stri) {

							returnArr.push(getArr[j])

							getArr.splice(j,1)

							break;

						}

					}

				}

				return returnArr

			},

			// 日历有计划数据处理

			planHandleData: function(data, day, mounth) {

				var item = data;

				item.day = day;

				if(mounth) {item.mounth = mounth}

				var finishFlag=false

				var sFlag=false;

				var fFlag=false;

				if(item.specialist){

					if(item.specialist.all==item.specialist.finish){

						sFlag=true;

					}

				}else{

					sFlag = true;

				}

				if(item.family){

					if(item.family.all==item.family.finish){

						fFlag = true;

					}

				}else{

					fFlag = true;

				}

				finishFlag = sFlag && fFlag;

				item.finishFlag=finishFlag;

				return item

			},

//						日历请求

			calenderPlanDetail:function(){

				var vm=this;

				var __days=vm.__Data;

				var lastDay=(__days.concat()).pop().day;

				lastDay=lastDay>9?lastDay:'0'+lastDay;

				if(vm.searchTask || vm.status || vm.status == 0) {

					vm.isFastSearch = true

				} else {

					vm.isFastSearch = false

				}

				var params={

					executeStartTime: vm.isFastSearch ? '' : __days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）

					executeEndTime: vm.isFastSearch ? '' : (__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）

					planId:vm.planId,//计划id

					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访）

					status:vm.status,//任务状态（0未完成，1已完成，2已预约）

				}

				rehaAPI.calendarPlanDetail(params).then(function(res){

					vm.curTask=vm.searchTask;

					vm.curTaskName=vm.searchTaskName;

					vm.calendarData=[];

					var list = [];

					if(res.status==200){

						var data=res.data

						// 快速查找

						if(vm.isFastSearch) {

							vm.searchData = []

							var searchData0 = [],

								searchData1 = [],

								searchData2 = [];

							for(var setM = 1; setM <= 12; setM++) {

								var _setM = setM > 9 ? setM : '0' + setM,

									_setY = new Date().getFullYear();

								var data0 = [],

									data1 = [],

									data2 = [];

								for(var i in data) {

									var getY = i.split("-")[0],

										getM = i.split("-")[1],

										getD = i.split("-")[2];

									// 去年

									if(_setY - 1 == getY && _setM == getM) {

										var item = vm.planHandleData(data[i], getD, getM)

										data0.push(item)

										data.length && data.splice(i,1);

									} else if(_setY == getY && _setM == getM) { // 今年

										var item = vm.planHandleData(data[i], getD, getM)

										data1.push(item)

										data.length && data.splice(i,1);

									} else if(_setY + 1 == getY && _setM == getM) { // 明年

										var item = vm.planHandleData(data[i], getD, getM)

										data2.push(item)

										data.length && data.splice(i,1);

									}

								}

								if(data0.length) {

									var dataSort = vm.daysSort(data0)

									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7

									for(var i = 0; i < 7 - addlen; i++) {

										dataSort.push({

											noService:true

										})	

									}

									searchData0.push(dataSort)

								}

								if(data1.length) {

									var dataSort = vm.daysSort(data1)

									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7

									for(var i = 0; i < 7 - addlen; i++) {

										dataSort.push({

											noService:true

										})	

									}

									searchData1.push(dataSort)

								}

								if(data2.length) {

									var dataSort = vm.daysSort(data2)

									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7

									for(var i = 0; i < 7 - addlen; i++) {

										dataSort.push({

											noService:true

										})	

									}

									searchData2.push(dataSort)

								}

							}

							if(searchData0.length) {vm.searchData.push(searchData0)}

							if(searchData1.length) {vm.searchData.push(searchData1)}

							if(searchData2.length) {vm.searchData.push(searchData2)}

							return false;

						}

						// 正常日历

						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0));

						for(var i in __days){

							var _key=__days[i].date+'-'+(__days[i].day>9?__days[i].day:'0'+__days[i].day);

							var item={

									noService:true,

									day:__days[i].day

								};

							for(var j in data){

								if(_key==j){

									item = vm.planHandleData(data[j], __days[i].day)

									data.length && data.splice(j,1);

									break;

								}

							}

							var thatTime=+new Date(_key)-8*60*60*1000;

							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);

							item.future=future;

							list.push(item);

//							vm.calendarData.push(item);

						}

						vm.calendarData = _.chunk(list, 7)

					}

				})

			},

//						时间轴请求

			timeAxis:function(){

				var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数

				var c_days=m_days[this.mnow];//当前月份的天数

				var __ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);

				var dataArr=[];//天数/年月

				for(;c_days>0;c_days--){

					dataArr.push({

			        	day:c_days,

			        	date:__ym

			        });

				}

				this.__xData=dataArr;

				this.monDetail();

				this.calendarPlanDetailList();

			},

//						时间轴请求

			calendarPlanDetailList:function(){

				var vm=this;

				var __days=vm.__xData;

				var lastDay=(__days.concat()).pop().day;

				lastDay=lastDay>9?lastDay:'0'+lastDay;

				var params={

					executeEndTime:__days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）

					executeStartTime:(__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）

					planId:vm.planId,//计划id

					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、随访，3、复诊，4、健康教育）

					status:vm.status,//任务状态（0未完成，1已完成，2已预约）

				}

				rehaAPI.calendarPlanDetailList(params).then(function(res){

					if(res.status==200){

						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0))

						vm.timeAxisData=_.map(res.data||{},function(o){

							var _time=o.executeTime.split(' ');

							var thatTime=+new Date(_time[0]);

							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);

							(o.status==0 && _currentTimeStamp>thatTime) && (future=-1)

							var _html=o.status==2?'预':(future==-1?'逾':'');

							_html=future==1?'今':_html;

							if(_html=='预') future=3;

							o.html=_html

							o.date=_time[0];

							o.time=_time[1];

							o.future=future;

							return o;

						})||[];

					}

				})

			},

			changeSearch: function(status) {

				var i = status == 1 ? -400 : 0;

				var timer1 = setInterval(function() {

					i += (5 * status)

					$(".search-left").css("right", i + "px")

					if(status == 1 && i >= 0) {

						clearInterval(timer1)

					}

					if(status == -1 && i <= -400) {

						clearInterval(timer1)

					}

				}, 5)

			},

			//邀请视频聊天

			openVideoChat: function(otherDoc){

				var vm = this;

				var loading = layer.load(0);



				var participants = []

				var participantsMobile = {}

				var docInfo = JSON.parse(localStorage.docInfo);



				//发起人

				participants.push({mobile: docInfo.mobile, name: docInfo.name, sex: docInfo.sex==1? 1 : 2, birthdate: "", level: 3, hospital_name: docInfo.hospitalName, idcard: ""});

				participantsMobile[docInfo.mobile] = 1;

				

				if(otherDoc){

					//被邀请人

					participants.push({

						mobile: otherDoc.doctorMobile, 

						name: otherDoc.doctorName, 

						sex: otherDoc.doctorSex==1? 1 : 2,

						birthdate: "", 

						level: 3, 

						hospital_name: otherDoc.doctorHospitalName, 

						idcard: otherDoc.doctorIdcard})

					participantsMobile[otherDoc.doctorMobile] = 0;

				}

				

				videoChatAPI.addDoctor({participants : JSON.stringify(participants)}).then(function(res){

				 	if(res.status == 200){

			            videoChatAPI.sessions({

			            	sessionId: httpRequest.uuid(24, 16),

			            	sessionType: 4,

			            	sessionName: vm.planInfo.patientName +"的远程门诊",

			            	participants: JSON.stringify(participantsMobile),

			            	videoconferencing: 1,

			            	idcard: vm.planInfo.idcard

			            }).then(function(res1){

			            	layer.close(loading)

			            	if(res1.status == 200){

			            		layer.msg("发起会话成功",{icon:6});

			            	} else{

			            		layer.msg("发起会话失败",{icon:5});

			            	}

			            }).catch(function(){

							layer.close(loading)

							layer.msg("系统繁忙",{icon:5});

						})

			        }else{

			        	layer.close(loading)

			        	layer.msg(res.msg,{icon:5});

			        }

				}).catch(function(){

					layer.close(loading)

					layer.msg("系统繁忙",{icon:5});

				})



			}

		

		},

		watch:{

			tabStatus:function(){

				this.goToLoadData();

			}

		}

	})

!function(){
 
				var httpData=GetRequest();
 
				var currentGMT=new Date();//当前时间GMT
 
	new Vue({
 
		el:"#app",
 
		data:{
 
			ynow: currentGMT.getFullYear(),//年份
 
			mnow: currentGMT.getMonth(),//月份（比实际少一个月---0开始至11）
 
			dnow: currentGMT.getDate(),//当前日
 
			currentDay:null,//带中文格式的当前年月
 
			currentDayForEn:null,//不带中文格式年月日2018/10/01如果写成/的话  转换成时间戳会变成北京时间8点
 
			calendarData:[],//日历数据
 
			timeAxisData:[],//时间轴数据
 
			__Data:[],//当前的年月（日历）
 
			__xData:[],//当前的年月(时间轴)
 
			isFastSearch: false, // 是否是快速查找任务
 
			status:null,//任务状态（0未完成，1已完成，2已预约）
 
			searchTask:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）
 
			searchTaskName:null,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访，5、复诊）
 
			planId: httpData['planId'],
 
			patientCode: httpData['patientCode'],
 
			curDoc: JSON.parse(localStorage.docInfo),
 
			taskArr:[
 
				{code:1,name:'我的任务'},
 
				{code:2,name:'健康教育'},
 
				{code:3,name:'健康指导'},
 
				{code:4,name:'随访'},
 
				{code:5,name:'复诊'},
 
			],
 
			statusArr:[
 
				{code:0,name:'未完成'},
 
				{code:1,name:'已完成'},
 
				{code:2,name:'已预约'},
 
			],
 
			curTask:'',//快速查找是否点击了搜索按钮
 
			curTaskName:'',//快速查找是否点击了搜索按钮
 
			tabStatus:null,
 
			planInfo:{},
 
			docList:[],
 
			diagnosisInformation: null,
 
			searchData: [], // 搜索计划安排（去年、今年、明年）
 
		},
 
		mounted:function(){
 
			if(!this.planId){
 
				layer.msg('未传入计划id（planId）',{icon:2})
 
			}else{							
				this.tabStatus=1;
 
			}
 
			this.planSchedule();
 
			this.serviceDoctorList();//获取服务医生列表
 
			this.bindEvents();
 
			// 获取最新的诊疗信息1条
 
            this.findDiagnosisInformationByPlanId()
 
		},
 
		methods:{
 
			//获取计划表
 
			planSchedule:function(){
 
				var vm = this;
 
				var  params = {
 
		            planId: this.planId,
 
		            patientCode: this.patientCode
 
		        };
 
				rehaAPI.planSchedule(params).then(function(res){
 
					 if(res.status == 200){
 
			            vm.planInfo = res.data;
 
			            vm.planInfo.tagClass = "tag-"+res.data.healthyConditionType;
 
			            //patientImg：居民签名照/证件照,如果不为null的话说明居民已确认，显示康复完成明细
 
			            if(vm.planInfo.status==2 && !vm.planInfo.patientImg){//任务全部完成时，显示完成提示框
 
							vm.showCompleteDailog();
 
			            }else if(vm.planInfo.status==2 && vm.planInfo.patientImg){//居民已确认计划完成
 
			            	vm.tabStatus=3;
 
							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)
 
			            }
 
			        }else{
 
			        	layer.msg(res.msg,{icon:5});
 
			        }
 
				})
 
			},
 
			// 获取最新的诊疗消息
 
			findDiagnosisInformationByPlanId: function() {
 
				var vm = this,
 
					loading = layer.load(0, {shade: false}),
 
					params = {
 
						planId: vm.planId
 
					}
 
				recoverAPI.findDiagnosisInformationByPlanId(params).then(function(res) {
 
					layer.close(loading)
 
					if(res.status == 200) {
 
						vm.diagnosisInformation = res.data
 
					} else {
 
						showErrorMessage(res.msg);
 
					}
 
				})
 
			},
 
			serviceDoctorList:function(){
 
				var vm = this;
 
				rehaAPI.serviceDoctorList({patientCode: this.patientCode}).then(function(res){
 
					 if(res.status == 200){
 
					 	vm.docList = res.data;
 
					 }else{
 
			        	layer.msg(res.msg,{icon:5});
 
			        }
 
				})
 
			},
 
			weiXinConfirmClick:function(){
 
				var vm = this;
 
				rehaAPI.sendWxMsg({planId: this.planId}).then(function(res){
 
					 if(res.status == 200){
 
					 	layer.msg("发送成功，等待居民确认");
 
					 	setTimeout(function(){
 
					 		vm.tabStatus=3;
 
							$("#framePage").attr("src","stop_special_service.html?planids="+vm.planId+"&planStatus="+vm.planInfo.status)
 
					 	},1000)
 
					 }else{
 
			        	layer.msg(res.msg,{icon:5});
 
			        }
 
				})
 
			},
 
			setImgSrc: function (src) {
 
                var str = httpRequest.getImgUrl(src)
 
                return str
 
            },
 
			showCompleteDailog:function(){
 
				layer.confirm('<div class="mt10 tac"><image src="../images/yiwancheng_icon.png" width="100" height="100"/><div class="mt20 c-f20 c-333 mb40">本次康复计划已完成</div><div class="div-patient-comfirm c-f14 c-fff bgc-12b7f5" style="margin:40px auto 20px;">邀请居民确认</div></div>', { 
		    		btn: [],
 
		    		area: ["400px", "340px"],
 
		    		title: "完成提示"
 
		    	}, function (index) {
 
		    		
	//	            layer.close(index);
 
		        });
 
			},
 
			refreshPage:function(){
 
				if(!this.planId){
 
					layer.msg('未传入计划id（planId）',{icon:2})
 
					return ;
 
				}
 
				this.goToLoadData(true);
 
			},
 
			bindEvents:function(){
 
				var vm = this;
 
				$("body").on("click",".div-patient-comfirm",function(){
 
					layer.closeAll();
 
					vm.weiXinConfirmClick();
 
				}).on("click", ".div-patient-home", function() {
 
					location.href = "../../recover/html/personal-manage.html?patientCode=" + vm.patientCode
 
				})
 
			},
 
			viewDetail:function(planids,status,type){
 
				var vm=this;
 
				if(!planids){
 
					layer.msg('无服务项',{icon:5})
 
					return ;
 
				}
 
				if(status==1 && type==1){
 
					top.layer.open({
 
					  type: 2,
 
					  area: ['800px', '650px'],
 
					  shade: 0.5,
 
					  title: '完成项目确认',
 
					  fixed: true, //不固定
 
					  maxmin: true,
 
					  closeBtn:1,
 
					  shift: 5,
 
					  shadeClose: false, //点击遮罩关闭层
 
					  content: '../../rehabilitation/html/guide_the_message.html?planid='+planids
 
					});
 
					return ;
 
				}
 
//							planids='402803f6657f195301657f4c4ce70000';
 
				layer.open({
 
				  type: 2,
 
				  area: ['800px', '650px'],
 
				  shade: 0.5,
 
				  title: '服务项目内容',
 
				  fixed: true, //不固定
 
				  maxmin: true,
 
				  closeBtn:1,
 
				  shift: 5,
 
				  shadeClose: false, //点击遮罩关闭层
 
				  content: '../../rehabilitation/html/service_item_content.html?planids='+planids,
 
				  end:function(){
 
				  	vm.goToLoadData(true);	
				  }
 
					
				});
 
			},
 
			changeStatus:function(val){
 
				this.status=this.status==val?null:val;
 
			},
 
			changeTask:function(val){
 
				this.searchTask=this.searchTask==val.code?null:val.code;
 
				this.searchTaskName=this.searchTaskName==val.name?null:val.name;
 
			},
 
			monDetail:function(){
 
			  this.currentDay = this.ynow + '年'+ (this.mnow + 1) +'月';
 
			  this.currentDayForEn=this.ynow+'/'+(this.mnow>=9?(this.mnow+1):"0"+(this.mnow+1))+'/'+(this.dnow>=9?this.dnow:"0"+this.dnow)
 
			},
 
			is_leap:function(year) {  //判断是否为闰年
 
			   return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));
 
			},
 
			preMonth:function(){  //上一个月
 
			  if(this.mnow<=0){
 
			    this.mnow=11;
 
			    this.ynow=this.ynow-1;
 
			  }else{
 
			    this.mnow--;
 
			  }
 
			  this.monDetail();
 
			  this.goToLoadData(true);
 
			},
 
			getPreMouth:function(){
 
				var pMnow,pYnow;
 
				if(this.mnow<=0){
 
				    pMnow=11;
 
				    pYnow=this.ynow-1;
 
				  }else{
 
				    pMnow=this.mnow-1;
 
				    pYnow=this.ynow;
 
				  }
 
				var m_days=new Array(31,(28+this.is_leap(pYnow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
 
				return {
 
						days:m_days[pMnow],
 
						date:pYnow+'-'+(++pMnow>=10?pMnow:"0"+pMnow)
 
					}
 
			},
 
			nextMonth:function(){   //下一个月
 
			  if(this.mnow>=11){
 
			    this.mnow=0;
 
			    this.ynow=this.ynow+1;
 
			  }else{
 
			     this.mnow++;
 
			  }
 
			  this.monDetail();
 
			  this.goToLoadData(true);			
			},
 
			getNextMouth:function(){
 
				var nMnow,nYnow;
 
				if(this.mnow>=11){
 
				    nMnow=0;
 
				    nYnow=this.ynow+1;
 
				  }else{
 
				     nMnow=this.mnow+1;
 
				     nYnow=this.ynow;
 
				  }
 
				var m_days=new Array(31,(28+this.is_leap(nYnow)),31,30,31,01,31,31,30,31,30,31);  //每个月的天数
 
				return {
 
						days:m_days[nMnow],
 
						date:nYnow+'-'+(++nMnow>=10?nMnow:"0"+nMnow)
 
					}
 
			},
 
			goToLoadData:function(flag){//flag是否更新数据
 
				this.tabStatus==1 && (!this.calendarData.length || flag) && this.calendar();
 
				this.tabStatus==2 && (!this.timeAxisData.length || flag) && this.timeAxis();
 
				this.changeSearch(-1)
 
			},
 
			calendar:function(){
 
			  var nlstr = new Date(this.ynow,this.mnow,1);  //当月第一天
 
			  var firstday = nlstr.getDay()-1;//第一天星期几,默认是周日  我们改成周一
 
			  firstday=firstday==-1?6:firstday;//如果是-1，说明当月的第一天是周日
 
			  var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
 
			  var tr_str=Math.ceil((m_days[this.mnow] + firstday)/7);   //当前月天数+第一天是星期几的数值   获得 表格行数
 
			  var c_days=m_days[this.mnow];//当前月份的天数
 
			  var p_arr=this.getPreMouth();
 
			  var n_arr=this.getNextMouth();
 
			  var i,k,idx,date_str;
 
			  var dataArr=[];//天数/年月
 
			  for(i=0;i<tr_str;i++) { //表格的行
 
			     for(k=0;k<7;k++) { //表格每行的单元格
 
			        idx=i*7+k; //单元格自然序列号
 
			        date_str=idx-firstday+1; //计算日期
 
			        var __ym;
 
			        if(date_str<=0){//过滤无效日期（小于等于零的、大于月总天数的）
 
			        	date_str=date_str+p_arr['days'];//当前日期+上个月的天数就是上个月的日期
 
			        	__ym=p_arr['date'];
 
			        }else if(date_str>c_days){
 
			        	date_str=date_str-c_days;//下个月的日期就是这个月的天数-当月的天数
 
			        	__ym=n_arr['date'];
 
			        }else{
 
			        	__ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);
 
			        }
 
			        dataArr.push({
 
			        	day:date_str,
 
			        	date:__ym
 
			        });
 
			     }
 
			  }
 
			  this.__Data=dataArr;
 
			  this.monDetail();
 
			  this.calenderPlanDetail();
 
			},
 
			daysSort: function(arr) {
 
				var getArr = JSON.parse(JSON.stringify(arr)),
 
					returnArr = []
 
				for(var i = 1; i < 31; i++) {
 
					for(var j = 0, len = getArr.length; j < len; j++) {
 
						var stri = i > 9 + '' ? i : '0'+i
 
						if(getArr[j].day == stri) {
 
							returnArr.push(getArr[j])
 
							getArr.splice(j,1)
 
							break;
 
						}
 
					}
 
				}
 
				return returnArr
 
			},
 
			// 日历有计划数据处理
 
			planHandleData: function(data, day, mounth) {
 
				var item = data;
 
				item.day = day;
 
				if(mounth) {item.mounth = mounth}
 
				var finishFlag=false
 
				var sFlag=false;
 
				var fFlag=false;
 
				if(item.specialist){
 
					if(item.specialist.all==item.specialist.finish){
 
						sFlag=true;
 
					}
 
				}else{
 
					sFlag = true;
 
				}
 
				if(item.family){
 
					if(item.family.all==item.family.finish){
 
						fFlag = true;
 
					}
 
				}else{
 
					fFlag = true;
 
				}
 
				finishFlag = sFlag && fFlag;
 
				item.finishFlag=finishFlag;
 
				return item
 
			},
 
//						日历请求
 
			calenderPlanDetail:function(){
 
				var vm=this;
 
				var __days=vm.__Data;
 
				var lastDay=(__days.concat()).pop().day;
 
				lastDay=lastDay>9?lastDay:'0'+lastDay;
 
				if(vm.searchTask || vm.status || vm.status == 0) {
 
					vm.isFastSearch = true
 
				} else {
 
					vm.isFastSearch = false
 
				}
 
				var params={
 
					executeStartTime: vm.isFastSearch ? '' : __days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）
 
					executeEndTime: vm.isFastSearch ? '' : (__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）
 
					planId:vm.planId,//计划id
 
					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、健康教育，3、健康指导，4、随访）
 
					status:vm.status,//任务状态（0未完成，1已完成，2已预约）
 
				}
 
				rehaAPI.calendarPlanDetail(params).then(function(res){
 
					vm.curTask=vm.searchTask;
 
					vm.curTaskName=vm.searchTaskName;
 
					vm.calendarData=[];
 
					var list = [];
 
					if(res.status==200){
 
						var data=res.data
 
						// 快速查找
 
						if(vm.isFastSearch) {
 
							vm.searchData = []
 
							var searchData0 = [],
 
								searchData1 = [],
 
								searchData2 = [];
 
							for(var setM = 1; setM <= 12; setM++) {
 
								var _setM = setM > 9 ? setM : '0' + setM,
 
									_setY = new Date().getFullYear();
 
								var data0 = [],
 
									data1 = [],
 
									data2 = [];
 
								for(var i in data) {
 
									var getY = i.split("-")[0],
 
										getM = i.split("-")[1],
 
										getD = i.split("-")[2];
 
									// 去年
 
									if(_setY - 1 == getY && _setM == getM) {
 
										var item = vm.planHandleData(data[i], getD, getM)
 
										data0.push(item)
 
										data.length && data.splice(i,1);
 
									} else if(_setY == getY && _setM == getM) { // 今年
 
										var item = vm.planHandleData(data[i], getD, getM)
 
										data1.push(item)
 
										data.length && data.splice(i,1);
 
									} else if(_setY + 1 == getY && _setM == getM) { // 明年
 
										var item = vm.planHandleData(data[i], getD, getM)
 
										data2.push(item)
 
										data.length && data.splice(i,1);
 
									}
 
								}
 
								if(data0.length) {
 
									var dataSort = vm.daysSort(data0)
 
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
 
									for(var i = 0; i < 7 - addlen; i++) {
 
										dataSort.push({
 
											noService:true
 
										})	
									}
 
									searchData0.push(dataSort)
 
								}
 
								if(data1.length) {
 
									var dataSort = vm.daysSort(data1)
 
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
 
									for(var i = 0; i < 7 - addlen; i++) {
 
										dataSort.push({
 
											noService:true
 
										})	
									}
 
									searchData1.push(dataSort)
 
								}
 
								if(data2.length) {
 
									var dataSort = vm.daysSort(data2)
 
									var addlen = (dataSort.length + 1) % 7 ? (dataSort.length + 1) % 7 : 7
 
									for(var i = 0; i < 7 - addlen; i++) {
 
										dataSort.push({
 
											noService:true
 
										})	
									}
 
									searchData2.push(dataSort)
 
								}
 
							}
 
							if(searchData0.length) {vm.searchData.push(searchData0)}
 
							if(searchData1.length) {vm.searchData.push(searchData1)}
 
							if(searchData2.length) {vm.searchData.push(searchData2)}
 
							return false;
 
						}
 
						// 正常日历
 
						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0));
 
						for(var i in __days){
 
							var _key=__days[i].date+'-'+(__days[i].day>9?__days[i].day:'0'+__days[i].day);
 
							var item={
 
									noService:true,
 
									day:__days[i].day
 
								};
 
							for(var j in data){
 
								if(_key==j){
 
									item = vm.planHandleData(data[j], __days[i].day)
 
									data.length && data.splice(j,1);
 
									break;
 
								}
 
							}
 
							var thatTime=+new Date(_key)-8*60*60*1000;
 
							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);
 
							item.future=future;
 
							list.push(item);
 
//							vm.calendarData.push(item);
 
						}
 
						vm.calendarData = _.chunk(list, 7)
 
					}
 
				})
 
			},
 
//						时间轴请求
 
			timeAxis:function(){
 
				var m_days=new Array(31,(28+this.is_leap(this.ynow)),31,30,31,30,31,31,30,31,30,31);  //每个月的天数
 
				var c_days=m_days[this.mnow];//当前月份的天数
 
				var __ym=this.ynow+'-'+(this.mnow>=9?"":"0")+(this.mnow+1);
 
				var dataArr=[];//天数/年月
 
				for(;c_days>0;c_days--){
 
					dataArr.push({
 
			        	day:c_days,
 
			        	date:__ym
 
			        });
 
				}
 
				this.__xData=dataArr;
 
				this.monDetail();
 
				this.calendarPlanDetailList();
 
			},
 
//						时间轴请求
 
			calendarPlanDetailList:function(){
 
				var vm=this;
 
				var __days=vm.__xData;
 
				var lastDay=(__days.concat()).pop().day;
 
				lastDay=lastDay>9?lastDay:'0'+lastDay;
 
				var params={
 
					executeEndTime:__days[0].date+'-'+__days[0].day+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）
 
					executeStartTime:(__days.concat()).pop().date+'-'+lastDay+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）
 
					planId:vm.planId,//计划id
 
					searchTask:vm.searchTask,//快速查找任务：（1、我的任务，2、随访，3、复诊，4、健康教育）
 
					status:vm.status,//任务状态（0未完成，1已完成，2已预约）
 
				}
 
				rehaAPI.calendarPlanDetailList(params).then(function(res){
 
					if(res.status==200){
 
						var _currentTimeStamp=+new Date(new Date().setHours(0, 0, 0, 0))
 
						vm.timeAxisData=_.map(res.data||{},function(o){
 
							var _time=o.executeTime.split(' ');
 
							var thatTime=+new Date(_time[0]);
 
							var future=_currentTimeStamp>thatTime?0:(_currentTimeStamp==thatTime?1:2);
 
							(o.status==0 && _currentTimeStamp>thatTime) && (future=-1)
 
							var _html=o.status==2?'预':(future==-1?'逾':'');
 
							_html=future==1?'今':_html;
 
							if(_html=='预') future=3;
 
							o.html=_html
 
							o.date=_time[0];
 
							o.time=_time[1];
 
							o.future=future;
 
							return o;
 
						})||[];
 
					}
 
				})
 
			},
 
			changeSearch: function(status) {
 
				var i = status == 1 ? -400 : 0;
 
				var timer1 = setInterval(function() {
 
					i += (5 * status)
 
					$(".search-left").css("right", i + "px")
 
					if(status == 1 && i >= 0) {
 
						clearInterval(timer1)
 
					}
 
					if(status == -1 && i <= -400) {
 
						clearInterval(timer1)
 
					}
 
				}, 5)
 
			},
 
			//邀请视频聊天
 
			openVideoChat: function(otherDoc){
 
				var vm = this;
 
				var loading = layer.load(0);
 
				var participants = []
 
				var participantsMobile = {}
 
				var docInfo = JSON.parse(localStorage.docInfo);
 
				//发起人
 
				participants.push({mobile: docInfo.mobile, name: docInfo.name, sex: docInfo.sex==1? 1 : 2, birthdate: "", level: 3, hospital_name: docInfo.hospitalName, idcard: ""});
 
				participantsMobile[docInfo.mobile] = 1;
 
				
				if(otherDoc){
 
					//被邀请人
 
					participants.push({
 
						mobile: otherDoc.doctorMobile, 
						name: otherDoc.doctorName, 
						sex: otherDoc.doctorSex==1? 1 : 2,
 
						birthdate: "", 
						level: 3, 
						hospital_name: otherDoc.doctorHospitalName, 
						idcard: otherDoc.doctorIdcard})
 
					participantsMobile[otherDoc.doctorMobile] = 0;
 
				}
 
				
				videoChatAPI.addDoctor({participants : JSON.stringify(participants)}).then(function(res){
 
				 	if(res.status == 200){
 
			            videoChatAPI.sessions({
 
			            	sessionId: httpRequest.uuid(24, 16),
 
			            	sessionType: 4,
 
			            	sessionName: vm.planInfo.patientName +"的远程门诊",
 
			            	participants: JSON.stringify(participantsMobile),
 
			            	videoconferencing: 1,
 
			            	idcard: vm.planInfo.idcard
 
			            }).then(function(res1){
 
			            	layer.close(loading)
 
			            	if(res1.status == 200){
 
			            		layer.msg("发起会话成功",{icon:6});
 
			            	} else{
 
			            		layer.msg("发起会话失败",{icon:5});
 
			            	}
 
			            }).catch(function(){
 
							layer.close(loading)
 
							layer.msg("系统繁忙",{icon:5});
 
						})
 
			        }else{
 
			        	layer.close(loading)
 
			        	layer.msg(res.msg,{icon:5});
 
			        }
 
				}).catch(function(){
 
					layer.close(loading)
 
					layer.msg("系统繁忙",{icon:5});
 
				})
 
			}
 
		
		},
 
		watch:{
 
			tabStatus:function(){
 
				this.goToLoadData();
 
			}
 
		}
 
	})
 
}();

+ 1 - 1
app/statistics/js/response-speed-analysis.js
查看文件 

@ -87,7 +87,7 @@ new Vue({
 
		});
 
		//监听页面刷新
 
		EventBus.$on("refresh-click", function(arg) {
 
			alert("刷新")
 
//			alert("刷新")
 
			vm.initData()
 
		});
 
		window.onresize = function() {

+ 1 - 1
app/statistics/js/service-sheet-analysis.js
查看文件 

@ -86,7 +86,7 @@ new Vue({
 
		});
 
		//监听页面刷新
 
		EventBus.$on("refresh-click", function(arg) {
 
			alert("刷新")
 
//			alert("刷新")
 
			vm.initData()
 
		});
 
		window.onresize = function() {

+ 1072 - 0
component/followup/fangshi-detail-6.js
查看文件 

@ -0,0 +1,1072 @@
 
Vue.component('fangshi-detail-6', {
 
    template: `<div class="mt40">
 
    <button class="button" @click="editBtn()">编辑</button>
 
    <p class="c-f20 mb10" style="text-align: center;">新生儿家庭访视记录表</p>
 
    <div class="ui-grid p10 setradio">
 
        <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="newbornData.sick_NAME" placeholder="" clearable></el-input>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="ui-col-1">
 
            <div class="ui-grid">
 
                <div class="ui-col-0">户籍:&emsp;</div>
 
                <div class="ui-col-1">
 
                    <el-radio-group v-model="newbornData.help_ORGANIZATION_FLAG" :disabled="!editable">
 
                        <el-radio label="1" :disabled="!editable">本市</el-radio>
 
                        <el-radio label="2" :disabled="!editable">省内</el-radio>
 
                        <el-radio label="3" :disabled="!editable">省外</el-radio>
 
                    </el-radio-group>
 
                </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="newbornData.number_NO" placeholder="" clearable></el-input>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
    <table class="table table-bordered">
 
        <tr>
 
            <td class="col-w120 c-t-center">性别</td>
 
            <td>
 
                <el-radio-group v-model="newbornData.sick_SEX">
 
                    <div>
 
                        <el-radio :disabled="!editable" label="0">未知的性别</el-radio>
 
                        <el-radio :disabled="!editable" label="1">男</el-radio>
 
                    </div>
 
                    <div class="mt10">
 
                        <el-radio :disabled="!editable" label="2">女</el-radio>
 
                        <el-radio :disabled="!editable" label="9">未说明的性别</el-radio>
 
                    </div>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="2">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        出生日期:
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.birthday" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        户籍地址:
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.permanent_RESIDENCE_ADDRESS" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="col-w120 c-t-center">母亲身份证号</td>
 
            <td>
 
                <el-input :readonly="!editable" v-model="newbornData.mother_IDENTITY_CARD_NO" placeholder="" clearable></el-input>
 
            </td>
 
            <td class="c-t-center">家庭住址</td>
 
            <td colspan="2">
 
                <el-input :readonly="!editable" v-model="newbornData.mother_ADDRESS" placeholder="" clearable></el-input>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="col-w120 c-t-center">母 亲</td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        姓名
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.mother_NAME" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        职业
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.mother_OCCUPATION" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        联系电话
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input type="number" :readonly="!editable" v-model="newbornData.mother_PHONE" placeholder=""></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        出生日期
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.mother_BIRTHDAY" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="col-w120 c-t-center">父 亲</td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        姓名
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.father_NAME" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        职业
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.father_OCCUPATION" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        联系电话
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input type="number" :readonly="!editable" v-model="newbornData.father_PHONE"></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        出生日期
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.father_BIRTHDAY" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="2" class="setinput c-t-center">出生孕周
 
                <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.birth_PREGNANCY_WEEK"></el-input>
 
                周
 
            </td>
 
            <td colspan="3">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        母亲妊娠期患病情况：
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-radio-group v-model="newbornData.pregnancy_SICK">
 
                            <el-radio :disabled="!editable" label="1">糖尿病</el-radio>
 
                            <el-radio :disabled="!editable" label="2">糖尿病</el-radio>
 
                            <el-radio :disabled="!editable" label="3">妊娠期高血压</el-radio>
 
                            <el-radio :disabled="!editable" label="4" class="setinput">其他
 
                                <el-input type="text" :readonly="pregnancy_SICK_CIRCS_other||!editable" v-model="newbornData.pregnancy_SICK_CIRCS" clearable></el-input>
 
                            </el-radio>
 
                        </el-radio-group>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="col-w120 c-t-center setinput">助产机构名称:
 
                <el-input style="width:120px;" type="text" :readonly="!editable" v-model="newbornData.help_ORGANIZATION_NAME" clearable></el-input>
 
            </td>
 
            <td class="c-t-center">
 
                出院时间
 
                <div class="setPicker">
 
                    <el-date-picker :readonly="!editable" v-model="newbornData.DISCHARGED_DATE" type="date" placeholder="选择日期">
 
                    </el-date-picker>
 
                </div>
 
            </td>
 
            <td colspan="2">
 
                出生情况：
 
                <el-checkbox-group v-model="delivery_WAY_check" :disabled="!editable">
 
                    <el-checkbox style="margin-left: 30px;" 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 label="6">臀位</el-checkbox>
 
                    <el-checkbox class="setinput" label="7">
 
                        <el-input type="text" :readonly="birth_OTHER||!editable" v-model="newbornData.birth_OTHER" placeholder="其他" clearable></el-input>
 
                    </el-checkbox>
 
                </el-checkbox-group>
 
            </td>
 
            <td>
 
                新生儿窒息:
 
                <el-radio-group v-model="newbornData.suffocation" :disabled="!editable">
 
                    <el-radio :disabled="!editable" label="1">无</el-radio>
 
                    <el-radio :disabled="!editable" label="2">有</el-radio>
 
                </el-radio-group>
 
                <div class="setinput">
 
                    （Apgar 评分：1分钟
 
                    <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_O"></el-input>分，5分钟
 
                    <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_F"></el-input>分，不详
 
                    <el-input style="width:70px;" type="number" :readonly="!editable" v-model="newbornData.apgar_N"></el-input>）
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="2" class="c-t-center">新生儿病史:
 
                <el-input :readonly="!editable" v-model="newbornData.blessedevent_MEDICAL_HISTORY" placeholder="" clearable></el-input>
 
            </td>
 
            <td class="c-t-center">诊治机构:
 
                <el-input :readonly="!editable" v-model="newbornData.help_OUT_ORGANIZATION" placeholder="" clearable></el-input>
 
            </td>
 
            <td colspan="2">计划免疫情况:
 
                <el-radio-group v-model="newbornData.plan_IMMUNE">
 
                    <el-radio :disabled="!editable" label="1">卡介苗</el-radio>
 
                    <el-radio :disabled="!editable" label="2">乙肝疫苗</el-radio>
 
                    <el-radio :disabled="!editable" label="3">以上两种</el-radio>
 
                    <el-radio :disabled="!editable" label="4">未种</el-radio>
 
                </el-radio-group>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="2">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        新生儿出生体重:
 
                    </div>
 
                    <div class="ui-col-1 setinput">
 
                        <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>
 
                        kg
 
                    </div>
 
                </div>
 
            </td>
 
            <td>
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        出生身长:
 
                    </div>
 
                    <div class="ui-col-1 setinput">
 
                        <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.blessedevent_BIRTH_WEIGHT" :step="0.1"></el-input>cm
 
                    </div>
 
                </div>
 
            </td>
 
            <td colspan="2">是否有畸形：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.deformity_NULL">
 
                    <el-radio :disabled="!editable" label="1">无</el-radio>
 
                    <el-radio :disabled="!editable" label="2">有</el-radio>
 
                </el-radio-group>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="c-t-center" colspan="5">
 
                *********** 第二次访视以上八行信息不需要重复填写 ***********
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="5">
 
                新生儿疾病筛查：
 
                <el-checkbox-group v-model="SCREENING_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" class="setinput">其他遗传代谢病
 
                        <el-input style="width: 100px;" type="text" :readonly="SCREENING_3_dis||!editable" v-model="newbornData.screening_ABNORMAL"
 
                            clearable></el-input>
 
                    </el-checkbox>
 
                    <el-checkbox label="6">已查无结果</el-checkbox>
 
                </el-checkbox-group>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="4">
 
                新生儿听力筛查：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.hearing">
 
                    <el-radio :disabled="!editable" label="1">通过</el-radio>
 
                    <el-radio :disabled="!editable" label="2">未通过</el-radio>
 
                    <el-radio :disabled="!editable" label="3">未筛查</el-radio>
 
                    <el-radio :disabled="!editable" label="4">不详</el-radio>
 
                    <el-radio :disabled="!editable" label="5">已查无结果</el-radio>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="1" class="setinput">
 
                目前体重
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.now_WEIGHT"></el-input>
 
                kg
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="3">
 
                喂养方式：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.feed_TYPE">
 
                    <el-radio :disabled="!editable" label="1">纯母乳</el-radio>
 
                    <el-radio :disabled="!editable" label="2">部分母乳</el-radio>
 
                    <el-radio :disabled="!editable" label="3">人工</el-radio>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="1" class="setinput">
 
                吃奶量
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_AMOUNT"></el-input> ml/次
 
            </td>
 
            <td colspan="1" class="setinput">
 
                吃奶次数
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.eat_MILE_TIME"></el-input>次/日
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="3">
 
                呕吐：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.vomit">
 
                    <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
 
                    <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="1">
 
                大便：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.vulnus">
 
                    <el-radio :disabled="!editable" v-model="radio" label="1">糊状</el-radio>
 
                    <el-radio :disabled="!editable" v-model="radio" label="2">稀</el-radio>
 
                    <el-radio :disabled="!editable" v-model="radio" label="3">其他</el-radio>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="1" class="setinput">
 
                大便次数
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.vulnus_TIME"></el-input> 次/日
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="3" class="setinput">
 
                体温：
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.body_TEMPERATURE"></el-input>
 
                ℃
 
            </td>
 
            <td colspan="1" class="setinput">
 
                心率：
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.pulse_FREQUENCY"></el-input>
 
                次/分钟
 
            </td>
 
            <td colspan="1" class="setinput">
 
                呼吸频率
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.breath_FREQUENCY"></el-input>
 
                次/日
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="3">面色：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.complexion">
 
                    <el-radio :disabled="!editable" label="1">红润</el-radio>
 
                    <el-radio :disabled="!editable" label="2">黄染</el-radio>
 
                    <el-radio :disabled="!editable" label="3" class="setinput">其他
 
                        <el-input style="width: 120px;" type="text" :readonly="complexion_NULL_dis||!editable" v-model="newbornData.complexion_NULL"
 
                            clearable></el-input>
 
                    </el-radio>
 
                </el-radio-group>
 
            </td>
 
            <td colspan="2">黄疸部位：
 
                <el-radio-group :disabled="!editable" v-model="newbornData.face">
 
                    <el-radio :disabled="!editable" label="1">面部</el-radio>
 
                    <el-radio :disabled="!editable" label="2">躯干</el-radio>
 
                    <el-radio :disabled="!editable" label="3">四肢</el-radio>
 
                    <el-radio :disabled="!editable" label="4">手足</el-radio>
 
                </el-radio-group>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="5" class="setinput">
 
                前卤
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_FRONT"></el-input>
 
                &nbsp;cm&nbsp;✖
 
                <el-input style="width: 70px;" type="number" :readonly="!editable" v-model="newbornData.bregma_BACK"></el-input> &nbsp;cm &emsp;
 
                <el-radio-group :disabled="!editable" v-model="newbornData.bregma">
 
                    <el-radio :disabled="!editable" label="1">正常</el-radio>
 
                    <el-radio :disabled="!editable" label="2">膨隆</el-radio>
 
                    <el-radio :disabled="!editable" label="3">凹陷</el-radio>
 
                    <el-radio :disabled="!editable" label="4">其他
 
                <el-input style="width: 120px;" type="text" :readonly="bregma_other_dis||!editable" v-model="newbornData.bregma_PERFORMANCE"
 
                    clearable></el-input>
 
                </el-radio>
 
                </el-radio-group>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td class="table2Td" colspan="5">
 
                <table class="table2">
 
                    <tr>
 
                        <td>眼外观：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.eye">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="eye_NULL_dis||!editable" v-model="newbornData.eye_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>四肢活动度：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.limbs">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="limbs_NULL_dis||!editable" v-model="newbornData.limbs_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>耳外观：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.ear">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="ear_FACE_dis||!editable" v-model="newbornData.ear_FACE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>颈部包块：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.neck_PACK">
 
                                <el-radio :disabled="!editable" label="1">无</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">有
 
                                    <el-input type="text" :readonly="neck_PACK_NULL_dis||!editable" v-model="newbornData.neck_PACK_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>鼻：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.nose">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="nose_PERFORMANCE_dis||!editable" v-model="newbornData.nose_PERFORMANCE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>皮肤：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.skin">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2">湿疹</el-radio>
 
                                <el-radio :disabled="!editable" label="3">糜烂</el-radio>
 
                                <el-radio :disabled="!editable" label="4" class="setinput">其他
 
                                    <el-input type="text" :readonly="skin_PERFORMANCE_dis||!editable" v-model="newbornData.skin_PERFORMANCE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>口腔：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.oral">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="oral_PERFORMANCE_dis||!editable" v-model="newbornData.oral_PERFORMANCE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>肛门：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.anus">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="anus_PERFORMANCE_dis||!editable" v-model="newbornData.anus_PERFORMANCE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>心肺听诊：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.heart">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="heart_PERFORMANCE_dis||!editable" v-model="newbornData.heart_PERFORMANCE" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>外生殖器：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.genitalia">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="genitalia_NULL_dis||!editable" v-model="newbornData.genitalia_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>腹部触诊：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.abdomen">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="abdomen_NULL_dis||!editable" v-model="newbornData.abdomen_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td>脊柱：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.vertebral">
 
                                <el-radio :disabled="!editable" label="1">未见异常</el-radio>
 
                                <el-radio :disabled="!editable" label="2" class="setinput">异常
 
                                    <el-input type="text" :readonly="vertebral_NULL_dis||!editable" v-model="newbornData.vertebral_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                    </tr>
 
                    <tr>
 
                        <td>脐带：
 
                            <el-radio-group :disabled="!editable" v-model="newbornData.umbilical">
 
                                <el-radio :disabled="!editable" v-model="radio" label="1">未脱</el-radio>
 
                                <el-radio :disabled="!editable" v-model="radio" label="2">脱落</el-radio>
 
                                <el-radio :disabled="!editable" v-model="radio" label="3">脐带有渗出</el-radio>
 
                                <el-radio :disabled="!editable" v-model="radio" label="4" class="setinput">其他
 
                                    <el-input type="text" style="width:120px" :readonly="umbilical_NULL_dis||!editable" v-model="newbornData.umbilical_NULL" clearable></el-input>
 
                                </el-radio>
 
                            </el-radio-group>
 
                        </td>
 
                        <td class="setinput">
 
                            <div class="ui-grid">
 
                                <div class="ui-col-0">其他：</div>
 
                                <div class="ui-col-1">
 
                                    <el-input type="text" :readonly="!editable" v-model="newbornData.other" clearable></el-input>
 
                                </div>
 
                            </div>
 
                        </td>
 
                    </tr>
 
                </table>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="5">
 
                转诊意见:
 
                <el-radio-group :disabled="!editable" v-model="newbornData.referral">
 
                    <el-radio :disabled="!editable" v-model="radio" label="1">无</el-radio>
 
                    <el-radio :disabled="!editable" v-model="radio" label="2">有</el-radio>
 
                </el-radio-group>
 
                <div class="setinput ui-grid">
 
                    <div class="ui-col-0">
 
                        原因：
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input type="text" :readonly="!editable" v-model="newbornData.referral_REASON" clearable></el-input>
 
                    </div>
 
                </div>
 
                <div class="ui-grid">
 
                    <div class="ui-col-1 ui-grid setinput">
 
                        <div class="ui-col-0">
 
                            机构:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
 
                        </div>
 
                    </div>
 
                    <div class="ui-col-1 ui-grid setinput">
 
                        <div class="ui-col-0">
 
                            科室:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="5" class="setinput">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        指导：
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-checkbox-group v-model="guide_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 label="6">其他
 
                                <el-input type="text" :readonly="other_GUIDE_CONTENT_dis||!editable" v-model="newbornData.other_GUIDE_CONTENT" clearable></el-input>
 
                            </el-checkbox>
 
                        </el-checkbox-group>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="2">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        本次访视日期
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.this_INTERVIEW_DATE" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </div>
 
            </td>
 
            <td colspan="3">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        下次随访地点
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-input :readonly="!editable" v-model="newbornData.next_VISITING_ADDRESS" placeholder="" clearable></el-input>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
        <tr>
 
            <td colspan="2">
 
                <div class="ui-grid">
 
                    <div class="ui-col-0">
 
                        下次访视日期
 
                    </div>
 
                    <div class="ui-col-1">
 
                        <el-date-picker :readonly="!editable" v-model="newbornData.next_VISITING_DATE" type="date" placeholder="选择日期">
 
                        </el-date-picker>
 
                    </div>
 
                </div>
 
            </td>
 
            <td colspan="3">
 
                <div class="ui-grid">
 
                    <div class="ui-col-1 ui-grid setinput">
 
                        <div class="ui-col-0">
 
                            随访医生签名:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="text" :readonly="!editable" v-model="newbornData.organization_ORG_NAME" clearable></el-input>
 
                        </div>
 
                    </div>
 
                    <div class="ui-col-1 ui-grid setinput">
 
                        <div class="ui-col-0">
 
                            家属确认签字:
 
                        </div>
 
                        <div class="ui-col-1">
 
                            <el-input type="text" :readonly="!editable" v-model="newbornData.organization" clearable></el-input>
 
                        </div>
 
                    </div>
 
                </div>
 
            </td>
 
        </tr>
 
    </table>
 
    </div>
 
        `,
 
    props: ['followupid','version'],
 
    data: function () {
 
        return {
 
            editable: false,
 
            isEditBtn: true,
 
            birth_OTHER: true,
 
            pregnancy_SICK_CIRCS_other: true,
 
            SCREENING_3_dis: true,
 
            bregma_other_dis: true,
 
            eye_NULL_dis: true,
 
            limbs_NULL_dis: true,
 
            complexion_NULL_dis: true,
 
            ear_FACE_dis: true,
 
            neck_PACK_NULL_dis: true,
 
            nose_PERFORMANCE_dis: true,
 
            skin_PERFORMANCE_dis: true,
 
            oral_PERFORMANCE_dis: true,
 
            anus_PERFORMANCE_dis: true,
 
            heart_PERFORMANCE_dis: true,
 
            genitalia_NULL_dis: true,
 
            abdomen_NULL_dis: true,
 
            vertebral_NULL_dis: true,
 
            umbilical_NULL_dis: true,
 
            other_GUIDE_CONTENT_dis: true,
 
            delivery_WAY_check: [],
 
            SCREENING_check: [],
 
            guide_check: [],
 
            data2: "",
 
            radio: "",
 
            input: '',
 
            name: '',
 
            number: '',
 
            newbornData: {}
 
        }
 
    },
 
    computed: {
 
        pregnancy_SICK: function () {
 
            return this.newbornData.pregnancy_SICK
 
        },
 
        bregma: function () {
 
            return this.newbornData.bregma
 
        },
 
        complexion: function () {
 
            return this.newbornData.complexion
 
        },
 
        eye: function () {
 
            return this.newbornData.eye
 
        },
 
        limbs: function () {
 
            return this.newbornData.limbs
 
        },
 
        neck_PACK: function () {
 
            return this.newbornData.neck_PACK
 
        },
 
        ear: function () {
 
            return this.newbornData.ear
 
        },
 
        nose: function () {
 
            return this.newbornData.nose
 
        },
 
        skin: function () {
 
            return this.newbornData.skin
 
        },
 
        oral: function () {
 
            return this.newbornData.oral
 
        },
 
        anus: function () {
 
            return this.newbornData.anus
 
        },
 
        heart: function () {
 
            return this.newbornData.heart
 
        },
 
        genitalia: function () {
 
            return this.newbornData.genitalia
 
        },
 
        abdomen: function () {
 
            return this.newbornData.abdomen
 
        },
 
        vertebral: function () {
 
            return this.newbornData.vertebral
 
        },
 
        umbilical: function () {
 
            return this.newbornData.umbilical
 
        }
 
    },
 
    watch: {
 
        umbilical: function (i) {
 
            var a = i?i.toString().indexOf('4'):''
 
            if (a > -1) {
 
                this.umbilical_NULL_dis = false
 
            } else {
 
                this.umbilical_NULL_dis = true
 
                this.newbornData.umbilical_NULL = ''
 
            }
 
        },
 
        vertebral: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.vertebral_NULL_dis = false
 
            } else {
 
                this.vertebral_NULL_dis = true
 
                this.newbornData.vertebral_NULL = ''
 
            }
 
        },
 
        abdomen: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.abdomen_NULL_dis = false
 
            } else {
 
                this.abdomen_NULL_dis = true
 
                this.newbornData.abdomen_NULL = ''
 
            }
 
        },
 
        genitalia: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.genitalia_NULL_dis = false
 
            } else {
 
                this.genitalia_NULL_dis = true
 
                this.newbornData.genitalia_NULL = ''
 
            }
 
        },
 
        heart: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.heart_PERFORMANCE_dis = false
 
            } else {
 
                this.heart_PERFORMANCE_dis = true
 
                this.newbornData.heart_PERFORMANCE = ''
 
            }
 
        },
 
        anus: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.anus_PERFORMANCE_dis = false
 
            } else {
 
                this.anus_PERFORMANCE_dis = true
 
                this.newbornData.anus_PERFORMANCE = ''
 
            }
 
        },
 
        oral: function (i) {
 
            var a = i?i.toString().indexOf('2'):""
 
            if (a > -1) {
 
                this.oral_PERFORMANCE_dis = false
 
            } else {
 
                this.oral_PERFORMANCE_dis = true
 
                this.newbornData.oral_PERFORMANCE = ''
 
            }
 
        },
 
        skin: function (i) {
 
            var a =i? i.toString().indexOf('4'):''
 
            if (a > -1) {
 
                this.skin_PERFORMANCE_dis = false
 
            } else {
 
                this.skin_PERFORMANCE_dis = true
 
                this.newbornData.skin_PERFORMANCE = ''
 
            }
 
        },
 
        nose: function (i) {
 
            var a =i? i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.nose_PERFORMANCE_dis = false
 
            } else {
 
                this.nose_PERFORMANCE_dis = true
 
                this.newbornData.nose_PERFORMANCE = ''
 
            }
 
        },
 
        neck_PACK: function (i) {
 
            var a =i? i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.neck_PACK_NULL_dis = false
 
            } else {
 
                this.neck_PACK_NULL_dis = true
 
                this.newbornData.neck_PACK_NULL = ''
 
            }
 
        },
 
        limbs: function (i) {
 
            var a =i? i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.limbs_NULL_dis = false
 
            } else {
 
                this.limbs_NULL_dis = true
 
                this.newbornData.limbs_NULL = ''
 
            }
 
        },
 
        ear: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.ear_FACE_dis = false
 
            } else {
 
                this.ear_FACE_dis = true
 
                this.newbornData.ear_FACE = ''
 
            }
 
        },
 
        limbs: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.limbs_NULL_dis = false
 
            } else {
 
                this.limbs_NULL_dis = true
 
                this.newbornData.limbs_NULL = ''
 
            }
 
        },
 
        eye: function (i) {
 
            var a = i?i.toString().indexOf('2'):''
 
            if (a > -1) {
 
                this.eye_NULL_dis = false
 
            } else {
 
                this.eye_NULL_dis = true
 
                this.newbornData.eye_NULL = ''
 
            }
 
        },
 
        pregnancy_SICK: function (i) {
 
            var a =i? i.toString().indexOf('4'):''
 
            if (a > -1) {
 
                this.pregnancy_SICK_CIRCS_other = false
 
            } else {
 
                this.pregnancy_SICK_CIRCS_other = true
 
                this.newbornData.pregnancy_SICK_CIRCS = ''
 
            }
 
        },
 
        bregma: function (i) {
 
            var a = i?i.toString().indexOf('4'):''
 
            if (a > -1) {
 
                this.bregma_other_dis = false
 
            } else {
 
                this.bregma_other_dis = true
 
                this.newbornData.bregma_PERFORMANCE = ''
 
            }
 
        },
 
        complexion: function (i) {
 
            var a = i?i.toString().indexOf('3'):''
 
            if (a > -1) {
 
                this.complexion_NULL_dis = false
 
            } else {
 
                this.complexion_NULL_dis = true
 
                this.newbornData.complexion_NULL = ''
 
            }
 
        },
 
        delivery_WAY_check: function (i) {
 
            var a = i?i.toString().indexOf('7'):''
 
            if (a > -1) {
 
                this.birth_OTHER = false
 
            } else {
 
                this.birth_OTHER = true
 
                this.newbornData.birth_OTHER = ''
 
            }
 
        },
 
        SCREENING_check: function (i) {
 
            var a = i?i.toString().indexOf('5'):''
 
            if (a > -1) {
 
                this.SCREENING_3_dis = false
 
            } else {
 
                this.SCREENING_3_dis = true
 
                this.newbornData.screening_ABNORMAL = ''
 
            }
 
        },
 
        guide_check:function(i){
 
            var a=i.toString().indexOf('6')
 
            if(a>-1){
 
                this.other_GUIDE_CONTENT_dis=false
 
            }else{
 
                this.other_GUIDE_CONTENT_dis=true
 
                this.other_GUIDE_CONTENT=''
 
            }
 
        }
 
    },
 
    mounted: function () {
 
        this.getData()
 
    },
 
    methods: {
 
        getData: function () {
 
            var vm = this
 
            fangshiAPI.getNewbornFamilyVisitRecord({ followupId: this.followupid || '2' }).then(function (res) {
 
                if (res.status == 200) {
 
                    var data = res.data
 
                    if (data != null) {
 
                        vm.newbornData = data
 
                        var vmN = vm.newbornData
 
                        vmN.help_ORGANIZATION_FLAG = data.help_ORGANIZATION_FLAG ? data.help_ORGANIZATION_FLAG.toString() : ''
 
                        vmN.sick_SEX = data.sick_SEX ? data.sick_SEX.toString() : ''
 
                        vmN.pregnancy_SICK = data.pregnancy_SICK.toString()
 
                        vm.delivery_WAY_check = data.delivery_WAY.split(',');
 
                        vmN.suffocation = data.suffocation ? data.suffocation.toString() : ''
 
                        vmN.plan_IMMUNE = data.plan_IMMUNE ? data.plan_IMMUNE.toString() : ''
 
                        vmN.deformity_NULL = data.deformity_NULL ? data.deformity_NULL.toString() : ''
 
                        vmN.hearing = data.hearing ? data.hearing.toString() : ''
 
                        vmN.feed_TYPE = data.feed_TYPE ? data.feed_TYPE.toString() : ''
 
                        vmN.vomit = data.vomit ? data.vomit.toString() : ''
 
                        vmN.vulnus = data.vulnus ? data.vulnus.toString() : ''
 
                        vmN.vulnus_TIME = data.vulnus_TIME ? data.vulnus_TIME.toString() : ''
 
                        vmN.body_TEMPERATURE = data.body_TEMPERATURE ? data.body_TEMPERATURE.toString() : ""
 
                        vmN.complexion = data.complexion ? data.complexion.toString() : ""
 
                        vmN.face = data.face ? data.face.toString() : ''
 
                        vmN.bregma = data.bregma ? data.bregma.toString() : ''
 
                        vmN.eye = data.eye ? data.eye.toString() : ''
 
                        vmN.limbs = data.limbs ? data.limbs.toString() : ''
 
                        vmN.ear = data.ear ? data.ear.toString() : ''
 
                        vmN.nose = data.nose ? data.nose.toString() : ''
 
                        vmN.neck_PACK = data.neck_PACK ? data.neck_PACK.toString() : ''
 
                        vmN.skin = data.skin ? data.skin.toString() : ""
 
                        vmN.oral = data.oral ? data.oral.toString() : ''
 
                        vmN.anus = data.anus ? data.anus.toString() : ""
 
                        vmN.heart = data.heart ? data.heart.toString() : ''
 
                        vmN.genitalia = data.genitalia ? data.genitalia.toString() : ''
 
                        vmN.abdomen = data.abdomen ? data.abdomen.toString() : ""
 
                        vmN.vertebral = data.vertebral ? data.vertebral.toString() : ''
 
                        vmN.referral = data.referral ? data.referral.toString() : ''
 
                        vmN.umbilical = data.umbilical ? data.umbilical.toString() : ''
 
                        if (data.screening_4 == 1) {
 
                            vm.SCREENING_check.push('1')
 
                        } if (data.screening_5 == 1) {
 
                            vm.SCREENING_check.push('2')
 
                        } if (data.screening_1 == 1) {
 
                            vm.SCREENING_check.push('3')
 
                        } if (data.screening_2 == 1) {
 
                            vm.SCREENING_check.push('4')
 
                        } if (data.screening_3 == 1) {
 
                            vm.SCREENING_check.push('5')
 
                        } if (data.screening_6 == 1) {
 
                            vm.SCREENING_check.push('6')
 
                        }
 
                        if (data.feed_GUID == 1) {
 
                            vm.guide_check.push('1')
 
                        } if (data.growup_GUID == 1) {
 
                            vm.guide_check.push('2')
 
                        } if (data.prevention_DEFORMITY_GUID == 1) {
 
                            vm.guide_check.push('3')
 
                        } if (data.prevention_HURT_GUID == 1) {
 
                            vm.guide_check.push('4')
 
                        } if (data.oral_CAVITY_GUID == 1) {
 
                            vm.guide_check.push('5')
 
                        } if (data.other_GUIDE == 1) {
 
                            vm.guide_check.push('6')
 
                        }
 
                    }
 
                } else {
 
                    top.toastr.error(res.msg);
 
                }
 
            })
 
        },
 
        editData: function () {
 
            var vm = this
 
            var vmN = this.newbornData
 
            vmN.delivery_WAY = vm.delivery_WAY_check.join(',')
 
            vm.SCREENING_check.map(i => {
 
                if (i == '1') {
 
                    vmN.screening_4 = 1
 
                } if (i == '2') {
 
                    vmN.screening_5 = 1
 
                } if (i == '3') {
 
                    vmN.SCREENING_3 = 1
 
                } if (i == '4') {
 
                    vmN.screening_2 = 1
 
                } if (i == '5') {
 
                    vmN.screening_3 = 1
 
                } if (i == '6') {
 
                    vmN.screening_6 = 1
 
                }
 
            })
 
            vm.guide_check.map(i => {
 
                if (i == '1') {
 
                    vmN.feed_GUID = 1
 
                } if (i == '2') {
 
                    vmN.growup_GUID = 1
 
                } if (i == '3') {
 
                    vmN.prevention_DEFORMITY_GUID = 1
 
                } if (i == '4') {
 
                    vmN.prevention_HURT_GUID = 1
 
                } if (i == '5') {
 
                    vmN.oral_CAVITY_GUID = 1
 
                } if (i == '6') {
 
                    vmN.other_GUIDE = 1
 
                }
 
            })
 
            vmN.create_time = null
 
            vmN.version =this.version
 
            fangshiAPI.saveNewbornFamilyVisitRecord({ followupId: this.followupid || '2', newbornFamilyVisitRecordData: JSON.stringify(vmN) }).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')[1]
 
                btn.innerHTML = '编辑'
 
                this.editable = false
 
                this.editData()
 
            } else if (this.isEditBtn == false) {
 
                var btn = document.getElementsByClassName('button')[1]
 
                btn.innerHTML = '保存'
 
                this.editable = true
 
            }
 
        }
 
    }
 
})

+ 31 - 14
component/followup/follow-bottom.js
查看文件 

@ -4,31 +4,48 @@ Vue.component('follow-bottom', {
 
		<div class="plr30">\
 
			<div class="ui-grid mt10">\
 
				<div class="ui-col-1">签到方式:&emsp;定位签到</div>\
 
				<div class="ui-col-1">签到时间:&emsp;2019-01-01 10:10:10</div>\
 
				<div class="ui-col-1">签到时间:&emsp;<span v-html="followUpData.createTime">2019-01-01 10:10:10</span></div>\
 
			</div>\
 
			<div class="mt10">签到位置:&emsp;福建省厦门市思明区软件园望海路</div>\
 
			<div class="mt10">签到位置:&emsp;<span v-html="followUpData.address">福建省厦门市思明区软件园望海路</span></div>\
 
			<div class="ui-grid mt10">\
 
				<div class="ui-col-0">签到拍照:&emsp;</div>\
 
				<div class="ui-col-0"><img width="40" height="40"></div>\
 
				<div class="ui-col-0"><img v-for="item in imgSrc" :src="item" width="50" height="50" style="margin:10px;"></div>\
 
			</div>\
 
		</div>\
 
	</div>',
 
	data: function() {
 
	props: ['followupid'],
 
	data: function () {
 
		return {
 
			followUpList:[],
 
			curPage:1
 
			followUpList: [],
 
			curPage: 1,
 
			followUpData: {},
 
			imgSrc:[],
 
		}
 
	},
 
	props:[],
 
	methods: {
 
		method: function() {
 
	watch: {
 
		followUpData: function (val) {
 
			this.followUpList = this.followUpData;
 
		}
 
	},
 
	watch:{
 
		followUpData:function(val){
 
			this.followUpList=this.followUpData;
 
	mounted: function () {
 
		this.getData()
 
	},
 
	methods: {
 
		getData: function () {
 
			var vm = this
 
			fangshiAPI.findByFollowupId({ followupId: this.followupid || '1' }).then(function (res) {
 
				if (res.status == 200) {
 
					var data = res.data
 
					if (data != null) {
 
						vm.followUpData = data
 
						vm.imgSrc==data.img?data.img.split(','):''
 
					}
 
				} else {
 
					top.toastr.error(res.msg);
 
				}
 
			})
 
		}
 
	},
 
	mounted: function() {
 
	}
 
})