index.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <div id="app">
  2. <van-form>
  3. <div class="item-list">
  4. <van-tabs title-active-color="#17b3ec" color="#17b3ec" v-model:active="active">
  5. <van-tab title="检查数据">
  6. <div class="item" v-for="(item, i) in form.list" :key="i">
  7. <van-cell :title="i+1+'、'">
  8. <div id="" v-if="!readonly">
  9. <van-icon v-if="form.list&&form.list.length>1" size="20px" name="delete-o" />
  10. </div>
  11. </van-cell>
  12. <van-field
  13. :readonly="readonly"
  14. label-width="8rem"
  15. class=""
  16. readonly
  17. clearable
  18. :value="item.tbsResult"
  19. name="TBS分类报告结果"
  20. label="TBS分类报告结果"
  21. placeholder="请选择"
  22. input-align="right"
  23. :is-link="!readonly"></van-field>
  24. <!-- <van-field :readonly="readonly" required label-width="8rem" class='' name="宫颈DNA倍体检测结果" label="宫颈DNA倍体检测结果" input-align="right">
  25. <div slot="input">
  26. <van-radio-group :disabled="readonly" v-model="item.cervicalDnaPloidyInspect" direction="horizontal" :disabled='readonly' >
  27. <van-radio name="1">未见DNA倍体异常</van-radio>
  28. <van-radio name="2">可见少量DNA倍体异常细胞(1-2个)</van-radio>
  29. <van-radio name="3">可见少量细胞增生(5%-10%)</van-radio>
  30. <van-radio name="4">可见DNA倍体异常细胞(≥3个)</van-radio>
  31. <van-radio name="5">可见细胞异常增生(≥10%)</van-radio>
  32. <van-radio name="6">可见异倍体细胞峰</van-radio>
  33. <van-radio name="7">有效检测细胞不足</van-radio>
  34. </van-radio-grou>
  35. </div>
  36. </van-field> -->
  37. <van-field
  38. readonly="true"
  39. required
  40. label-width="8rem"
  41. class=""
  42. :readonly="readonly"
  43. clearable
  44. v-model="item.cervicalCytologyOrg"
  45. name="检查机构"
  46. label="检查机构"
  47. placeholder="请输入检查机构"
  48. input-align="right"></van-field>
  49. <van-field
  50. readonly="true"
  51. required
  52. label-width="8rem"
  53. class=""
  54. :readonly="readonly"
  55. clearable
  56. v-model="item.cervicalCytologyUser"
  57. name="检查人员"
  58. label="检查人员"
  59. placeholder="请输入检查人员"
  60. input-align="right"></van-field>
  61. <van-field
  62. :readonly="readonly"
  63. required
  64. label-width="8rem"
  65. class=""
  66. readonly
  67. clickable
  68. name="检查时间"
  69. :value="item.cervicalCytologyTime?item.cervicalCytologyTime:''"
  70. label="检查时间"
  71. placeholder="请选择检查时间"
  72. input-align="right"
  73. :is-link="!readonly"></van-field>
  74. </div>
  75. <div v-if="!readonly" class="item-add-btn" id="">
  76. <img src="../images/xinzhengyaopin_icon.png" />
  77. </div>
  78. </van-tab>
  79. <van-tab title="检查报告">
  80. <iframe v-if="cytoTubeNum" :src="pdfUrl" class="mt10" style="width: 100%; height: calc(100vh - 100px)"></iframe>
  81. <div v-else id="no_result_wrap" class="c-dn" v-else>
  82. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  83. <div class="c-f14 c-323232 c-t-center">暂无数据</div>
  84. </div>
  85. </van-tab>
  86. </van-tabs>
  87. </div>
  88. </van-form>
  89. </div>