index.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  1. <div id="app">
  2. <van-form>
  3. <div class="item-list">
  4. <div class="item">
  5. <template>
  6. <van-field :readonly="readonly" required label-width="4rem" class="" name="是否治疗" label="是否治疗" input-align="right">
  7. <div slot="input">
  8. <van-radio-group :disabled="readonly" v-model="form.isTreat" direction="horizontal">
  9. <van-radio name="1">已治疗</van-radio>
  10. <van-radio name="2" class="top2">拒绝治疗</van-radio>
  11. <van-radio name="3" class="top2">拒绝随访</van-radio>
  12. <van-radio name="4" class="top2">空号/错号</van-radio>
  13. <van-radio name="5" class="top2">首次无法取得联系</van-radio>
  14. <van-radio name="6" class="top2">已治疗但无法获得具体信息</van-radio>
  15. <van-radio name="7" class="top2">其他(请说明)</van-radio>
  16. <van-field
  17. :readonly="readonly"
  18. :required="required"
  19. label-width="6rem"
  20. clearable
  21. v-if="form.isTreat == '7'"
  22. v-model="form.isTreatOtherContent"
  23. name=""
  24. label=""
  25. placeholder="请输入"
  26. input-align="left"></van-field>
  27. </van-radio-group>
  28. </div>
  29. </van-field>
  30. <van-field :readonly="readonly" :required="required" class="padding30" label-width="6rem" name="部位" label="部位" input-align="right">
  31. <div slot="input">
  32. <van-radio-group :disabled="readonly" v-model="form.treatPosition" direction="horizontal">
  33. <van-radio name="1">左乳</van-radio>
  34. <van-radio name="2" class="top2">右乳</van-radio>
  35. <van-radio name="3" class="top2">左右乳</van-radio>
  36. </van-radio-group>
  37. </div>
  38. </van-field>
  39. <van-field :readonly="readonly" :required="required" class="padding30" label-width="6rem" name="病理类型" label="病理类型" input-align="right">
  40. <div slot="input">
  41. <van-checkbox-group :disabled="readonly" v-model="form.type" direction="horizontal">
  42. <van-checkbox name="1">浸润性导管癌</van-checkbox>
  43. <van-checkbox name="2" class="top2">浸润性小叶癌</van-checkbox>
  44. <van-checkbox name="3" class="top2">导管原位癌</van-checkbox>
  45. <van-checkbox name="4" class="top2">小叶原位癌</van-checkbox>
  46. <van-checkbox name="5" class="top2">乳房恶性叶状肿瘤</van-checkbox>
  47. <van-checkbox name="7" class="top2">不详</van-checkbox>
  48. <van-checkbox name="6" class="top2">其他</van-checkbox>
  49. <van-field
  50. :readonly="readonly"
  51. :required="required"
  52. label-width="6rem"
  53. v-if='form.type&&form.type.indexOf("6")!=-1'
  54. clearable
  55. v-model="form.typeOther"
  56. name=""
  57. label=""
  58. placeholder="请输入"
  59. input-align="left"></van-field>
  60. </van-checkbox-group>
  61. </div>
  62. </van-field>
  63. <van-field
  64. :readonly="readonly"
  65. :required="required"
  66. class="padding30"
  67. label-width="8rem"
  68. name="术前分期(T)"
  69. label="术前分期(T)"
  70. placeholder="请选择检查机构"
  71. input-align="right">
  72. <div slot="input">
  73. <van-radio-group :disabled="readonly" v-model="form.opFrontT" direction="horizontal">
  74. <van-radio name="0">0</van-radio>
  75. <van-radio name="1" class="top2">1</van-radio>
  76. <van-radio name="2" class="top2">2</van-radio>
  77. <van-radio name="3" class="top2">3</van-radio>
  78. <van-radio name="4" class="top2">4</van-radio>
  79. <van-radio name="5" class="top2">不详</van-radio>
  80. </van-radio-group>
  81. </div>
  82. </van-field>
  83. <van-field
  84. :readonly="readonly"
  85. :required="required"
  86. class="padding30"
  87. label-width="8rem"
  88. name="术前分期(N)"
  89. label="术前分期(N)"
  90. placeholder="请选择检查机构"
  91. input-align="right">
  92. <div slot="input">
  93. <van-radio-group :disabled="readonly" v-model="form.opFrontN" direction="horizontal">
  94. <van-radio name="0">0</van-radio>
  95. <van-radio name="1" class="top2">1</van-radio>
  96. <van-radio name="2" class="top2">2</van-radio>
  97. <van-radio name="3" class="top2">3</van-radio>
  98. <van-radio name="4" class="top2">不详</van-radio>
  99. </van-radio-group>
  100. </div>
  101. </van-field>
  102. <van-field
  103. :readonly="readonly"
  104. :required="required"
  105. class="padding30"
  106. label-width="8rem"
  107. name="术前分期(M)"
  108. label="术前分期(M)"
  109. placeholder="请选择检查机构"
  110. input-align="right">
  111. <div slot="input">
  112. <van-radio-group :disabled="readonly" v-model="form.opFrontM" direction="horizontal">
  113. <van-radio name="0">0</van-radio>
  114. <van-radio name="1" class="top2">1</van-radio>
  115. <van-radio name="2" class="top2">不详</van-radio>
  116. </van-radio-group>
  117. </div>
  118. </van-field>
  119. <van-field :readonly="true" :required="required" class="padding30" label-width="8rem" name="术前分期" label="术前分期" input-align="right">
  120. <div slot="input">
  121. <van-radio-group :disabled="readonly" v-model="form.opFront" direction="horizontal">
  122. <van-radio name="0">0期</van-radio>
  123. <van-radio name="1" class="top2">I期</van-radio>
  124. <van-radio name="2" class="top2">IIA期</van-radio>
  125. <van-radio name="3" class="top2">IIB期</van-radio>
  126. <van-radio name="4" class="top2">IIIA期</van-radio>
  127. <van-radio name="5" class="top2">IIIB期</van-radio>
  128. <van-radio name="6" class="top2">IIIC期</van-radio>
  129. <van-radio name="7" class="top2">IV期</van-radio>
  130. <van-radio name="8" class="top2">不详</van-radio>
  131. </van-radio-group>
  132. </div>
  133. </van-field>
  134. <!-- 术后 -->
  135. <van-field :readonly="readonly" :required="required" class="padding30" label-width="8rem" name="术后分期(T)" label="术后分期(T)" input-align="right">
  136. <div slot="input">
  137. <van-radio-group :disabled="readonly" v-model="form.opAfterT" direction="horizontal">
  138. <van-radio name="0">0</van-radio>
  139. <van-radio name="1" class="top2">1</van-radio>
  140. <van-radio name="2" class="top2">2</van-radio>
  141. <van-radio name="3" class="top2">3</van-radio>
  142. <van-radio name="4" class="top2">4</van-radio>
  143. <van-radio name="5" class="top2">不详</van-radio>
  144. </van-radio-group>
  145. </div>
  146. </van-field>
  147. <van-field :readonly="readonly" :required="required" class="padding30" label-width="8rem" name="术后分期(N)" label="术后分期(N)" input-align="right">
  148. <div slot="input">
  149. <van-radio-group :disabled="readonly" v-model="form.opAfterN" direction="horizontal">
  150. <van-radio name="0">0</van-radio>
  151. <van-radio name="2" class="top2">1</van-radio>
  152. <van-radio name="3" class="top2">2</van-radio>
  153. <van-radio name="4" class="top2">不详</van-radio>
  154. </van-radio-group>
  155. </div>
  156. </van-field>
  157. <van-field :readonly="readonly" :required="required" class="padding30" label-width="8rem" name="术后分期(M)" label="术后分期(M)" input-align="right">
  158. <div slot="input">
  159. <van-radio-group :disabled="readonly" v-model="form.opAfterM" direction="horizontal">
  160. <van-radio name="0">0</van-radio>
  161. <van-radio name="1" class="top2">1</van-radio>
  162. <van-radio name="2" class="top2">不详</van-radio>
  163. </van-radio-group>
  164. </div>
  165. </van-field>
  166. <van-field :readonly="true" :required="required" class="padding30" label-width="8rem" name="术后分期" label="术后分期" input-align="right">
  167. <div slot="input">
  168. <van-radio-group :disabled="readonly" v-model="form.opAfter" direction="horizontal">
  169. <van-radio name="0">0期</van-radio>
  170. <van-radio name="1" class="top2">I期</van-radio>
  171. <van-radio name="2" class="top2">IIA期</van-radio>
  172. <van-radio name="3" class="top2">IIB期</van-radio>
  173. <van-radio name="4" class="top2">IIIA期</van-radio>
  174. <van-radio name="5" class="top2">IIIB期</van-radio>
  175. <van-radio name="6" class="top2">IIIC期</van-radio>
  176. <van-radio name="7" class="top2">IV期</van-radio>
  177. <van-radio name="8" class="top2">不详</van-radio>
  178. </van-radio-group>
  179. </div>
  180. </van-field>
  181. <van-field :readonly="true" :required="required" class="padding30" label-width="10rem" name="免疫组织化学结果(ER)" label="免疫组织化学结果(ER)" input-align="right">
  182. <div slot="input">
  183. <van-radio-group :disabled="readonly" v-model="form.immunohistochemicalResultsErUnknown" direction="horizontal">
  184. <van-radio name="0" class="top2">百分比</van-radio>
  185. <van-radio name="-1" class="top2">不详</van-radio>
  186. <van-radio name="1" class="top2">其他</van-radio>
  187. <!-- 百分比 -->
  188. <van-field
  189. :readonly="readonly"
  190. label-width="6rem"
  191. v-if="form.immunohistochemicalResultsErUnknown && (form.immunohistochemicalResultsErUnknown == 0 || form.immunohistochemicalResultsErUnknown == 1)"
  192. clearable
  193. v-model="form.immunohistochemicalResultsEr"
  194. name=""
  195. label=""
  196. placeholder="请输入"
  197. input-align="left">
  198. <van-text slot="button" v-if="form.immunohistochemicalResultsErUnknown == 0" size="small" type="text">%</van-text>
  199. </van-field>
  200. </van-radio-group>
  201. </div>
  202. </van-field>
  203. <van-field :readonly="true" :required="required" class="padding30" label-width="10rem" name="免疫组织化学结果(PR)" label="免疫组织化学结果(PR)" input-align="right">
  204. <div slot="input">
  205. <van-radio-group :disabled="readonly" v-model="form.immunohistochemicalResultsPrUnknown" direction="horizontal">
  206. <van-radio name="0" class="top2">百分比</van-radio>
  207. <van-radio name="-1" class="top2">不详</van-radio>
  208. <van-radio name="1" class="top2">其他</van-radio>
  209. <!-- 百分比 -->
  210. <van-field
  211. :readonly="readonly"
  212. label-width="6rem"
  213. v-if="form.immunohistochemicalResultsPrUnknown && (form.immunohistochemicalResultsPrUnknown == 0 || form.immunohistochemicalResultsPrUnknown == 1)"
  214. clearable
  215. v-model="form.immunohistochemicalResultsPr"
  216. name=""
  217. label=""
  218. placeholder="请输入"
  219. input-align="left">
  220. <van-text slot="button" v-if="form.immunohistochemicalResultsPrUnknown == 0" size="small" type="text">%</van-text>
  221. </van-field>
  222. </van-radio-group>
  223. </div>
  224. </van-field>
  225. <van-field :readonly="true" :required="required" class="padding30" label-width="10rem" name="免疫组织化学结果(HER2)" label="免疫组织化学结果(HER2)" input-align="right">
  226. <div slot="input">
  227. <van-radio-group :disabled="readonly" v-model="form.immunohistochemicalResultsHer" direction="horizontal">
  228. <van-radio name="0" class="">0</van-radio>
  229. <van-radio name="1" class="top2">1+</van-radio>
  230. <van-radio name="2" class="top2">2+</van-radio>
  231. <van-radio name="3" class="top2">3+</van-radio>
  232. <van-radio name="4" class="top2">不详</van-radio>
  233. </van-radio-group>
  234. </div>
  235. </van-field>
  236. <van-field :readonly="true" :required="required" class="padding30" label-width="10rem" name="免疫组织化学结果(Ki67)" label="免疫组织化学结果(Ki67)" input-align="right">
  237. <div slot="input">
  238. <van-radio-group :disabled="readonly" v-model="form.immunohistochemicalResultsKiUnknown" direction="horizontal">
  239. <van-radio name="0" class="">百分比</van-radio>
  240. <van-radio name="-1" class="top2">不详</van-radio>
  241. <van-field
  242. :readonly="readonly"
  243. label-width="6rem"
  244. v-if="form.immunohistochemicalResultsKiUnknown && form.immunohistochemicalResultsKiUnknown==0"
  245. clearable
  246. v-model="form.immunohistochemicalResultsKi"
  247. name=""
  248. label=""
  249. placeholder="请输入"
  250. input-align="left">
  251. <van-text slot="button" size="small" type="text">%</van-text>
  252. </van-field>
  253. </van-radio-group>
  254. </div>
  255. </van-field>
  256. <van-field
  257. :readonly="true"
  258. :required="required"
  259. class="padding30"
  260. label-width="12rem"
  261. name="免疫组织化学结果(FISH/CISH)"
  262. label="免疫组织化学结果(FISH/CISH)"
  263. input-align="right">
  264. <div slot="input">
  265. <van-radio-group :disabled="readonly" v-model="form.immunohistochemicalResultsFishCish" direction="horizontal">
  266. <van-radio name="1" class="">阴性</van-radio>
  267. <van-radio name="2" class="top2">阳性</van-radio>
  268. <van-radio name="3" class="top2">未做</van-radio>
  269. <van-radio name="4" class="top2">不详</van-radio>
  270. </van-radio-group>
  271. </div>
  272. </van-field>
  273. <van-field :readonly="readonly" :required="required" class="padding30" label-width="6rem" name="乳腺癌治疗方式" label="乳腺癌治疗方式" input-align="right">
  274. <div slot="input">
  275. <van-checkbox-group :disabled="readonly" v-model="form.breastCancerSurgeryMode" direction="horizontal">
  276. <van-checkbox name="1">手术</van-checkbox>
  277. <van-checkbox name="2" class="top2">化疗</van-checkbox>
  278. <van-checkbox name="3" class="top2">靶向治疗</van-checkbox>
  279. <van-checkbox name="4" class="top2">内分泌治疗</van-checkbox>
  280. <van-checkbox name="5" class="top2">免疫治疗</van-checkbox>
  281. <van-checkbox name="6" class="top2">放疗</van-checkbox>
  282. <van-checkbox name="7" class="top2">不详</van-checkbox>
  283. <van-checkbox name="8" class="top2">其他</van-checkbox>
  284. <van-field
  285. :readonly="readonly"
  286. :required="required"
  287. label-width="6rem"
  288. v-if='form.breastCancerSurgeryMode&&form.breastCancerSurgeryMode.indexOf("8")!=-1'
  289. clearable
  290. v-model="form.breastCancerSurgeryModeOther"
  291. name=""
  292. label=""
  293. placeholder="请输入"
  294. input-align="left"></van-field>
  295. </van-checkbox-group>
  296. </div>
  297. </van-field>
  298. <van-field
  299. :readonly="true"
  300. v-if='form.breastCancerSurgeryMode&&form.breastCancerSurgeryMode.indexOf("1")!=-1'
  301. :required="required"
  302. class="padding30"
  303. label-width="5.5rem"
  304. name="乳房手术方式"
  305. label="乳房手术方式"
  306. input-align="right">
  307. <div slot="input">
  308. <van-radio-group :disabled="readonly" v-model="form.breastSurgeryMode" direction="horizontal">
  309. <van-radio name="1" class="">保留乳房</van-radio>
  310. <van-radio name="2" class="top2">全乳房切除</van-radio>
  311. <van-radio name="3" class="top2">保留乳头乳晕的乳房切除</van-radio>
  312. <van-radio name="4" class="top2">不详</van-radio>
  313. <van-radio name="5" class="top2">其他</van-radio>
  314. <van-field
  315. :readonly="readonly"
  316. :required="required"
  317. label-width="6rem"
  318. v-if="form.breastSurgeryMode==5"
  319. clearable
  320. v-model="form.breastSurgeryModeOther"
  321. name=""
  322. label=""
  323. placeholder="请输入"
  324. input-align="left"></van-field>
  325. </van-radio-group>
  326. </div>
  327. </van-field>
  328. <van-field
  329. :readonly="true"
  330. v-if='form.breastCancerSurgeryMode&&form.breastCancerSurgeryMode.indexOf("1")!=-1'
  331. :required="required"
  332. class="padding30"
  333. label-width="8rem"
  334. name="腋窝手术方式"
  335. label="腋窝手术方式"
  336. input-align="right">
  337. <div slot="input">
  338. <van-checkbox-group :disabled="readonly" v-model="form.armpitSurgeryMode" direction="horizontal">
  339. <van-checkbox name="1" class="">前哨淋巴结活检</van-checkbox>
  340. <van-checkbox name="2" class="top2">腋窝淋巴结清扫</van-checkbox>
  341. <van-checkbox name="3" class="top2">不详</van-checkbox>
  342. <van-checkbox name="4" class="top2">其他</van-checkbox>
  343. <van-field
  344. :readonly="readonly"
  345. :required="required"
  346. label-width="6rem"
  347. v-if="form.armpitSurgeryMode==4"
  348. clearable
  349. v-model="form.armpitSurgeryModeOther"
  350. name=""
  351. label=""
  352. placeholder="请输入"
  353. input-align="left"></van-field>
  354. </van-checkbox-group>
  355. </div>
  356. </van-field>
  357. <van-field
  358. :readonly="true"
  359. v-if='form.breastCancerSurgeryMode&&form.breastCancerSurgeryMode.indexOf("1")!=-1'
  360. :required="required"
  361. class="padding30"
  362. label-width="6rem"
  363. name="乳房重建方式"
  364. label="乳房重建方式"
  365. input-align="right">
  366. <div slot="input">
  367. <van-radio-group :disabled="readonly" v-model="form.breastReconstructionMode" direction="horizontal">
  368. <van-radio name="1" class="">无重建</van-radio>
  369. <van-radio name="2" class="top2">自体组织重建</van-radio>
  370. <van-radio name="3" class="top2">硅胶假体重建</van-radio>
  371. <van-radio name="4" class="top2">自体组织联合假体重建</van-radio>
  372. <van-radio name="5" class="top2">不详</van-radio>
  373. <van-radio name="6" class="top2">其他</van-radio>
  374. <van-field
  375. :readonly="readonly"
  376. :required="required"
  377. label-width="6rem"
  378. v-if="form.breastReconstructionMode==6"
  379. clearable
  380. v-model="form.breastReconstructionModeOther"
  381. name=""
  382. label=""
  383. placeholder="请输入"
  384. input-align="left"></van-field>
  385. </van-radio-group>
  386. </div>
  387. </van-field>
  388. </template>
  389. <van-field
  390. :readonly="readonly"
  391. required
  392. label-width="8rem"
  393. clearable
  394. v-model="form.followupDoctor"
  395. name="随访人员"
  396. label="随访人员"
  397. placeholder="请输入随访人员"
  398. input-align="right"></van-field>
  399. <van-field
  400. :readonly="readonly"
  401. required
  402. label-width="4rem"
  403. class=""
  404. :readonly="readonly"
  405. clearable
  406. v-model="form.followupOrg"
  407. name="随访机构"
  408. label="随访机构"
  409. placeholder="请输入随访机构"
  410. input-align="right"></van-field>
  411. <van-field
  412. :readonly="readonly"
  413. required
  414. label-width="8rem"
  415. readonly
  416. clickable
  417. name="随访日期"
  418. :value="form.followupDate?form.followupDate:''"
  419. label="随访日期"
  420. placeholder="请选择随访日期"
  421. input-align="right"
  422. :is-link="!readonly"></van-field>
  423. </div>
  424. </div>
  425. </van-form>
  426. </div>