WorkerInfo.vue 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <template>
  2. <div>
  3. <common @asynCallBack="asynCallBack"></common>
  4. <top-header :pageTitle="pageTitle"></top-header>
  5. <div class="mui-content vongi-qingjiadt">
  6. <div class="mui-content-padded">
  7. <h5>个人信息</h5>
  8. </div>
  9. <form class="mui-input-group">
  10. <div class="mui-input-row">
  11. <label>姓名</label>
  12. <span v-html="detail.name">王后雄</span>
  13. </div>
  14. <div class="mui-input-row">
  15. <label>手机号</label>
  16. <span v-html="detail.phone"> </span>
  17. </div>
  18. <div class="mui-input-row">
  19. <label>公司名称</label>
  20. <span v-html="detail.position1"></span>
  21. </div>
  22. <div class="mui-input-row">
  23. <label>所属部门</label>
  24. <span v-html="detail.position2"></span>
  25. </div>
  26. <div class="mui-input-row">
  27. <label>岗位</label>
  28. <span v-html="detail.position3"></span>
  29. </div>
  30. </form>
  31. <div class="mui-content-padded">
  32. <h5>健康状态</h5>
  33. </div>
  34. <form class="mui-input-group">
  35. <div class="mui-input-row">
  36. <label style="width:50%">自身健康情况</label>
  37. <span v-html="detail.personHealthLedger.healthStatusN" style="width:50%"> </span>
  38. </div>
  39. <div class="mui-input-row">
  40. <label>今日体温</label>
  41. <span v-html="detail.personHealthLedger.temperature+'°C'">36.3</span>
  42. </div>
  43. <div class="mui-input-row">
  44. <label>其他情况</label>
  45. <span v-html="detail.personHealthLedger.healthRemark">无</span>
  46. </div>
  47. <div class="mui-input-row">
  48. <label style="width:70%">家庭成员身体健康情况</label>
  49. <span v-html="detail.personHealthLedger.familyStatusN" style="width:30%">健康</span>
  50. </div>
  51. <div class="mui-input-row">
  52. <label style="width:50%">家庭成员健康码</label>
  53. <span class="vongi-yddk-dat-photo" style="width:50%">
  54. <div class="flew">
  55. <div class="mui-col-xs-3" v-for="(code,index) in detail.personHealthLedger.familyGreenCode.split(',')">
  56. <img v-if="code" :src="code+ '?x-oss-process=image/resize,m_fill,w_128,h_128'" width="100%" />
  57. </div>
  58. </div>
  59. </span>
  60. </div>
  61. <div class="mui-input-row">
  62. <label style="width:70%">假期是否曾前往重点疫区</label>
  63. <span style="width:30%" v-html="detail.personHealthLedger.isGoto?'是':'否'">否</span>
  64. </div>
  65. <div class="mui-input-row">
  66. <label style="width:70%" >是否接触重点疫区高危人群</label>
  67. <span style="width:30%" v-html="detail.personHealthLedger.isTouch?'是':'否'">否</span>
  68. </div>
  69. </form>
  70. </div>
  71. <loading :visible="isLoading"></loading>
  72. </div>
  73. </template>
  74. <script>
  75. import * as API_Health from '@/apis/Master/health'
  76. import Common from '$project/components/Common.vue'
  77. import Loading from '$project/components/Loading.vue'
  78. import TopHeader from '$project/components/TopHeader.vue'
  79. import {
  80. mapGetters,
  81. mapMutations
  82. } from 'vuex'
  83. import {
  84. currentTimeStamp,
  85. parseUnixTime
  86. } from '$project/utils'
  87. export default {
  88. name: 'MasterHealthWorkerInfo',
  89. components: {
  90. Common,
  91. Loading,
  92. TopHeader
  93. },
  94. data() {
  95. return {
  96. pageTitle: '职工台账详情',
  97. id: '',
  98. detail: {
  99. personHealthLedger: {
  100. healthStatusN: null,
  101. familyGreenCode: ""
  102. }
  103. },
  104. isLoading: false,
  105. }
  106. },
  107. created() {
  108. this.id = this.$route.query.id;
  109. },
  110. methods: {
  111. //获取详情
  112. getDetail() {
  113. this.isLoading = true;
  114. API_Health.getDetail(this.id, '3').then(response => {
  115. this.isLoading = false;
  116. this.detail = response;
  117. }).catch(error => {
  118. this.isLoading = false;
  119. mui.toast(error);
  120. })
  121. },
  122. asynCallBack() {},
  123. },
  124. mounted() {
  125. this.getDetail();
  126. },
  127. destroyed() {
  128. },
  129. computed: {
  130. ...mapGetters({
  131. openId: 'wx_openid',
  132. token: 'token',
  133. person_data: 'person_data',
  134. person_popedom: 'person_popedom',
  135. })
  136. }
  137. }
  138. </script>
  139. <style scoped src="$project/assets/css/xpwyfyy.css"></style>
  140. <style src="$project/assets/css/iconfont.css"></style>
  141. <style>
  142. </style>