index.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. <div id="app">
  2. <van-form>
  3. <van-field :readonly="readonly" required label-width="4rem" class="no-bb" name="是否拒检" label="是否拒检" input-align="right">
  4. <div slot="input">
  5. <van-radio-group :disabled="readonly" v-model="form.receiveBreastUltrasoundInspect" direction="horizontal">
  6. <van-radio name="1">拒绝</van-radio>
  7. <van-radio name="2">依从</van-radio>
  8. </van-radio-group>
  9. </div>
  10. </van-field>
  11. <div class="item-list">
  12. <div class="item" v-for="(item, i) in form.list" :key="i">
  13. <template v-if="form.receiveBreastUltrasoundInspect==2">
  14. <div v-for="(breast, k) in item.breastList" :key="k">
  15. <div id="" class="headlineTwo" @click="breast.boxShow = !breast.boxShow" style="display: flex; align-items: center; justify-content: space-between">
  16. <div id="">{{breast.name}}</div>
  17. <div id="" class="headlineIcon" v-if="!breast.boxShow"><van-icon name="arrow-down" /></div>
  18. <div id="" class="headlineIcon" v-else><van-icon name="arrow-up" /></div>
  19. </div>
  20. <div id="" class="fromBox" v-show="breast.boxShow">
  21. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="囊肿" label="囊肿" input-align="right">
  22. <div slot="input">
  23. <van-checkbox-group :disabled="readonly" v-model="breast.rightCduCyst" direction="horizontal">
  24. <van-checkbox name="1">无</van-checkbox>
  25. <van-checkbox name="2" class="top2">有,单纯囊肿</van-checkbox>
  26. <van-checkbox name="3" class="top2">有,复杂囊肿</van-checkbox>
  27. </van-checkbox-group>
  28. </div>
  29. </van-field>
  30. <template v-if="breast.rightCduCyst.indexOf('3')!=-1">
  31. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="复杂囊肿类型" label="复杂囊肿类型" input-align="right">
  32. <div slot="input">
  33. <van-checkbox-group :disabled="readonly" v-model="breast.rightCduCystType" direction="horizontal">
  34. <van-checkbox name="1">簇状小囊肿</van-checkbox>
  35. <van-checkbox name="2" class="top2">薄间隔囊肿</van-checkbox>
  36. <van-checkbox name="3" class="top2">复合性囊肿</van-checkbox>
  37. <van-checkbox name="4" class="top2">厚壁/厚间隔囊肿</van-checkbox>
  38. <van-checkbox name="5" class="top2">囊实混合性肿块</van-checkbox>
  39. <van-checkbox name="6" class="top2">其他(请说明)</van-checkbox>
  40. <van-field
  41. :readonly="readonly"
  42. label-width="6rem"
  43. v-if='breast.rightCduCystType.indexOf("6")!=-1'
  44. clearable
  45. v-model="breast.rightCduCystTypeOtherContent"
  46. name=""
  47. label=""
  48. placeholder="请输入"
  49. input-align="left"></van-field>
  50. </van-checkbox-group>
  51. </div>
  52. </van-field>
  53. <van-field
  54. :readonly="readonly"
  55. type="number"
  56. required
  57. label-width="8rem"
  58. class="padding45"
  59. clearable
  60. v-model="breast.rightCystLocation"
  61. name="复杂囊肿部位(时钟法)"
  62. label="复杂囊肿部位(时钟法)"
  63. placeholder="请输入肿块部位"
  64. input-align="right"></van-field>
  65. <van-field
  66. :readonly="readonly"
  67. required
  68. label-width="6rem"
  69. class="padding45"
  70. clearable
  71. name="复杂囊肿大小"
  72. label="复杂囊肿大小"
  73. placeholder="请输入尺寸"
  74. input-align="right">
  75. <div slot="input" class="multiple-input">
  76. <input v-model="breast.rightCystMinSize" :readonly="readonly" type="number" name="" id="" />
  77. <span id="">mm*</span>
  78. <input v-model="breast.rightCystMiddleSize" :readonly="readonly" type="number" name="" id="" />
  79. <span id="">mm*</span>
  80. <input v-model="breast.rightCystMaxSize" :readonly="readonly" type="number" name="" id="" />
  81. <span id="">mm</span>
  82. </div>
  83. </van-field>
  84. </template>
  85. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块" label="实性肿块" input-align="right">
  86. <div slot="input">
  87. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassSituation" direction="horizontal">
  88. <van-radio name="1">无</van-radio>
  89. <van-radio name="2">单发</van-radio>
  90. <van-radio name="3">多发</van-radio>
  91. </van-radio-group>
  92. </div>
  93. </van-field>
  94. <template v-if="breast.rightCduSolidMassSituation !=1">
  95. <van-field
  96. :readonly="readonly"
  97. type="number"
  98. required
  99. label-width="8rem"
  100. class="padding45"
  101. clearable
  102. v-model="breast.rightCduSolidMassPosition"
  103. name="实性肿块部位(时钟法)"
  104. label="实性肿块部位(时钟法)"
  105. placeholder="请输入肿块部位"
  106. input-align="right"></van-field>
  107. <van-field
  108. :readonly="readonly"
  109. required
  110. label-width="6rem"
  111. class="padding45"
  112. clearable
  113. name="实性肿块大小"
  114. label="实性肿块大小"
  115. placeholder="请输入尺寸"
  116. input-align="right">
  117. <div slot="input" class="multiple-input">
  118. <input v-model="breast.minSize" :readonly="readonly" type="number" name="" id="" />
  119. <span id="">mm*</span>
  120. <input v-model="breast.middleSize" :readonly="readonly" type="number" name="" id="" />
  121. <span id="">mm*</span>
  122. <input v-model="breast.maxSize" :readonly="readonly" type="number" name="" id="" />
  123. <span id="">mm</span>
  124. </div>
  125. </van-field>
  126. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块形状" label="实性肿块形状" input-align="right">
  127. <div slot="input">
  128. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassShape" direction="horizontal">
  129. <van-radio name="1">规则(圆形/椭圆)</van-radio>
  130. <van-radio name="2">不规则</van-radio>
  131. </van-radio-group>
  132. </div>
  133. </van-field>
  134. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块方向" label="实性肿块方向" input-align="right">
  135. <div slot="input">
  136. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassDirection" direction="horizontal">
  137. <van-radio name="1">与皮肤平行</van-radio>
  138. <van-radio name="2">不平行</van-radio>
  139. </van-radio-group>
  140. </div>
  141. </van-field>
  142. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块边缘" label="实性肿块边缘" input-align="right">
  143. <div slot="input">
  144. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassMargin" direction="horizontal">
  145. <van-radio name="1">光整</van-radio>
  146. <van-radio name="2">不光整</van-radio>
  147. </van-radio-group>
  148. </div>
  149. </van-field>
  150. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块内部回声" label="实性肿块内部回声" input-align="right">
  151. <div slot="input">
  152. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassEcho" direction="horizontal">
  153. <van-radio name="1">高</van-radio>
  154. <van-radio name="2">混合</van-radio>
  155. <van-radio name="3">低</van-radio>
  156. <van-radio name="4">等</van-radio>
  157. </van-radio-group>
  158. </div>
  159. </van-field>
  160. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块后方回声" label="实性肿块后方回声" input-align="right">
  161. <div slot="input">
  162. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassPosteriorEcho" direction="horizontal">
  163. <van-radio name="1">无改变</van-radio>
  164. <van-radio name="2">增强</van-radio>
  165. <van-radio name="3">声影</van-radio>
  166. <van-radio name="4">混合性改变</van-radio>
  167. </van-radio-group>
  168. </div>
  169. </van-field>
  170. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="实性肿块血流信号" label="实性肿块血流信号" input-align="right">
  171. <div slot="input">
  172. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassBloodSignal" direction="horizontal">
  173. <van-radio name="1">无血流</van-radio>
  174. <van-radio name="2">有血流</van-radio>
  175. <van-radio name="3" class="top2">未获得</van-radio>
  176. </van-radio-group>
  177. </div>
  178. </van-field>
  179. <template v-if="breast.rightCduSolidMassBloodSignal == 2">
  180. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="血流丰富程度" label="血流丰富程度" input-align="right">
  181. <div slot="input">
  182. <van-radio-group :disabled="readonly" v-model="breast.rightCduSolidMassBloodLevel" direction="horizontal">
  183. <van-radio name="1">少量(1-2个<1mm点状血流)</van-radio>
  184. <van-radio name="2" class="top2">中量</van-radio>
  185. <van-radio name="3" class="top2">多量(>=4条以上大血管)</van-radio>
  186. </van-radio-group>
  187. </div>
  188. </van-field>
  189. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="血流分布" label="血流分布" input-align="right">
  190. <div slot="input">
  191. <van-checkbox-group :disabled="readonly" v-model="breast.rightCduSolidMassBloodDistribution" direction="horizontal">
  192. <van-checkbox name="1">内部血流</van-checkbox>
  193. <van-checkbox name="2" class="top2">边缘血流</van-checkbox>
  194. </van-checkbox-group>
  195. </div>
  196. </van-field>
  197. </template>
  198. </template>
  199. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="不规则低回声区" label="不规则低回声区" input-align="right">
  200. <div slot="input">
  201. <van-radio-group :disabled="readonly" v-model="breast.rightCduIrregularHypoechoic" direction="horizontal">
  202. <van-radio name="1">无</van-radio>
  203. <van-radio name="2">有</van-radio>
  204. </van-radio-group>
  205. </div>
  206. </van-field>
  207. <template v-if="breast.rightCduIrregularHypoechoic==2">
  208. <van-field
  209. :readonly="readonly"
  210. required
  211. class="padding45"
  212. label-width="6rem"
  213. name="不规则低回声区所在部位(象限法)"
  214. label="不规则低回声区所在部位(象限法)"
  215. input-align="right">
  216. <div slot="input">
  217. <van-checkbox-group :disabled="readonly" v-model="breast.rightCduIrregularHypoechoicPosition" direction="horizontal">
  218. <van-checkbox name="1">外上</van-checkbox>
  219. <van-checkbox name="2" class="top2">外下</van-checkbox>
  220. <van-checkbox name="3" class="top2">内上</van-checkbox>
  221. <van-checkbox name="4" class="top2">内下</van-checkbox>
  222. </van-checkbox-group>
  223. </div>
  224. </van-field>
  225. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="不规则低回声区范围" label="不规则低回声区范围" input-align="right">
  226. <div slot="input" class="multiple-input">
  227. <input v-model="breast.rightCduIrregularMinSize" :readonly="readonly" type="number" name="" id="" />
  228. <span id="">mm*</span>
  229. <input v-model="breast.rightCduIrregularMiddleSize" :readonly="readonly" type="number" name="" id="" />
  230. <span id="">mm*</span>
  231. <input v-model="breast.rightCduIrregularMaxSize" :readonly="readonly" type="number" name="" id="" />
  232. <span id="">mm</span>
  233. </div>
  234. </van-field>
  235. </template>
  236. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="导管扩张" label="导管扩张" input-align="right">
  237. <div slot="input">
  238. <van-radio-group :disabled="readonly" v-model="breast.rightCduDuctDilatation" direction="horizontal">
  239. <van-radio name="1">无</van-radio>
  240. <van-radio name="2">单发</van-radio>
  241. <van-radio name="3">多发</van-radio>
  242. </van-radio-group>
  243. </div>
  244. </van-field>
  245. <template v-if="breast.rightCduDuctDilatation!=1">
  246. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="导管内低回声" label="导管内低回声" input-align="right">
  247. <div slot="input">
  248. <van-radio-group :disabled="readonly" v-model="breast.rightDuctLowHyperechoicIn" direction="horizontal">
  249. <van-radio name="1">无</van-radio>
  250. <van-radio name="2">有</van-radio>
  251. </van-radio-group>
  252. </div>
  253. </van-field>
  254. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="导管扩张部位(象限法)" label="导管扩张部位(象限法)" input-align="right">
  255. <div slot="input">
  256. <van-checkbox-group :disabled="readonly" v-model="breast.rightDuctDilationLocation" direction="horizontal">
  257. <van-checkbox name="1">外上</van-checkbox>
  258. <van-checkbox name="2" class="top2">外下</van-checkbox>
  259. <van-checkbox name="3" class="top2">内上</van-checkbox>
  260. <van-checkbox name="4" class="top2">内下</van-checkbox>
  261. <van-checkbox name="5" class="top2">其他(请说明)</van-checkbox>
  262. <van-field
  263. :readonly="readonly"
  264. label-width="6rem"
  265. v-if='breast.rightDuctDilationLocation.indexOf("5")!=-1'
  266. clearable
  267. v-model="breast.rightDuctDilationLocationOtherContent"
  268. name=""
  269. label=""
  270. placeholder="请输入"
  271. input-align="left"></van-field>
  272. </van-checkbox-group>
  273. </div>
  274. </van-field>
  275. </template>
  276. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="腋窝淋巴结" label="腋窝淋巴结" input-align="right">
  277. <div slot="input">
  278. <van-radio-group :disabled="readonly" v-model="breast.rightCduAxillaryLymphNode" direction="horizontal">
  279. <van-radio name="1">正常</van-radio>
  280. <van-radio name="2" class="top2">肿大、结构正常</van-radio>
  281. <van-radio name="3" class="top2">肿大、结构异常</van-radio>
  282. <van-radio name="4" class="top2">结构异常</van-radio>
  283. </van-radio-group>
  284. </div>
  285. </van-field>
  286. <van-field :readonly="readonly" required label-width="8rem" class="padding45" name="其他异常" label="其他异常" input-align="right">
  287. <div slot="input">
  288. <van-checkbox-group :disabled="readonly" v-model="breast.rightCduOtherAbnormal" direction="horizontal">
  289. <van-checkbox name="1">未见</van-checkbox>
  290. <van-checkbox name="2" class="top2">副乳腺</van-checkbox>
  291. <van-checkbox name="3" class="top2">乳房切除术后</van-checkbox>
  292. <van-checkbox name="4" class="top2">乳房假体植入术后</van-checkbox>
  293. <van-checkbox name="5" class="top2">哺乳期乳腺</van-checkbox>
  294. <van-checkbox name="6" class="top2">可疑钙化</van-checkbox>
  295. <van-checkbox name="7" class="top2">注射隆乳术后</van-checkbox>
  296. <van-checkbox name="8" class="top2">腺体结构紊乱</van-checkbox>
  297. <van-checkbox name="9" class="top2">其他(请说明)</van-checkbox>
  298. <van-field
  299. :readonly="readonly"
  300. label-width="6rem"
  301. v-if='breast.rightCduOtherAbnormal.indexOf("9")!=-1'
  302. clearable
  303. v-model="breast.rightCduOtherAbnormalDesc"
  304. name=""
  305. label=""
  306. placeholder="请输入"
  307. input-align="left"></van-field>
  308. </van-checkbox-group>
  309. </div>
  310. </van-field>
  311. <van-field :readonly="readonly" required class="padding45" label-width="6rem" name="BI-RADS分级" label="BI-RADS分级" input-align="right">
  312. <div slot="input">
  313. <van-radio-group :disabled="readonly" v-model="breast.rightCduBiRads" direction="horizontal">
  314. <van-radio name="1">0级</van-radio>
  315. <van-radio name="2" class="top2">1级</van-radio>
  316. <van-radio name="3" class="top2">2级</van-radio>
  317. <van-radio name="4" class="top2">3级</van-radio>
  318. <van-radio name="5" class="top2">4a级</van-radio>
  319. <van-radio name="6" class="top2">4b级</van-radio>
  320. <van-radio name="7" class="top2">4c级</van-radio>
  321. <van-radio name="8" class="top2">5级</van-radio>
  322. </van-radio-group>
  323. </div>
  324. </van-field>
  325. </div>
  326. </div>
  327. </template>
  328. <van-field :readonly="readonly" required label-width="12rem" name="是否有过乳腺超声检查" label="是否有过乳腺超声检查" input-align="right">
  329. <div slot="input">
  330. <van-radio-group :disabled="readonly" v-model="item.breastUltrasoundCheckRecord" direction="horizontal">
  331. <van-radio name="1">2年内</van-radio>
  332. <van-radio name="2" class="top2">2年及以上</van-radio>
  333. <van-radio name="3" class="top2">否</van-radio>
  334. <van-radio name="4" class="top2">不详</van-radio>
  335. </van-radio-group>
  336. </div>
  337. </van-field>
  338. <van-field
  339. :readonly="readonly"
  340. required
  341. label-width="8rem"
  342. clearable
  343. v-model="item.breastUltrasoundInspectOrg"
  344. name="检查机构"
  345. label="检查机构"
  346. placeholder="请输入检查机构"
  347. input-align="right"></van-field>
  348. <van-field
  349. :readonly="readonly"
  350. required
  351. label-width="8rem"
  352. clearable
  353. v-model="item.breastUltrasoundInspectUser"
  354. name="检查人员"
  355. label="检查人员"
  356. placeholder="请输入检查人员"
  357. input-align="right"></van-field>
  358. <van-field
  359. :readonly="readonly"
  360. required
  361. label-width="8rem"
  362. readonly
  363. clickable
  364. name="检查日期"
  365. :value="item.breastUltrasoundInspectTime?item.breastUltrasoundInspectTime:''"
  366. label="检查日期"
  367. placeholder="请选择检查时间"
  368. input-align="right"
  369. is-link></van-field>
  370. </div>
  371. </div>
  372. </van-form>
  373. </div>