index.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
  1. <div id="app">
  2. <el-form label-width="200px" :model="form" size="mini" :rules="rules" ref="ruleForm">
  3. <div class="copd-data-para-item">
  4. <div class="copd-d-p-i-title" id="copdBaseInfo">基本信息</div>
  5. <div class="diver-line"></div>
  6. <div class="copd-d-p-i-content">
  7. <div class="copd-d-p-i-content_inner">
  8. <el-form-item label="患者姓名:" class="copd-form-item" required>
  9. <el-input class="copd-form-input" v-model="form.sickName"></el-input>
  10. </el-form-item>
  11. <el-form-item label="年龄:" class="copd-form-item">
  12. <el-input class="copd-form-input" v-model="form.age"></el-input>
  13. </el-form-item>
  14. <el-form-item label="民族:" class="copd-form-item">
  15. <el-radio-group v-model="form.nation" direction="horizontal">
  16. <el-radio label="1">汉族</el-radio>
  17. <el-radio label="2">其他</el-radio>
  18. </el-radio-group>
  19. </el-form-item>
  20. <el-form-item label="其他民族:" class="copd-form-item" v-if="form.nation == 2">
  21. <el-input class="copd-form-input" v-model="form.nationName" placeholder="请输入其他民族"></el-input>
  22. </el-form-item>
  23. <el-form-item label="出生日期:" class="copd-form-item">
  24. <el-date-picker class="copd-edit-datepicker" v-model="form.birthday" value-format="yyyy-MM-dd" placeholder="选择日期时间"></el-date-picker>
  25. </el-form-item>
  26. <el-form-item label="本人联系电话:" prop="phone" class="copd-form-item">
  27. <el-input class="copd-form-input" type="tel" maxlength="11" v-model="form.phone" placeholder="请输入本人联系电话"></el-input>
  28. </el-form-item>
  29. <el-form-item label="现住址:" class="copd-form-item">
  30. <div class="copd-form-input">
  31. <el-cascader
  32. v-model="selAddress"
  33. :options="areaOptions"
  34. :props="cascaderProps"
  35. clearable
  36. ref="areaCascader"
  37. @change="function(val){handleItemChange(val, 1)}"
  38. style="width: 100%"
  39. ></el-cascader>
  40. </div>
  41. </el-form-item>
  42. <el-form-item label="所在街道:" class="copd-form-item">
  43. <div class="copd-form-input">
  44. <el-cascader
  45. v-model="selectedStreet"
  46. :options="streetList"
  47. :props="cascaderProps"
  48. clearable
  49. ref="areaCascader"
  50. @change="function(val){handleItemChange(val, 2)}"
  51. style="width: 100%"
  52. ></el-cascader>
  53. </div>
  54. </el-form-item>
  55. <el-form-item label="详细地址:" class="copd-form-item">
  56. <el-input class="copd-form-input" v-model="form.address" placeholder="请输入详细地址"></el-input>
  57. </el-form-item>
  58. <el-form-item label="医保类型:" class="copd-form-item">
  59. <el-radio-group v-model="form.womenCategory" direction="horizontal">
  60. <el-radio label="1">女职工</el-radio>
  61. <el-radio label="2">居民医保</el-radio>
  62. </el-radio-group>
  63. </el-form-item>
  64. <el-form-item label="个人医保账户年度体检费用:" class="copd-form-item">
  65. <el-radio-group v-model="form.accountFeeType" direction="horizontal">
  66. <el-radio label="1">医保账户内有年度体检费用</el-radio>
  67. <el-radio label="2">医保账户内无年度体检费用</el-radio>
  68. </el-radio-group>
  69. </el-form-item>
  70. <div id="" style="font-size: 12px; color: #808080; padding: 12px">
  71. 我市适龄女性免费“两癌”筛查保障对象为参加本市医保35-64岁妇女中城镇居民医保及职工医保无年度体检费用的女性。
  72. 个人账户内有无年度体检费用可通过微信小程序“厦门医疗保障查询”,具体路径:微信搜索“厦门医疗保障”→点击进入“厦门医疗保障查询”小程序进入“我的医保”页面→点击“参保信息查询”进入“个人医保”界面即可查询,若可见相关账户(不包括个人账户),则为医保账户内有年度体检费用。
  73. </div>
  74. <el-form-item label="单位名称:" class="copd-form-item">
  75. <el-input class="copd-form-input" v-model="form.unitName" placeholder="请输入单位名称"></el-input>
  76. </el-form-item>
  77. <el-form-item label="身高:" class="copd-form-item">
  78. <el-input class="copd-form-input" v-model="form.height" placeholder="请输入身高(CM)"></el-input>
  79. </el-form-item>
  80. <el-form-item label="体重:" class="copd-form-item">
  81. <el-input class="copd-form-input" v-model="form.weight" placeholder="请输入体重(KG)"></el-input>
  82. </el-form-item>
  83. <el-form-item label="学历:" class="copd-form-item">
  84. <el-radio-group v-model="form.edu" direction="horizontal">
  85. <el-radio label="1">小学以下</el-radio>
  86. <el-radio label="2">初中/高中</el-radio>
  87. <el-radio label="3">大学及以上</el-radio>
  88. </el-radio-group>
  89. </el-form-item>
  90. <el-form-item label="家庭月收入:" class="copd-form-item">
  91. <el-radio-group v-model="form.monthlyIncome" direction="horizontal">
  92. <el-radio label="1">0-5000元</el-radio>
  93. <el-radio label="2">5001-10000元</el-radio>
  94. <el-radio label="3">10001-15000元</el-radio>
  95. <el-radio label="4">15001-20000元</el-radio>
  96. <el-radio label="5">20001元以上</el-radio>
  97. <el-radio label="6">拒绝提供</el-radio>
  98. </el-radio-group>
  99. </el-form-item>
  100. <el-form-item label="HPV疫苗接种情况:" class="copd-form-item">
  101. <el-radio-group v-model="form.vaccinationHpv" direction="horizontal">
  102. <el-radio label="1">是</el-radio>
  103. <el-radio label="2">否</el-radio>
  104. </el-form-item>
  105. <el-form-item label="接种的HPV疫苗是几价疫苗:" class="copd-form-item">
  106. <el-radio-group v-model="form.vaccinationHpv" direction="horizontal">
  107. <el-radio label="1">二价</el-radio>
  108. <el-radio label="2">四价</el-radio>
  109. <el-radio label="3">九价</el-radio>
  110. </el-form-item>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="copd-data-para-item">
  115. <div class="copd-d-p-i-title" id="copdBaseInfo">生理和生育情况</div>
  116. <div class="diver-line"></div>
  117. <div class="copd-d-p-i-content">
  118. <div class="copd-d-p-i-content_inner">
  119. <el-form-item label="月经初潮(周岁):" class="copd-form-item">
  120. <el-select v-model="form.menophaniaAge" placeholder="请选择" style="width: 100%;">
  121. <el-option
  122. v-for="item in menophaniaAgeList"
  123. :key="item"
  124. :label="item"
  125. :value="item">
  126. </el-option>
  127. </el-select>
  128. </el-form-item>
  129. <el-form-item label="是否已绝闭经:" class="copd-form-item">
  130. <el-radio-group v-model="form.menopause" direction="horizontal">
  131. <el-radio label="1">是</el-radio>
  132. <el-radio label="0">否</el-radio>
  133. <el-radio label="2">不清楚</el-radio>
  134. </el-form-item>
  135. <el-form-item label="绝经年龄(周岁):" class="copd-form-item" v-if='form.menopause ==1'>
  136. <el-input class="copd-form-input" v-model="form.menopauseAge" placeholder="请输入绝经年龄(周岁)"></el-input>
  137. </el-form-item>
  138. <el-form-item label="末次月经:" class="copd-form-item" v-if='form.menopause===0||form.menopause ==2' >
  139. <el-date-picker class="copd-edit-datepicker" v-model="form.lmp" value-format="yyyy-MM-dd" placeholder="选择末次月经时间"></el-date-picker>
  140. </el-form-item>
  141. <el-form-item label="流产次数(含自然流产和人工流产):" class="copd-form-item" v-if='form.menopause ==1'>
  142. <el-input class="copd-form-input" v-model="form.miscarriage" placeholder="请输入流产次数(含自然流产和人工流产)"></el-input>
  143. </el-form-item>
  144. <el-form-item label="是否有生育史:" class="copd-form-item">
  145. <el-radio-group v-model="form.reproductiveHistory" direction="horizontal">
  146. <el-radio label="1">是</el-radio>
  147. <el-radio label="0">否</el-radio>
  148. </el-radio-group>
  149. </el-form-item>
  150. <el-form-item label="足月产胎次:" class="copd-form-item" v-if='form.reproductiveHistory ==1'>
  151. <el-input class="copd-form-input" v-model="form.partusMaturus" placeholder="请输入足月产胎次"></el-input>
  152. </el-form-item>
  153. <el-form-item label="早产胎次:" class="copd-form-item" v-if='form.reproductiveHistory ==1'>
  154. <el-input class="copd-form-input" v-model="form.prematureDelivery" placeholder="请输入早产胎次"></el-input>
  155. </el-form-item>
  156. <el-form-item label="第一次分娩年龄(周岁):" class="copd-form-item" v-if='form.reproductiveHistory ==1'>
  157. <el-input class="copd-form-input" v-model="form.firstDeliveryAge" placeholder="请输入第一次分娩年龄(周岁)"></el-input>
  158. </el-form-item>
  159. <el-form-item label="哺乳史:" class="copd-form-item" v-if='form.reproductiveHistory ==1'>
  160. <el-radio-group v-model="form.reproductiveHistory" >
  161. <el-radio label="1">无或&lt;4个月</el-radio>
  162. <el-radio label="2">4个月及以上</el-radio>
  163. </el-radio-group>
  164. </el-form-item>
  165. <el-form-item label="是否有一级亲属(母亲、姐妹及女儿)曾患乳腺癌:" class="copd-form-item1" >
  166. <el-radio-group v-model="form.breastCancerFir" >
  167. <el-radio label="1">是</el-radio>
  168. <el-radio label="0">否</el-radio>
  169. </el-radio-group>
  170. </el-form-item>
  171. <el-form-item label="是否有二级亲属(祖母、外祖母及姑姨)50岁前曾患乳腺癌:" class="copd-form-item1" >
  172. <el-radio-group v-model="form.breastCancerSec" >
  173. <el-radio label="1">是</el-radio>
  174. <el-radio label="0">否</el-radio>
  175. </el-radio-group>
  176. </el-form-item>
  177. <el-form-item label="二级亲属(祖母、外祖母及姑姨)50岁前曾患乳腺癌人数:" class="copd-form-item1" v-if='form.breastCancerSec == 1'>
  178. <el-input class="copd-form-input" v-model="form.breastCancerSecNum" placeholder="二级亲属(祖母、外祖母及姑姨)50 岁前曾患乳腺癌人数"></el-input>
  179. </el-form-item>
  180. <el-form-item v-if='form.oophoromaSec == 1' label="是否有二级亲属(祖母、外祖母及姑姨)50岁前曾患卵巢癌人数:" class="copd-form-item1" v-if='form.reproductiveHistory ==1'>
  181. <el-input class="copd-form-input" v-model="form.oophoromaNum" placeholder="是否有二级亲属(祖母、外祖母及姑姨)50 岁前曾患卵巢癌人数"></el-input>
  182. </el-form-item>
  183. <el-form-item label="您是否有一级亲属(母亲、姐妹及女儿)曾患宫颈癌:" class="copd-form-item1" >
  184. <el-radio-group v-model="form.cervicalCancerFir" >
  185. <el-radio label="1">是</el-radio>
  186. <el-radio label="0">否</el-radio>
  187. </el-radio-group>
  188. </el-form-item>
  189. <el-form-item label="您是否曾进行过BRCA基因检测,结果显示携带有BRCA1/2基因致病性遗传突变:" class="copd-form-item1" >
  190. <el-radio-group v-model="form.brcaGeneticTesting" >
  191. <el-radio label="1">是</el-radio>
  192. <el-radio label="0">否</el-radio>
  193. </el-radio-group>
  194. </el-form-item>
  195. <el-form-item label="30岁前接受胸部放疗:" class="copd-form-item" >
  196. <el-radio-group v-model="form.chestRadiotherapy" >
  197. <el-radio label="1">是</el-radio>
  198. <el-radio label="0">否</el-radio>
  199. </el-radio-group>
  200. </el-form-item>
  201. <el-form-item label="外源性激素使用:" class="copd-form-item" >
  202. <el-radio-group v-model="form.chestRadiotherapy" flex-direction="column">
  203. <el-radio label="1" style="display: block;">是,仅雌激素(如:更宝芬、补佳乐、协坤、<br>维尼安、更乐、倍美力、得美素、欧适可、松奇、康美华、<br>尼尔雌醇等)</el-radio>
  204. <el-radio label="2" style="display: block;">是,雌孕激素联合(如:诺康律、诺更宁、<br>克龄蒙、倍美安、倍美盈等)</el-radio>
  205. <el-radio label="3" style="display: block;">否</el-radio>
  206. </el-radio-group>
  207. </el-form-item>
  208. <el-form-item label="外源性激素使用时间:" class="copd-form-item" v-if='form.hormoneUse == 1 || form.hormoneUse == 2' >
  209. <el-radio-group v-model="form.hormoneUseMonth" >
  210. <el-radio label="1">小于6个月</el-radio>
  211. <el-radio label="2">大于等于6个月</el-radio>
  212. </el-radio-group>
  213. </el-form-item>
  214. <el-form-item label="是否曾有乳腺手术史:" class="copd-form-item" >
  215. <el-radio-group v-model="form.breastBiopsySurgery" >
  216. <el-radio label="1">有</el-radio>
  217. <el-radio label="0">无</el-radio>
  218. </el-radio-group>
  219. </el-form-item>
  220. <el-form-item v-if='form.oophoromaSec == 1' label="乳腺手术次数:" class="copd-form-item1" v-if='form.reproductiveHistory ==1'>
  221. <el-input class="copd-form-input" v-model="form.breastSurgeryNum" placeholder="乳腺手术次数"></el-input>
  222. </el-form-item>
  223. <el-form-item label="乳腺手术病理结果:" class="copd-form-item" v-if='form.breastBiopsySurgery == 1' >
  224. <el-radio-group v-model="form.breastSurgeryResult" >
  225. <el-radio label="0">良性</el-radio>
  226. <el-radio label="1">恶性</el-radio>
  227. <el-radio label="2">不确定</el-radio>
  228. </el-radio-group>
  229. </el-form-item>
  230. <el-form-item label="双侧卵巢切除手术:" class="copd-form-item" >
  231. <el-radio-group v-model="form.accessoryExcision" >
  232. <el-radio label="1">有</el-radio>
  233. <el-radio label="0">无</el-radio>
  234. </el-radio-group>
  235. </el-form-item>
  236. <el-form-item label="子宫切除手术:" class="copd-form-item" >
  237. <el-radio-group v-model="form.hysterectomy" >
  238. <el-radio label="1">有</el-radio>
  239. <el-radio label="0">无</el-radio>
  240. </el-radio-group>
  241. </el-form-item>
  242. <el-form-item label="子宫切除手术年龄:" class="copd-form-item1" v-if='form.hysterectomy ==1'>
  243. <el-input class="copd-form-input" v-model="form.hysterectomyAge" placeholder="子宫切除手术年龄"></el-input>
  244. </el-form-item>
  245. <el-form-item label="目前使用避孕方法:" class="copd-form-item" >
  246. <el-radio-group v-model="form.accessoryExcision" >
  247. <el-radio label="1">未避孕</el-radio>
  248. <el-radio label="2">避孕套</el-radio>
  249. <el-radio label="3">避孕药(年)</el-radio>
  250. <el-radio label="4">宫内节育器</el-radio>
  251. <el-radio label="5">其他避孕方法</el-radio>
  252. </el-radio-group>
  253. </el-form-item>
  254. <el-form-item label="其他避孕方法:" class="copd-form-item1" v-if='form.contraceptiveMethod ==5'>
  255. <el-input class="copd-form-input" v-model="form.contraceptiveOtherMethod" placeholder="其他避孕方法"></el-input>
  256. </el-form-item>
  257. <el-form-item label="白带异常:" class="copd-form-item" >
  258. <el-radio-group v-model="form.accessoryExcision" >
  259. <el-radio label="1">有</el-radio>
  260. <el-radio label="0">无</el-radio>
  261. </el-radio-group>
  262. </el-form-item>
  263. <el-form-item label="接触性出血:" class="copd-form-item" >
  264. <el-radio-group v-model="form.contactBleeding" >
  265. <el-radio label="1">有</el-radio>
  266. <el-radio label="0">无</el-radio>
  267. </el-radio-group>
  268. </el-form-item>
  269. <el-form-item label="阴道不规则出血:" class="copd-form-item" >
  270. <el-radio-group v-model="form.irregularVaginalBleeding" >
  271. <el-radio label="1">有</el-radio>
  272. <el-radio label="0">无</el-radio>
  273. </el-radio-group>
  274. </el-form-item>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="copd-data-para-item">
  279. <div class="copd-d-p-i-title" id="copdBaseInfo">个人相关病史</div>
  280. <div class="diver-line"></div>
  281. <div class="copd-d-p-i-content">
  282. <div class="copd-d-p-i-content_inner">
  283. <el-form-item label="是否有过宫颈癌检查:" class="copd-form-item">
  284. <el-radio-group v-model="form.cervicalCancerExamination" direction="horizontal">
  285. <el-radio label="1">三年内</el-radio>
  286. <el-radio label="2">三年以上</el-radio>
  287. <el-radio label="0">否</el-radio>
  288. </el-form-item>
  289. <el-form-item label="宫颈细胞学结果异常:" class="copd-form-item" >
  290. <el-radio-group v-model="form.cervicalCellsAbnormal" >
  291. <el-radio label="1">有</el-radio>
  292. <el-radio label="0">无</el-radio>
  293. </el-radio-group>
  294. </el-form-item>
  295. <el-form-item label="HPV检查阳性:" class="copd-form-item" >
  296. <el-radio-group v-model="form.hysterectomy" >
  297. <el-radio label="1">有</el-radio>
  298. <el-radio label="0">无</el-radio>
  299. </el-radio-group>
  300. </el-form-item>
  301. <el-form-item label="CIN(宫颈上皮内瘤变):" class="copd-form-item" >
  302. <el-radio-group v-model="form.hysterectomy" >
  303. <el-radio label="1">有</el-radio>
  304. <el-radio label="0">无</el-radio>
  305. </el-radio-group>
  306. </el-form-item>
  307. <el-form-item label="宫颈癌:" class="copd-form-item" >
  308. <el-radio-group v-model="form.hysterectomy" >
  309. <el-radio label="1">有</el-radio>
  310. <el-radio label="0">无</el-radio>
  311. </el-radio-group>
  312. </el-form-item>
  313. </div>
  314. </div>
  315. </div>
  316. </el-form>
  317. </div>