首頁 探索 說明
註冊 登入
raolu
/
PC-application
關註 0
讚好 0
複刻 1
Files 問題管理 0 合併請求 0 Wiki
目錄樹: a87e84ee92
分支列表 標籤列表
PC-application
/
app
/
followup
/
html
/
followup_newplan.html

followup_newplan.html 14 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="UTF-8">
    6. 

  6. 		<title>新建随访计划</title>
    7. 

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

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

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

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

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

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

  13.         <link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
    14. 

  14. 		<link rel="stylesheet" href="../css/followup_newplan.css" />
    15. 

  15. 	</head>
    16. 

  16. 

  17. 	<body>
    18. 

  18. 		<div id="app" v-cloak>
    19. 

  19.             <div class="newPlan">
    20. 

  20.                 <div class="pt20 pl20 pr15">
    21. 

  21.                     <el-form ref="form" :model="followUpItem" label-width="100px">          
    22. 

  22.                         <el-form-item label="计划类型:" required>
    23. 

  23.                             <el-select v-model="itemType" placeholder="请选择计划类型" style="width:220px;"  @change="changePlanType" size="mini">
    24. 

  24.                                 <el-option label="随访计划" value="1"></el-option>
    25. 

  25.                                 <el-option label="临时随访" value="2"></el-option>
    26. 

  26.                                 <el-option label="入户访视" value="3" v-show="loginDoctor.hospital.indexOf('350203')>-1||loginDoctor.hospital=='ac02a9b87a3611e69f7c005056850d66'"></el-option>
    27. 

  27.                             </el-select>
    28. 

  28.                         </el-form-item> 
    29. 

  29.                         <el-form-item v-if="itemType!=3" label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
    30. 

  30.                             <el-input  v-model="followUpItem.patientName"  style="width:220px;" readonly>
    31. 

  31.                             </el-input>
    32. 

  32.                         </el-form-item>
    33. 

  33.                         <div v-if="itemType=='1'">
    34. 

  34.                         <div v-for="(item,index) in followUpItem.planList" :key="index">
    35. 

  35.                             <el-form-item label="随访次数:">
    36. 

  36.                                 <div class="flex listDo"  style="width:220px;">
    37. 

  37.                                 <div class="f_g_1" style="height: 28px;line-height: 28px;">第{{index+1}}次</div>
    38. 

  38.                                 <div v-if="index==0" class="f_s_0  c-12b7f5" @click="addListItem"><img src="../image/tianjia_icon.png" class="pt7 pr5"/>新增一次计划</div>
    39. 

  39.                                 <div v-else class="f_s_0 c-ff3b30"  @click="removeListItem(index)"><img src="../image/shanchujihua_icon.png" class="pt7 pr5"/>删除本次计划</div>
    40. 

  40.                             </div>
    41. 

  41.                         </el-form-item>
    42. 

  42.                         <el-form-item label="随访时间:" :prop="'planList.' + index + '.date'" :rules="[{required: true, message: '请选择随访时间',trigger:'change'}]">
    43. 

  43.                             <el-date-picker  style="width:220px;"
    44. 

  44.                             v-model="item.date"
    45. 

  45.                             type="datetime"
    46. 

  46.                             placeholder="选择日期时间"
    47. 

  47.                             clearable
    48. 

  48.                             format="yyyy-MM-dd HH:mm"
    49. 

  49.                             value-format="yyyy-MM-dd HH:mm:ss">
    50. 

  50.                             </el-date-picker>
    51. 

  51.                         </el-form-item>
    52. 

  52.                         <el-form-item label="随访医生:"  :prop="'planList.' + index + '.doctor'" :rules="{required: true, message: '请选择随访医生', trigger: 'change'}">
    53. 

  53.                             <el-select v-model="item.doctor" placeholder="请选择随访医生"  style="width:220px;">
    54. 

  54.                                 <el-option v-for="(ditem, dindex) in doctorList" :key="dindex" :label="ditem.name" :value="ditem.uid"></el-option>
    55. 

  55.                             </el-select>
    56. 

  56.                         </el-form-item>
    57. 

  57.                         <el-form-item label="随访方式:"  :prop="'planList.' + index + '.type'" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
    58. 

  58.                             <el-select v-model="item.type" placeholder="请选择随访方式"  style="width:220px;">
    59. 

  59.                                 <!-- <el-option label="门诊" value="1"></el-option> -->
    60. 

  60.                                 <el-option label="家庭" value="2"></el-option>
    61. 

  61.                                 <!-- <el-option label="健管师随访" value="10"></el-option> -->
    62. 

  62.                                 <el-option label="电话" value="3"></el-option>
    63. 

  63.                             </el-select>
    64. 

  64.                         </el-form-item>
    65. 

  65.                         <el-form-item label="随访类型:"  :prop="'planList.' + index + '.followupClass'" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
    66. 

  66.                             <el-select v-model="item.followupClass" placeholder="请选择" style="width:220px;">
    67. 

  67.                                 <el-option label="请选择" value=""></el-option>
    68. 

  68.                                 <el-option v-for="(o, i) in followTypeList" :key="i" :label="o.name" :value="o.code"></el-option>
    69. 

  69.                             </el-select>
    70. 

  70.                         </el-form-item>
    71. 

  71.                         </div>            
    72. 

  72.                         <div class="ml100 pt20">
    73. 

  73.                             <el-button class="c-btn c-btn-12b7f5" type="primary" @click="addFollowupPlan">保存</el-button>
    74. 

  74.                             <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
    75. 

  75.                         </div>
    76. 

  76.                         </div>
    77. 

  77.                         <div  v-if="itemType=='2'">
    78. 

  78.                         <el-form-item label="随访时间:" prop="date" :rules="{required: true, message: '请选择随访时间', trigger: 'change'}">
    79. 

  79.                             <el-date-picker  style="width:220px;"
    80. 

  80.                             v-model="followUpItem.date"
    81. 

  81.                             type="datetime" 
    82. 

  82.                             placeholder="选择日期时间"
    83. 

  83.                             clearable
    84. 

  84.                             format="yyyy-MM-dd HH:mm"
    85. 

  85.                             value-format="yyyy-MM-dd HH:mm:ss">
    86. 

  86.                             </el-date-picker>
    87. 

  87.                         </el-form-item>
    88. 

  88.                         <el-form-item label="随访方式:"  prop="followupType" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
    89. 

  89.                             <el-select v-model="followUpItem.followupType" placeholder="请选择随访方式"  style="width:220px;">
    90. 

  90.                             <el-option label="家庭" value="2"></el-option>
    91. 

  91.                             <!-- <el-option label="门诊" value="1"></el-option>
    92. 

  92.                             <el-option label="健管师随访" value="10"></el-option> -->
    93. 

  93.                             <el-option label="电话" value="3"></el-option>
    94. 

  94.                             </el-select>
    95. 

  95.                         </el-form-item>
    96. 

  96.                         <el-form-item label="随访类型:"  prop="followupClass" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
    97. 

  97.                             <el-select v-model="followUpItem.followupClass" placeholder="请选择随访类型" style="width:220px;">
    98. 

  98.                             <el-option label="请选择" value=""></el-option>
    99. 

  99.                             <el-option v-for="(o, i) in followTypeList" :key="i" :label="o.name" :value="o.code"></el-option>
    100. 

  100.                             </el-select>
    101. 

  101.                         </el-form-item>
    102. 

  102.                         <el-form-item label="随访状态:">
    103. 

  103.                             <el-select v-model="followUpItem.followupManagerStatus" placeholder="请选择随访状态" style="width:220px;">
    104. 

  104.                             <el-option label="请选择" value=""></el-option>
    105. 

  105.                             <el-option v-for="(item, index) in followupManagerStatusList" :key="index" :label="item.value" :value="item.code"></el-option>
    106. 

  106.                             </el-select>
    107. 

  107.                         </el-form-item>
    108. 

  108.                         <el-form-item label="下次随访:" prop="plandate">
    109. 

  109.                             <el-date-picker  style="width:220px;"
    110. 

  110.                             v-model="followUpItem.plandate"
    111. 

  111.                             type="datetime"
    112. 

  112.                             placeholder="选择日期时间"
    113. 

  113.                             clearable
    114. 

  114.                             format="yyyy-MM-dd HH:mm"
    115. 

  115.                             value-format="yyyy-MM-dd HH:mm:ss">
    116. 

  116.                             </el-date-picker>
    117. 

  117.                         </el-form-item>           
    118. 

  118.                         <div class="ml100 pt20">
    119. 

  119.                             <el-button class="c-btn c-btn-12b7f5" type="primary" @click="addFollowup">登记结果</el-button>
    120. 

  120.                             <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
    121. 

  121.                         </div>
    122. 

  122.                         </div>
    123. 

  123.                         <div v-if="itemType=='3'">
    124. 

  124.                         <el-form-item label="随访类型:"  prop="followupClass" :rules="{required: true, message: '请选择随访类型', trigger: 'change'}">
    125. 

  125.                             <el-select v-model="followUpItem.followupClass" placeholder="请选择随访类型"  style="width:220px;">  <!-- @change="fsClassChange" -->
    126. 

  126.                                 <el-option label="请选择" value=""></el-option>
    127. 

  127.                                 <el-option label="肺结核" value="9"></el-option>
    128. 

  128.                                 <el-option label="孕产妇" value="5"></el-option>
    129. 

  129.                                 <el-option label="新生儿" value="6"></el-option>
    130. 

  130.                                 <el-option label="严重精神障碍患者" value="7"></el-option>
    131. 

  131.                                 <el-option label="80岁以上老人" value="8"></el-option>
    132. 

  132.                             </el-select>
    133. 

  133.                         </el-form-item>
    134. 

  134.                         <el-form-item label="随访时间:" prop="followupDate"  :rules="{required: true, message: '请选择随访时间', trigger: 'change'}">
    135. 

  135.                             <el-date-picker  style="width:220px;"
    136. 

  136.                                 v-model="followUpItem.followupDate"
    137. 

  137.                                 type="datetime"
    138. 

  138.                                 placeholder="选择日期时间"
    139. 

  139.                                 clearable
    140. 

  140.                                 format="yyyy-MM-dd HH:mm"
    141. 

  141.                                 value-format="yyyy-MM-dd HH:mm:ss">
    142. 

  142.                             </el-date-picker>
    143. 

  143.                         </el-form-item>            
    144. 

  144.                         <div v-if="true">  <!--followUpItem.followupClass=='7'||followUpItem.followupClass=='8'||followUpItem.followupClass=='9'-->
    145. 

  145.                             <el-form-item label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
    146. 

  146.                             <el-input readonly v-model="followUpItem.patientName" style="width:220px;">
    147. 

  147.                             </el-input>
    148. 

  148.                             </el-form-item>
    149. 

  149.                             <div id="div_items">
    150. 

  150.                                 <div class="div_item" @click="clicksingleItem(sfPatientList)" v-if="sfPatientList.idCard">
    151. 

  151.                                 <div>{{sfPatientList.sickName}}({{sfPatientList.sex!=1?'男':'女'}} {{sfPatientList.age}}岁)</div>
    152. 

  152.                                 <div>{{sfPatientList.idcardEncrypt}}</div>
    153. 

  153.                                 </div>
    154. 

  154.                                 <div v-else class="div_item" @click="clicksingleItem(sfPatientList)">
    155. 

  155.                                 <div></div>
    156. 

  156.                                 </div>
    157. 

  157.                             </div>
    158. 

  158.                         </div>
    159. 

  159.                         <el-form-item v-else label="选择居民:" prop="patientName" :rules="{required: true, message: '请选择居民', trigger: 'change'}">
    160. 

  160.                             <el-input placeholder="请选择居民" readonly v-model="followUpItem.patientName"  style="width:220px;" readonly  @click.native="showPatientList">
    161. 

  161.                             </el-input>
    162. 

  162.                         </el-form-item>
    163. 

  163.                         <el-form-item label="随访医生:">
    164. 

  164.                             <el-input v-model="loginDoctor.name" style="width:220px;" readonly>
    165. 

  165.                             </el-input>
    166. 

  166.                         </el-form-item>
    167. 

  167.                         <el-form-item label="随访方式:"  prop="followupType" :rules="{required: true, message: '请选择随访方式', trigger: 'change'}">
    168. 

  168.                             <el-select v-model="followUpItem.followupType" placeholder="请选择随访方式"  style="width:220px;">
    169. 

  169.                             <el-option label="家庭" value="2"></el-option>
    170. 

  170.                             <!-- <el-option label="门诊" value="1"></el-option>
    171. 

  171.                             <el-option label="健管师随访" value="10"></el-option> -->
    172. 

  172.                             <el-option label="电话" value="3"></el-option>
    173. 

  173.                             </el-select>
    174. 

  174.                         </el-form-item>
    175. 

  175.                         <div class="ml100 pt20">
    176. 

  176.                             <el-button class="c-btn c-btn-12b7f5" type="primary" @click="saveFollowup">保存</el-button>
    177. 

  177.                             <el-button class="c-btn c-btn-f96565" type="primary" @click="back">取消</el-button>
    178. 

  178.                         </div>
    179. 

  179.                         </div>
    180. 

  180.                     </el-form>
    181. 

  181.                 </div>
    182. 

  182.             </div>
    183. 

  183. 		</div>
    184. 

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

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

  186.         <script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
    187. 

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

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

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

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

  191.         <script type="text/javascript" src="../../../api/sign_api.js"></script>
    192. 

  192.         <script type="text/javascript" src="../../../api/followup_api.js"></script>
    193. 

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

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

  195. 		<script type="text/javascript" src="../js/followup_newplan.js"></script>
    196. 

  196. 	</body>
    197. 

  197. 

  198. </html>
    199.