raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
							<!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="../../../plugins/element-ui/element-ui.css" />
		<link rel="stylesheet" href="../css/followup_newplan.css" />
	</head>

	<body>
		<div id="app" v-cloak>
            <div class="newPlan">
                <div class="pt20 pl20 pr15">
                    <el-form ref="form" :model="followUpItem" label-width="100px">          
                        <el-form-item label="计划类型:" required>
                            <el-select v-model="itemType" placeholder="请选择计划类型" style="width:220px;"  @change="changePlanType" size="mini">
                                <el-option label="随访计划" value="1"></el-option>
                                <el-option label="临时随访" value="2"></el-option>
                                <el-option label="入户访视" value="3" v-show="loginDoctor.hospital.indexOf('350203')>-1||loginDoctor.hospital=='ac02a9b87a3611e69f7c005056850d66'"></el-option>
                            </el-select>
                        </el-form-item> 
                        <el-form-item v-if="itemType!=3" label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
                            <el-input  v-model="followUpItem.patientName"  style="width:220px;" readonly>
                            </el-input>
                        </el-form-item>
                        <div v-if="itemType=='1'">
                        <div v-for="(item,index) in followUpItem.planList" :key="index">
                            <el-form-item label="随访次数:">
                                <div class="flex listDo"  style="width:220px;">
                                <div class="f_g_1" style="height: 28px;line-height: 28px;">第{{index+1}}次</div>
                                <div v-if="index==0" class="f_s_0  c-12b7f5" @click="addListItem"><img src="../image/tianjia_icon.png" class="pt7 pr5"/>新增一次计划</div>
                                <div v-else class="f_s_0 c-ff3b30"  @click="removeListItem(index)"><img src="../image/shanchujihua_icon.png" class="pt7 pr5"/>删除本次计划</div>
                            </div>
                        </el-form-item>
                        <el-form-item label="随访时间:" :prop="'planList.' + index + '.date'" :rules="[{required: true, message: '请选择随访时间',trigger:'change'}]">
                            <el-date-picker  style="width:220px;"
                            v-model="item.date"
                            type="datetime"
                            placeholder="选择日期时间"
                            clearable
                            format="yyyy-MM-dd HH:mm"
                            value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="随访医生:"  :prop="'planList.' + index + '.doctor'" :rules="{required: true, message: '请选择随访医生', trigger: 'change'}">
                            <el-select v-model="item.doctor" placeholder="请选择随访医生"  style="width:220px;">
                                <el-option v-for="(ditem, dindex) in doctorList" :key="dindex" :label="ditem.name" :value="ditem.uid"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="随访方式:"  :prop="'planList.' + index + '.type'" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
                            <el-select v-model="item.type" placeholder="请选择随访方式"  style="width:220px;">
                                <!-- <el-option label="门诊" value="1"></el-option> -->
                                <el-option label="家庭" value="2"></el-option>
                                <!-- <el-option label="健管师随访" value="10"></el-option> -->
                                <el-option label="电话" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="随访类型:"  :prop="'planList.' + index + '.followupClass'" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
                            <el-select v-model="item.followupClass" placeholder="请选择" style="width:220px;">
                                <el-option label="请选择" value=""></el-option>
                                <el-option v-for="(o, i) in followTypeList" :key="i" :label="o.name" :value="o.code"></el-option>
                            </el-select>
                        </el-form-item>
                        </div>            
                        <div class="ml100 pt20">
                            <el-button class="c-btn c-btn-12b7f5" type="primary" @click="addFollowupPlan">保存</el-button>
                            <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
                        </div>
                        </div>
                        <div  v-if="itemType=='2'">
                        <el-form-item label="随访时间:" prop="date" :rules="{required: true, message: '请选择随访时间', trigger: 'change'}">
                            <el-date-picker  style="width:220px;"
                            v-model="followUpItem.date"
                            type="datetime" 
                            placeholder="选择日期时间"
                            clearable
                            format="yyyy-MM-dd HH:mm"
                            value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="随访方式:"  prop="followupType" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
                            <el-select v-model="followUpItem.followupType" placeholder="请选择随访方式"  style="width:220px;">
                            <el-option label="家庭" value="2"></el-option>
                            <!-- <el-option label="门诊" value="1"></el-option>
                            <el-option label="健管师随访" value="10"></el-option> -->
                            <el-option label="电话" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="随访类型:"  prop="followupClass" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
                            <el-select v-model="followUpItem.followupClass" placeholder="请选择随访类型" style="width:220px;">
                            <el-option label="请选择" value=""></el-option>
                            <el-option v-for="(o, i) in followTypeList" :key="i" :label="o.name" :value="o.code"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="随访状态:">
                            <el-select v-model="followUpItem.followupManagerStatus" placeholder="请选择随访状态" style="width:220px;">
                            <el-option label="请选择" value=""></el-option>
                            <el-option v-for="(item, index) in followupManagerStatusList" :key="index" :label="item.value" :value="item.code"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="下次随访:" prop="plandate">
                            <el-date-picker  style="width:220px;"
                            v-model="followUpItem.plandate"
                            type="datetime"
                            placeholder="选择日期时间"
                            clearable
                            format="yyyy-MM-dd HH:mm"
                            value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                        </el-form-item>           
                        <div class="ml100 pt20">
                            <el-button class="c-btn c-btn-12b7f5" type="primary" @click="addFollowup">登记结果</el-button>
                            <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
                        </div>
                        </div>
                        <div v-if="itemType=='3'">
                        <el-form-item label="随访类型:"  prop="followupClass" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
                            <el-select v-model="followUpItem.followupClass" placeholder="请选择随访类型"  style="width:220px;">  <!-- @change="fsClassChange" -->
                                <el-option label="请选择" value=""></el-option>
                                <el-option label="肺结核" value="9"></el-option>
                                <el-option label="孕产妇" value="5"></el-option>
                                <el-option label="新生儿" value="6"></el-option>
                                <el-option label="严重精神障碍患者" value="7"></el-option>
                                <el-option label="80岁以上老人" value="8"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="随访时间:" prop="followupDate"  :rules="{required: true, message: '请选择随访时间', trigger: 'change'}">
                            <el-date-picker  style="width:220px;"
                                v-model="followUpItem.followupDate"
                                type="datetime"
                                placeholder="选择日期时间"
                                clearable
                                format="yyyy-MM-dd HH:mm"
                                value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                        </el-form-item>            
                        <div v-if="true">  <!--followUpItem.followupClass=='7'||followUpItem.followupClass=='8'||followUpItem.followupClass=='9'-->
                            <el-form-item label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
                            <el-input readonly v-model="followUpItem.patientName" style="width:220px;">
                            </el-input>
                            </el-form-item>
                            <div id="div_items">
                                <div class="div_item" @click="clicksingleItem(sfPatientList)" v-if="sfPatientList.idCard">
                                <div>{{sfPatientList.sickName}}({{sfPatientList.sex!=1?'男':'女'}} {{sfPatientList.age}}岁)</div>
                                <div>{{sfPatientList.idcardEncrypt}}</div>
                                </div>
                                <div v-else class="div_item" @click="clicksingleItem(sfPatientList)">
                                <div></div>
                                </div>
                            </div>
                        </div>
                        <el-form-item v-else label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
                            <el-input placeholder="请选择居民" readonly v-model="followUpItem.patientName"  style="width:220px;" readonly  @click.native="showPatientList">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="随访医生:">
                            <el-input v-model="loginDoctor.name" style="width:220px;" readonly>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="随访方式:"  prop="followupType" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
                            <el-select v-model="followUpItem.followupType" placeholder="请选择随访方式"  style="width:220px;">
                            <el-option label="家庭" value="2"></el-option>
                            <!-- <el-option label="门诊" value="1"></el-option>
                            <el-option label="健管师随访" value="10"></el-option> -->
                            <el-option label="电话" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <div class="ml100 pt20">
                            <el-button class="c-btn c-btn-12b7f5" type="primary" @click="saveFollowup">保存</el-button>
                            <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
                        </div>
                        </div>
                    </el-form>
                </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 type="text/javascript" src="../../../plugins/element-ui/element-ui.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/sign_api.js"></script>
        <script type="text/javascript" src="../../../api/followup_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/followup_newplan.js"></script>
	</body>

</html>