index.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <div id="app">
  2. <van-form>
  3. <van-field :readonly="readonly" required label-width="10rem" class='' name="mt10" label="最后诊断" input-align="right">
  4. <div slot="input">
  5. <van-radio-group :disabled="readonly" v-model="form.finalDiagnosisResult" direction="horizontal" :disabled='readonly' >
  6. <van-radio name="1">未见异常</van-radio>
  7. <van-radio name="2">异常</van-radio>
  8. </van-radio-group>
  9. </div>
  10. </van-field>
  11. <template v-if="form.finalDiagnosisResult==2">
  12. <van-field :readonly="readonly" required label-width="8rem" class='' name="异常类型" label="异常类型" input-align="right">
  13. <div slot="input">
  14. <van-checkbox-group :disabled="readonly"v-model="form.finalDiagnosisAbnormal" :disabled='readonly' >
  15. <van-checkbox :name="'1'" class='top2'>低级别病变(原CIN1)</van-checkbox>
  16. <van-checkbox :name="'2'" class='top2'>高级别病变(原CIN2及CIN3)</van-checkbox>
  17. <van-checkbox :name="'3'" class='top2'>宫颈原位腺癌(AIS)</van-checkbox>
  18. <van-checkbox :name="'4'" class='top2'>宫颈微小浸润癌(鳞癌/腺癌)</van-checkbox>
  19. <van-checkbox :name="'5'" class='top2'>宫颈浸润癌(鳞癌/腺癌)</van-checkbox>
  20. <!-- <van-checkbox :name="'6'" class='top2'>滴虫性阴道炎</van-checkbox>
  21. <van-checkbox :name="'7'" class='top2'>外阴阴道假丝酵母菌病</van-checkbox>
  22. <van-checkbox :name="'8'" class='top2'>细菌性阴道病</van-checkbox>
  23. <van-checkbox :name="'9'" class='top2'>外生殖器尖锐湿疣</van-checkbox>
  24. <van-checkbox :name="'10'" class='top2'>子宫肌瘤</van-checkbox>
  25. <van-checkbox :name="'11'" class='top2'>黏液脓性宫颈炎</van-checkbox>
  26. <van-checkbox :name="'12'" class='top2'>宫颈息肉</van-checkbox> -->
  27. <van-checkbox :name="'13'" class='top2'>其他恶性肿瘤,请注明--</van-checkbox>
  28. <van-checkbox :name="'14'" class='top2'>其他</van-checkbox>
  29. </van-checkbox-group>
  30. </div>
  31. </van-field>
  32. <van-field :readonly="readonly" required label-width="6rem" :readonly='readonly' class='' v-if='form.finalDiagnosisAbnormal.indexOf("13")!=-1' clearable v-model="form.finalDiagnosisMalignantTumors" name="其他恶性肿瘤说明" label="其他恶性肿瘤说明" placeholder="请输入其他恶性肿瘤说明" input-align="right"></van-field>
  33. <van-field :readonly="readonly" required label-width="6rem" :readonly='readonly' class='' v-if='form.finalDiagnosisAbnormal.indexOf("14")!=-1' clearable v-model="form.finalDiagnosisOtherAbnormal" name="其他异常描述" label="其他异常描述" placeholder="请输入其他异常描述" input-align="right"></van-field>
  34. </template>
  35. <van-field :readonly="readonly" required label-width="8rem" class='' :readonly='readonly' clearable v-model="form.finalDiagnosisOrg" name="检查机构" label="检查机构" placeholder="请输入检查机构" input-align="right"></van-field>
  36. <van-field :readonly="readonly" required label-width="8rem" class='' :readonly='readonly' clearable v-model="form.finalDiagnosisUser" name="检查人员" label="检查人员" placeholder="请输入检查人员" input-align="right"></van-field>
  37. <van-field :readonly="readonly" required label-width="8rem" class='' readonly clickable name="检查时间" :value="form.finalDiagnosisTime?form.finalDiagnosisTime:''" label="检查时间" placeholder="请选择检查时间"
  38. input-align="right" :is-link="!readonly">
  39. </van-field>
  40. <van-field :readonly="readonly" label-width="8rem" class='' name="宫颈病变接受治疗" label="宫颈病变接受治疗" input-align="right">
  41. <div slot="input">
  42. <van-radio-group :disabled="readonly" v-model="form.cervicalLesionsTreatment" direction="horizontal" :disabled='readonly' >
  43. <van-radio name="1">是</van-radio>
  44. <van-radio name="2" class='top2'>否</van-radio>
  45. <van-radio name="3" class='top2'>不详</van-radio>
  46. </van-radio-group>
  47. </div>
  48. </van-field>
  49. <van-field :readonly="readonly" label-width="6rem" :readonly='readonly' class='' v-if='form.cervicalLesionsTreatment==2 || form.cervicalLesionsTreatment==3' clearable v-model="form.cervicalLesionsUnbehandeltReason" name="宫颈病变未接受治疗原因" label="宫颈病变未接受治疗原因" placeholder="请输入说明" input-align="right"></van-field>
  50. <van-field :readonly="readonly" v-if='form.cervicalLesionsTreatment == 1' label-width="8rem" class='' name="治疗方法" label="治疗方法" input-align="right">
  51. <div slot="input">
  52. <van-radio-group :disabled="readonly" v-model="form.cervicalLesionsTreatmentMethod" direction="horizontal" :disabled='readonly' >
  53. <van-radio name="1">宫颈物理治疗</van-radio>
  54. <van-radio name="2" class='top2'>宫颈LEEP</van-radio>
  55. <van-radio name="3" class='top2'>宫颈锥切</van-radio>
  56. <van-radio name="4">子宫切除手术</van-radio>
  57. <van-radio name="5" class='top2'>放疗</van-radio>
  58. <van-radio name="6" class='top2'>化疗</van-radio>
  59. <van-radio name="7">其他</van-radio>
  60. </van-radio-group>
  61. </div>
  62. </van-field>
  63. <van-field :readonly="readonly" label-width="6rem" :readonly='readonly' class='' v-if='form.cervicalLesionsTreatmentMethod == 7' clearable v-model="form.cervicalLesionsTreatmentOther" name="治疗方法其他说明" label="治疗方法其他说明" placeholder="请输入说明" input-align="right"></van-field>
  64. <van-field :readonly="readonly" label-width="8rem" class='' :readonly='readonly' clearable v-model="form.followUpOrg" name="随访机构" label="随访机构" placeholder="请输入随访机构" input-align="right"></van-field>
  65. <van-field :readonly="readonly" label-width="8rem" class='' readonly clickable name="随访日期" :value="form.followUpTime?form.followUpTime:''" label="随访日期" placeholder="请选择随访日期"
  66. input-align="right" :is-link="!readonly">
  67. </van-field>
  68. </van-form>
  69. <div class="mt10">
  70. <div class="headline">术后病理</div>
  71. <van-field :readonly="readonly" label-width="8rem" class='' name="接受组织病理学检查" label="接受组织病理学检查" input-align="right">
  72. <div slot="input">
  73. <van-radio-group :disabled="readonly" v-model="form.acceptPathologicalExamination" direction="horizontal" :disabled='readonly' >
  74. <van-radio name="1">是</van-radio>
  75. <van-radio name="2">否</van-radio>
  76. </van-radio-grou>
  77. </div>
  78. </van-field>
  79. <template v-if="form.acceptPathologicalExamination==2">
  80. <van-field :readonly="readonly" label-width="8rem" class='' name="未接受检查的原因" label="未接受检查的原因" input-align="right">
  81. <div slot="input">
  82. <van-radio-group :disabled="readonly" v-model="form.refusePathologicalExaminationReason" direction="horizontal" :disabled='readonly' >
  83. <van-radio name="1">拒绝检查</van-radio>
  84. <van-radio name="2" class='top2'>失访</van-radio>
  85. <van-radio name="3" class='top2'>其他原因</van-radio>
  86. </van-radio-grou>
  87. </div>
  88. </van-field>
  89. <van-field :readonly="readonly" label-width="6rem"class='' :readonly='readonly' class='' v-if='form.refusePathologicalExaminationReason == 3' clearable v-model="form.refusePathologicalExaminationReasonOther" name="未接受检查其他描述" label="未接受检查其他描述" placeholder="请输入其他描述" input-align="right"></van-field>
  90. </template>
  91. <template v-if="form.acceptPathologicalExamination==1">
  92. <van-field :readonly="readonly" label-width="6rem" class='' name="组织病理学检查结果" label="组织病理学检查结果" input-align="right">
  93. <div slot="input">
  94. <van-checkbox-group :disabled="readonly" @change="onCheckboxChange($event, form, 'pathologicalExaminationResult')" v-model="form.pathologicalExaminationResult" direction="horizontal" :disabled='readonly' >
  95. <van-checkbox :name="'1'">未见异常</van-checkbox>
  96. <van-checkbox :name="'2-1'">炎症</van-checkbox>
  97. <van-checkbox :name="'2-2'" class='top2'>低级别病变(原CIN1)</van-checkbox>
  98. <van-checkbox :name="'2-3'" class='top2'>高级别病变(原CIN2及CIN3)</van-checkbox>
  99. <van-checkbox :name="'2-4'" class='top2'>宫颈原位腺癌(AIS)</van-checkbox>
  100. <van-checkbox :name="'2-5'" class='top2'>宫颈微小浸润癌(鳞癌/腺癌)</van-checkbox>
  101. <van-checkbox :name="'2-6'" class='top2'>宫颈浸润癌(鳞癌/腺癌)</van-checkbox>
  102. <van-checkbox :name="'2-7'" class='top2'>其他</van-checkbox>
  103. </van-checkbox-grou>
  104. </div>
  105. </van-field>
  106. <van-field :readonly="readonly" label-width="6rem" :readonly='readonly' class='' v-if='form.pathologicalExaminationResult.indexOf("2-7") != -1' clearable v-model="form.pathologicalExaminationAbnormalOther" name="组织病理学其他描述" label="组织病理学其他描述" placeholder="请输入其他描述" input-align="right"></van-field>
  107. </template>
  108. <van-field :readonly="readonly" label-width="8rem" class='' :readonly='readonly' clearable v-model="form.pathologicalExaminationOrg" name="检查机构" label="检查机构" placeholder="请输入检查机构" input-align="right"></van-field>
  109. <van-field :readonly="readonly" label-width="8rem" class='' :readonly='readonly' clearable v-model="form.pathologicalExaminationUser" name="检查人员" label="检查人员" placeholder="请输入检查人员" input-align="right"></van-field>
  110. <van-field :readonly="readonly" label-width="8rem" class='' readonly clickable name="检查时间" :value="form.pathologicalExaminationTime?form.pathologicalExaminationTime:''" label="检查时间" placeholder="请选择检查时间"
  111. input-align="right" :is-link="!readonly">
  112. </van-field>
  113. </div>
  114. </div>