CompanyList.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <template>
  2. <div>
  3. <common @asynCallBack="asynCallBack"></common>
  4. <top-header :pageTitle="pageTitle"></top-header>
  5. <div class="mui-content vongi-dwlist">
  6. <ul class="mui-table-view openfyy-list">
  7. <li class="mui-table-view-cell mui-media" v-for="(item,index) in companyList" :key="index">
  8. <a @click="goto(item.id)" class="mui-navigate-right">
  9. <div class="mui-media-body">
  10. {{item.name}}
  11. <h4 class='mui-pull-right'><span class="color4fc5f7">{{item.detectedNum}}</span>/<span class="color4fc5f7">{{item.personNum}}</span></h4>
  12. </div>
  13. </a>
  14. </li>
  15. </ul>
  16. <h6>已测:<span class="color4fc5f7">{{sumDetectedNum}}</span> / 应测:<span class="color4fc5f7">{{sumPersonNum}}</span></h6>
  17. </div>
  18. </div>
  19. </template>
  20. <script>
  21. import * as API_Control from '@/apis/HouseKeeper/control'
  22. import Common from '$project/components/Common.vue'
  23. import Loading from '$project/components/Loading.vue'
  24. import TopHeader from '$project/components/TopHeader.vue'
  25. import {
  26. mapGetters,
  27. mapMutations
  28. } from 'vuex'
  29. export default {
  30. name: 'MasterAttendanceInfo',
  31. components: {
  32. Common,
  33. Loading,
  34. TopHeader
  35. },
  36. data() {
  37. return {
  38. pageTitle: '单位列表',
  39. isLoading: false,
  40. companyList: [],
  41. sumDetectedNum: 0,
  42. sumPersonNum: 0,
  43. }
  44. },
  45. created() {
  46. },
  47. methods: {
  48. goto(id){
  49. this.$router.push({
  50. name: 'HouseKeeperControlHealthWorkerTemperature',
  51. query: {id:id}
  52. })
  53. },
  54. //提交
  55. getCompanyList() {
  56. this.isLoading = true;
  57. API_Control.queryCompanyList().then(response => {
  58. this.isLoading = false;
  59. this.companyList = response.list;
  60. this.sumDetectedNum = response.sumDetectedNum;
  61. this.sumPersonNum = response.sumPersonNum;
  62. }).catch(error => {
  63. this.isLoading = false;
  64. mui.toast(error);
  65. })
  66. },
  67. asynCallBack() {
  68. },
  69. },
  70. mounted() {
  71. //获取公司列表
  72. this.getCompanyList();
  73. },
  74. destroyed() {},
  75. computed: {
  76. }
  77. }
  78. </script>
  79. <style scoped src="$project/assets/css/xpwyfyy.css"></style>
  80. <style src="$project/assets/css/iconfont.css"></style>
  81. <style>
  82. </style>