index.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <div id="app">
  2. <van-form class="mt10">
  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.receiveBreastMolybdenum" direction="horizontal" @change="change">
  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="7" class="top2">空号/错号</van-radio>
  10. <van-radio name="4" class="top2">缓筛</van-radio>
  11. <van-radio name="5" class="top2">首次无法取得联系</van-radio>
  12. <van-radio name="6" class="top2">其他(请说明)</van-radio>
  13. </van-radio-group>
  14. <van-field
  15. :readonly="readonly"
  16. required
  17. label-width="6rem"
  18. v-if="form.receiveBreastMolybdenum == 6"
  19. clearable
  20. v-model="form.receiveBreastMolybdenumOther"
  21. name=""
  22. label=""
  23. placeholder="请输入说明"
  24. input-align="left"></van-field>
  25. </div>
  26. </van-field>
  27. <van-field :readonly="readonly" v-if="form.receiveBreastMolybdenum == 1" required class="" label-width="6rem" name="拒绝检查原因" label="拒绝检查原因" input-align="right">
  28. <div slot="input">
  29. <van-checkbox-group :disabled="readonly" v-model="form.refusalReason" direction="horizontal">
  30. <van-checkbox name="1">路程远</van-checkbox>
  31. <van-checkbox name="2" class="top2">担心射线</van-checkbox>
  32. <van-checkbox name="3" class="top2">害怕疼痛</van-checkbox>
  33. <van-checkbox name="4" class="top2">一年内已检查</van-checkbox>
  34. <van-checkbox name="5" class="top2">已妊娠或计划妊娠</van-checkbox>
  35. <van-checkbox name="6" class="top2">不详</van-checkbox>
  36. <van-checkbox name="7" class="top2">其他(请说明)</van-checkbox>
  37. </van-checkbox-group>
  38. <van-field
  39. :readonly="readonly"
  40. required
  41. label-width="6rem"
  42. clearable
  43. v-if="form.refusalReason.indexOf('7')!=-1"
  44. v-model="form.refusalReasonOtherContent"
  45. name=""
  46. label=""
  47. placeholder="请输入说明"
  48. input-align="left"></van-field>
  49. </div>
  50. </van-field>
  51. <div class="item-list">
  52. <div class="item" v-for="(item, i) in form.list" :key="i">
  53. <template v-if="form.receiveBreastMolybdenum==2">
  54. <van-field :readonly="readonly" required label-width="8rem" class="" name="乳腺密度" label="乳腺密度" input-align="right">
  55. <div slot="input">
  56. <van-radio-group :disabled="readonly" v-model="item.breastDensity" direction="horizontal">
  57. <van-radio name="1">脂肪型</van-radio>
  58. <van-radio name="2" class="top2">散在纤维腺体型</van-radio>
  59. <van-radio name="3" class="top2">不均匀致密型</van-radio>
  60. <van-radio name="4" class="top2">致密型</van-radio>
  61. <van-radio name="5" class="top2">不详</van-radio>
  62. </van-radio-group>
  63. </div>
  64. </van-field>
  65. <van-field :readonly="readonly" required class="" label-width="8rem" name="右乳BI-RADS分级" label="右乳BI-RADS分级" input-align="right">
  66. <div slot="input">
  67. <van-radio-group :disabled="readonly" v-model="item.rightMolybdenumBiRads" direction="horizontal">
  68. <van-radio name="1">0级</van-radio>
  69. <van-radio name="2">1级</van-radio>
  70. <van-radio name="3">2级</van-radio>
  71. <van-radio name="4" class="top2">3级</van-radio>
  72. <van-radio name="5" class="top2">4a级</van-radio>
  73. <van-radio name="6" class="top2">4b级</van-radio>
  74. <van-radio name="7" class="top2">4c级</van-radio>
  75. <van-radio name="8" class="top2">5级</van-radio>
  76. <van-radio name="9" class="top2">不详</van-radio>
  77. </van-radio-group>
  78. </div>
  79. </van-field>
  80. <van-field :readonly="readonly" required class="" label-width="8rem" name="左乳BI-RADS分级" label="左乳BI-RADS分级" input-align="right">
  81. <div slot="input">
  82. <van-radio-group :disabled="readonly" v-model="item.leftMolybdenumBiRads" direction="horizontal">
  83. <van-radio name="1">0级</van-radio>
  84. <van-radio name="2">1级</van-radio>
  85. <van-radio name="3">2级</van-radio>
  86. <van-radio name="4" class="top2">3级</van-radio>
  87. <van-radio name="5" class="top2">4a级</van-radio>
  88. <van-radio name="6" class="top2">4b级</van-radio>
  89. <van-radio name="7" class="top2">4c级</van-radio>
  90. <van-radio name="8" class="top2">5级</van-radio>
  91. <van-radio name="9" class="top2">不详</van-radio>
  92. </van-radio-group>
  93. </div>
  94. </van-field>
  95. <van-field :readonly="readonly" required label-width="8rem" class="" name="" label="肿块" input-align="right">
  96. <div slot="input">
  97. <van-radio-group :disabled="readonly" v-model="item.tumor" direction="horizontal">
  98. <van-radio name="1">无</van-radio>
  99. <van-radio name="2">有</van-radio>
  100. <van-radio name="3" class="top2">不详</van-radio>
  101. </van-radio-group>
  102. </div>
  103. </van-field>
  104. <van-field :readonly="readonly" required label-width="8rem" class="" name="" label="恶性或可疑钙化" input-align="right">
  105. <div slot="input">
  106. <van-radio-group :disabled="readonly" v-model="item.calcification" direction="horizontal">
  107. <van-radio name="1">无</van-radio>
  108. <van-radio name="2">有</van-radio>
  109. <van-radio name="3" class="top2">不详</van-radio>
  110. </van-radio-group>
  111. </div>
  112. </van-field>
  113. <van-field :readonly="readonly" required label-width="8rem" class="" name="" label="结构紊乱" input-align="right">
  114. <div slot="input">
  115. <van-radio-group :disabled="readonly" v-model="item.disorganization" direction="horizontal">
  116. <van-radio name="1">无</van-radio>
  117. <van-radio name="2">有</van-radio>
  118. <van-radio name="3" class="top2">不详</van-radio>
  119. </van-radio-group>
  120. </div>
  121. </van-field>
  122. </template>
  123. <van-field
  124. required
  125. label-width="8rem"
  126. clearable
  127. v-model="item.breastMolybdenumOrg"
  128. name="检查机构"
  129. label="检查机构"
  130. placeholder="请输入检查机构"
  131. input-align="right"
  132. @click="readonly?'':showPicker1(item, '')"
  133. input-align="right"
  134. :is-link="!readonly"></van-field>
  135. <van-field
  136. required
  137. label-width="8rem"
  138. clearable
  139. v-model="item.breastMolybdenumOrgOther"
  140. name="其他"
  141. label="其他"
  142. placeholder="请输入其他"
  143. input-align="right"
  144. v-if="item.breastMolybdenumOrg=='其他'"></van-field>
  145. <!-- <van-field required label-width="8rem" clearable v-model="item.breastMolybdenumUser" name="检查人员" label="检查人员" placeholder="请输入检查人员" input-align="right"
  146. @click="readonly?'':showPicker2(item, '')" :is-link="!readonly"> -->
  147. <van-field
  148. required
  149. label-width="8rem"
  150. clearable
  151. v-model="item.breastMolybdenumUser"
  152. name="检查人员"
  153. label="检查人员"
  154. placeholder="请输入检查人员"
  155. input-align="right"></van-field>
  156. <van-field
  157. :readonly="readonly"
  158. required
  159. label-width="8rem"
  160. readonly
  161. clickable
  162. name="检查日期"
  163. :value="item.breastMolybdenumTime?item.breastMolybdenumTime:''"
  164. label="检查日期"
  165. placeholder="请选择检查时间"
  166. @click="readonly? '':showDatePicker(item, 'breastMolybdenumTime')"
  167. input-align="right"
  168. :is-link="!readonly"></van-field>
  169. <van-field
  170. required
  171. label-width="8rem"
  172. clearable
  173. v-model="item.followupOrgName"
  174. name="随访机构"
  175. label="随访机构"
  176. placeholder="请输入随访机构"
  177. input-align="right"></van-field>
  178. <van-field
  179. readonly="true"
  180. required
  181. label-width="8rem"
  182. clearable
  183. v-model="item.followupUserName"
  184. name="随访人员"
  185. label="随访人员"
  186. placeholder="请输入随访人员"
  187. input-align="right"></van-field>
  188. <van-field
  189. :readonly="readonly"
  190. required
  191. label-width="8rem"
  192. readonly
  193. clickable
  194. name="随访日期"
  195. :value="item.followupDate?item.followupDate:''"
  196. label="随访日期"
  197. placeholder="请选择随访日期"
  198. @click="readonly? '':showDatePicker(item, 'followupDate')"
  199. input-align="right"
  200. :is-link="!readonly"></van-field>
  201. </div>
  202. </div>
  203. </van-form>
  204. </div>