index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <div id="app">
  2. <van-form>
  3. <van-field :readonly="readonly" required label-width="4rem" class="" name="是否检查" label="是否检查" input-align="right">
  4. <div slot="input">
  5. <van-radio-group :disabled="readonly" v-model="form.receivePathologicalExamination" direction="horizontal">
  6. <van-radio name="1" class="top2">拒绝检查</van-radio>
  7. <van-radio name="2" class="top2">依从</van-radio>
  8. <van-radio name="3" class="top2">拒绝随访</van-radio>
  9. <van-radio name="4" class="top2">缓筛</van-radio>
  10. <van-radio name="5" class="top2">首次无法取得联系</van-radio>
  11. <van-radio name="6" class="top2">其他(请说明)</van-radio>
  12. <van-radio name="7" class="top2">空号/错号</van-radio>
  13. <van-field
  14. :readonly="readonly"
  15. label-width="6rem"
  16. v-if='form.receivePathologicalExamination == "6"'
  17. clearable
  18. v-model="form.refusePathologicalExaminationReason"
  19. name=""
  20. label=""
  21. placeholder="请输入说明"
  22. input-align="left"></van-field>
  23. </van-radio-group>
  24. </div>
  25. </van-field>
  26. <van-field
  27. :readonly="readonly"
  28. v-if="form.receivePathologicalExamination == 1"
  29. required
  30. class=""
  31. label-width="6rem"
  32. name="拒绝检查原因"
  33. label="拒绝检查原因"
  34. input-align="right">
  35. <div slot="input">
  36. <van-checkbox-group :disabled="readonly" v-model="form.breastPathologyRefusalReason" direction="horizontal">
  37. <van-checkbox name="1">路程远</van-checkbox>
  38. <van-checkbox name="2" class="top2">担心创伤</van-checkbox>
  39. <van-checkbox name="3" class="top2">已妊娠或计划妊娠</van-checkbox>
  40. <van-checkbox name="4" class="top2">自己选择保守治疗(中药/观察)</van-checkbox>
  41. <van-checkbox name="5" class="top2">来自其他医生的不同建议</van-checkbox>
  42. <van-checkbox name="6" class="top2">不详</van-checkbox>
  43. <van-checkbox name="7" class="top2">其他(请说明)</van-checkbox>
  44. </van-checkbox-group>
  45. <van-field
  46. :readonly="readonly"
  47. required
  48. label-width="6rem"
  49. clearable
  50. v-if="form.breastPathologyRefusalReason.indexOf('7')!=-1"
  51. v-model="form.breastPathologyRefusalReasonContent"
  52. name=""
  53. label=""
  54. placeholder="请输入说明"
  55. input-align="left"></van-field>
  56. </div>
  57. </van-field>
  58. <van-field
  59. :readonly="readonly"
  60. required
  61. label-width="4rem"
  62. class=""
  63. name="病理学检查时间"
  64. label="病理学检查时间"
  65. input-align="right"
  66. v-if="form.receivePathologicalExamination==2">
  67. <div slot="input">
  68. <van-radio-group :disabled="readonly" v-model="form.pathologicalExamTime" direction="horizontal">
  69. <van-radio name="1" class="top2">距初筛≤60天</van-radio>
  70. <van-radio name="2" class="top2">距初筛60天~1年</van-radio>
  71. <van-radio name="3" class="top2">距初筛1年-2年</van-radio>
  72. <van-radio name="4" class="top2">距初筛2年以上</van-radio>
  73. <van-radio name="5" class="top2">不详</van-radio>
  74. </van-radio-group>
  75. </div>
  76. </van-field>
  77. <div class="item-list">
  78. <div class="item" v-for="(item, i) in form.list" :key="i">
  79. <van-cell :title="(sort+1)+'、'">
  80. <div id="" v-if="!readonly">
  81. <van-icon v-if="form.list&&form.list.length>1" size="20px" name="delete-o" />
  82. </div>
  83. </van-cell>
  84. <template v-if="form.receivePathologicalExamination==2">
  85. <template v-for="(breast, k) in item.breastList">
  86. <div id="" class="headlineTwo" @click="breast.boxShow=!breast.boxShow" style="display: flex; justify-content: space-between">
  87. <div id="">{{breast.name}}</div>
  88. <div id="" class="headlineIcon" v-if="!breast.boxShow"><van-icon name="arrow-down" /></div>
  89. <div id="" class="headlineIcon" v-else><van-icon name="arrow-up" /></div>
  90. </div>
  91. <div id="" class="fromBox" v-show="breast.boxShow">
  92. <van-field :readonly="readonly" required class="padding30" label-width="6rem" name="活检方式" label="活检方式" input-align="right">
  93. <div slot="input">
  94. <van-checkbox-group :disabled="readonly" v-model="breast.rightPathologicalBiopsyMethod" direction="horizontal">
  95. <van-checkbox name="1">微创手术</van-checkbox>
  96. <van-checkbox name="2" class="top2">开放切除</van-checkbox>
  97. <van-checkbox name="3" class="top2">空心针穿刺活检</van-checkbox>
  98. <van-checkbox name="4" class="top2">未活检</van-checkbox>
  99. </van-checkbox-group>
  100. </div>
  101. </van-field>
  102. <van-field
  103. :readonly="readonly"
  104. required
  105. v-if="difference(breast.rightPathologicalBiopsyMethod, ['4']).length"
  106. class="padding30"
  107. label-width="6rem"
  108. name="病理结论"
  109. label="病理结论"
  110. input-align="right">
  111. <div slot="input">
  112. <van-radio-group :disabled="readonly" v-model="breast.rightPathologicalConclusion" direction="horizontal">
  113. <van-radio name="1">未查</van-radio>
  114. <van-radio name="2" class="top2">不详</van-radio>
  115. <van-radio name="3" class="top2">良性病变不伴有不典型增生</van-radio>
  116. <van-radio name="4" class="top2">良性病变伴有不典型增生</van-radio>
  117. <van-radio name="5" class="top2">乳腺恶性肿瘤</van-radio>
  118. </van-radio-group>
  119. </div>
  120. </van-field>
  121. <van-field
  122. :readonly="readonly"
  123. v-if="difference(breast.rightPathologicalBiopsyMethod, ['4']).length&&breast.rightPathologicalConclusion==5"
  124. class="padding30"
  125. label-width="6rem"
  126. name="乳腺恶性肿瘤类型"
  127. label="乳腺恶性肿瘤类型"
  128. input-align="right">
  129. <div slot="input">
  130. <van-checkbox-group :disabled="readonly" v-model="breast.rightPathologicalMalignanciesType" direction="horizontal">
  131. <van-checkbox name="1">导管癌</van-checkbox>
  132. <van-checkbox name="2" class="top2">小叶癌</van-checkbox>
  133. <van-checkbox name="3" class="top2">乳房恶性叶状肿瘤</van-checkbox>
  134. <van-checkbox name="4" class="top2">其他</van-checkbox>
  135. <van-field
  136. :readonly="readonly"
  137. label-width="6rem"
  138. v-if='breast.rightPathologicalMalignanciesType.indexOf("4")!=-1'
  139. clearable
  140. v-model="breast.rightPathologicalMalignanciesOtherType"
  141. name=""
  142. label=""
  143. placeholder="请输入"
  144. input-align="left"></van-field>
  145. <van-checkbox name="5" class="top2">不详</van-checkbox>
  146. </van-checkbox-group>
  147. </div>
  148. </van-field>
  149. </div>
  150. </template>
  151. <van-field
  152. :readonly="readonly"
  153. v-if="item.breastList[0].rightPathologicalConclusion==5 || item.breastList[1].rightPathologicalConclusion==5"
  154. required
  155. class=""
  156. label-width="7rem"
  157. name="乳腺癌治疗结果"
  158. label="乳腺癌治疗结果"
  159. input-align="right">
  160. <div slot="input">
  161. <van-radio-group :disabled="readonly" v-model="item.breastCancerTreatmentResult" direction="horizontal">
  162. <van-radio name="1">已治疗</van-radio>
  163. <van-radio name="2" class="top2">拒绝治疗</van-radio>
  164. <van-radio name="3" class="top2">不详</van-radio>
  165. </van-radio-group>
  166. </div>
  167. </van-field>
  168. <van-field
  169. :readonly="readonly"
  170. required
  171. label-width="8rem"
  172. clearable
  173. v-model="item.pathologicalExaminationDiagnosisOrgPick"
  174. name="诊断机构"
  175. label="诊断机构"
  176. placeholder="请选择检查机构"
  177. input-align="right"></van-field>
  178. <van-field
  179. v-if="item.pathologicalExaminationDiagnosisOrgPick==orgColumns[7]"
  180. :readonly="readonly"
  181. required
  182. label-width="8rem"
  183. clearable
  184. v-model="item.pathologicalExaminationDiagnosisOrg"
  185. name="其他诊断机构"
  186. label="其他检查机构"
  187. placeholder="请输入检查机构"
  188. input-align="right"></van-field>
  189. </template>
  190. <van-field
  191. :readonly="readonly"
  192. required
  193. label-width="8rem"
  194. clearable
  195. v-model="item.pathologicalExaminationFollowupUser"
  196. name="随访人员"
  197. label="随访人员"
  198. placeholder="请输入检查人员"
  199. input-align="right"></van-field>
  200. <van-field
  201. :readonly="readonly"
  202. required
  203. label-width="4rem"
  204. class=""
  205. :readonly="readonly"
  206. clearable
  207. v-model="item.followupOrg"
  208. name="随访机构"
  209. label="随访机构"
  210. placeholder="请输入随访机构"
  211. input-align="right"></van-field>
  212. <van-field
  213. :readonly="readonly"
  214. required
  215. label-width="8rem"
  216. readonly
  217. clickable
  218. name="随访日期"
  219. :value="item.pathologicalExaminationFollowupTime?item.pathologicalExaminationFollowupTime:''"
  220. label="随访日期"
  221. placeholder="请选择随访日期"
  222. input-align="right"
  223. :is-link="!readonly"></van-field>
  224. </div>
  225. </div>
  226. </van-form>
  227. </div>