vaccdetail.vue 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <template>
  2. <view v-if="show">
  3. <view class="dnlist" >
  4. <view class="dnlist_tit">人员基本信息</view>
  5. <view class="dnlist_box">
  6. <!-- 阴性 -->
  7. <image :src="nuysimg" class="dnlist_yimg" v-if="nucStatus=='Yi'"></image>
  8. <!-- 阳性 -->
  9. <image :src="nuyimg" class="dnlist_yimg" v-else></image>
  10. <view class="dnlist_flex">
  11. <view class="dnlist_fa">姓名</view>
  12. <view class="dnlist_fb">{{formData.userName}}</view>
  13. </view>
  14. <view class="dnlist_flex">
  15. <view class="dnlist_fa">性别</view>
  16. <view class="dnlist_fb">{{formData.gender}}</view>
  17. </view>
  18. <view class="dnlist_flex">
  19. <view class="dnlist_fa">年龄</view>
  20. <view class="dnlist_fb">{{formData.age}}</view>
  21. </view>
  22. <view class="dnlist_flex">
  23. <view class="dnlist_fa">身份证号</view>
  24. <view class="dnlist_fb">{{formData.idCard}}</view>
  25. </view>
  26. <view class="dnlist_flex">
  27. <view class="dnlist_fa">联系方式</view>
  28. <view class="dnlist_fb">{{formData.phoneNum}}</view>
  29. </view>
  30. <view class="dnlist_flex">
  31. <view class="dnlist_fa">户籍地址</view>
  32. <view class="dnlist_fb">{{formData.domicileSelect}}</view>
  33. </view>
  34. <view class="dnlist_flex">
  35. <view class="dnlist_fa">详细地址</view>
  36. <view class="dnlist_fb">{{formData.nowIn}}</view>
  37. </view>
  38. <view class="dnlist_flex">
  39. <view class="dnlist_fa">居住地址</view>
  40. <view class="dnlist_fb">{{formData.residentialAddress}}</view>
  41. </view>
  42. <view class="dnlist_flex">
  43. <view class="dnlist_fa">详细地址</view>
  44. <view class="dnlist_fb">{{formData.nowXjd}}</view>
  45. </view>
  46. </view>
  47. </view>
  48. <view class="dnlist">
  49. <view class="dnlist_tit">人员核酸信息</view>
  50. <view class="dnlist_box">
  51. <view class="dnlist_flex">
  52. <view class="dnlist_fa">核酸次数</view>
  53. <view class="dnlist_fb">{{formData.hsjlCount||0}}次</view>
  54. </view>
  55. </view>
  56. </view>
  57. <view class="dnlist" v-for="(ite,idx) in formData.hsjlRecordList" :key='idx'>
  58. <view class="dnlist_tit"></view>
  59. <view class="dnlist_box">
  60. <view class="dnlist_flex">
  61. <view class="dnlist_fa">核酸地址</view>
  62. <view class="dnlist_fb">{{ite.address}}</view>
  63. </view>
  64. <view class="dnlist_flex">
  65. <view class="dnlist_fa">核酸时间</view>
  66. <view class="dnlist_fb">{{ite.samplingTime}}</view>
  67. </view>
  68. <view class="dnlist_flex">
  69. <view class="dnlist_fa">核酸状态</view>
  70. <view class="dnlist_fb" :class="ite.nucleicAcidStatus=='Yi'?'col0':'colf'">{{nucstatusFn(ite.nucleicAcidStatus)}}</view>
  71. </view>
  72. </view>
  73. </view>
  74. </view>
  75. </template>
  76. <script>
  77. export default{
  78. data(){
  79. return{
  80. nuyimg:require("@/static/image/nuy.png"),
  81. nuysimg:require("@/static/image/nuyi.png"),
  82. show:false,
  83. formData:{
  84. id:'',
  85. hsjlRecordList:[],
  86. },
  87. nucStatus:'Yi',
  88. nucleicAcidStatus:'',
  89. nucstatuslist:[],
  90. }
  91. },
  92. onLoad(option) {
  93. this.formData.id = option.id;
  94. this.getDetail();
  95. this.init();
  96. },
  97. methods:{
  98. nucstatusFn(ite){
  99. return this.selectDictLabel(this.nucstatuslist,ite)
  100. },
  101. // 回显数据字典
  102. selectDictLabel(datas, value) {
  103. var actions = [];
  104. Object.keys(datas).some((key) => {
  105. if (datas[key].dictValue == ('' + value)) {
  106. actions.push(datas[key].dictLabel);
  107. return true;
  108. }
  109. })
  110. return actions.join('');
  111. },
  112. init(){
  113. this.nucleicAcidStatusFn()
  114. // this.frequencyFn()
  115. },
  116. getDetail(){
  117. this.$http.get('boman-web-core/core/hsjl//getById/' + this.formData.id).then(res => {
  118. if(res.code==200){
  119. this.formData=res.data;
  120. if(res.data.hsjlRecordList.length){
  121. this.nucStatus=res.data.hsjlRecordList[0].nucleicAcidStatus
  122. }
  123. }
  124. })
  125. },
  126. // 核酸状态的字典值
  127. nucleicAcidStatusFn(){
  128. var that = this;
  129. this.$http.get('system/dict/data/type/sys_hsjl_nucleicAcidStatus').then(res => {
  130. if (res.code == 200) {
  131. that.nucstatuslist = res.data;
  132. // this.nucstatusclass = res.data.map(v => {
  133. // return {
  134. // label: v.dictLabel,
  135. // value: v.dictValue
  136. // }
  137. // })
  138. }
  139. })
  140. },
  141. //次数字典值
  142. // frequencyFn(){
  143. // var that = this;
  144. // this.$http.get('system/dict/data/type/sys_hsjl_frequency').then(res => {
  145. // if (res.code == 200) {
  146. // if (that.formData.hsjlCount) {
  147. // that.hsjlCount = that.selectDictLabel(res.data, that.formData.hsjlCount)
  148. // }
  149. // that.hsjlCountlist = res.data;
  150. // this.hsjlCountclass = res.data.map(v => {
  151. // return {
  152. // label: v.dictLabel,
  153. // value: v.dictValue
  154. // }
  155. // })
  156. // }
  157. // })
  158. // },
  159. }
  160. }
  161. </script>
  162. <style scoped>
  163. .dnlist_tit{width: 100%;background: #F2F2F2;padding: 14rpx 32rpx;box-sizing: border-box;font-size: 24rpx;font-weight: 500;color: #666666;line-height: 40rpx;}
  164. .dnlist_box{background: #FFFFFF;padding:2rpx 32rpx;position: relative;}
  165. .dnlist_flex{display: flex;align-items: flex-start;line-height: 40rpx;padding: 24rpx 0;}
  166. .dnlist_fa{flex: 0 0 auto;font-size: 28rpx;font-weight: 500;color: #343434;min-width:160rpx ;}
  167. .dnlist_fb{flex: 1;font-size: 28rpx;color: #343434;margin-left: 16rpx;}
  168. .dnlist_fb.col0{color:#00B034;}
  169. .dnlist_fb.colf{color:#FF0000;}
  170. .dnlist_yimg{width: 136rpx;height: 118rpx;position: absolute;right: 74rpx;top: 46rpx;}
  171. </style>