index.vue 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <template>
  2. <div class="app-container home">
  3. <h3 class="toolbar">
  4. <span class="title">数据累计</span>
  5. </h3>
  6. <template v-if="userType == 'ADMIN'">
  7. <el-row :gutter="20">
  8. <el-col :span="8">
  9. <div class="stat_box">
  10. <i class="icon icon_1"></i>
  11. <span class="num">{{info.entSumCnt}}</span>
  12. <span class="label">企业总数</span>
  13. </div>
  14. </el-col>
  15. <el-col :span="8">
  16. <div class="stat_box">
  17. <i class="icon icon_9"></i>
  18. <span class="num">{{info.entValidCnt}}</span>
  19. <span class="label">服务中企业</span>
  20. </div>
  21. </el-col>
  22. <el-col :span="8">
  23. <div class="stat_box">
  24. <i class="icon icon_8"></i>
  25. <span class="num">{{info.entExpiredCnt}}</span>
  26. <span class="label">服务已到期企业</span>
  27. </div>
  28. </el-col>
  29. <el-col :span="8">
  30. <div class="stat_box">
  31. <i class="icon icon_5"></i>
  32. <span class="num">{{info.entSumCnt}}</span>
  33. <span class="label">项目总数</span>
  34. </div>
  35. </el-col>
  36. <el-col :span="8">
  37. <div class="stat_box">
  38. <i class="icon icon_6"></i>
  39. <span class="num">{{info.proFinishCnt}}</span>
  40. <span class="label">已完成项目</span>
  41. </div>
  42. </el-col>
  43. <el-col :span="8">
  44. <div class="stat_box">
  45. <i class="icon icon_7"></i>
  46. <span class="num">{{info.proUnfinishCnt}}</span>
  47. <span class="label">待完成项目</span>
  48. </div>
  49. </el-col>
  50. </el-row>
  51. </template>
  52. <template v-if="userType == 'GOV_PROV' || userType == 'GOV_CITY' || userType == 'GOV_DISTRI'">
  53. <el-row :gutter="20">
  54. <el-col :span="8">
  55. <div class="stat_box">
  56. <i class="icon icon_1"></i>
  57. <span class="num">{{info.entSumCnt}}</span>
  58. <span class="label">企业总数</span>
  59. </div>
  60. </el-col>
  61. <el-col :span="8">
  62. <div class="stat_box">
  63. <i class="icon icon_1"></i>
  64. <span class="num">{{info.proFinishCnt}}</span>
  65. <span class="label">项目申报数</span>
  66. </div>
  67. </el-col>
  68. </el-row>
  69. </template>
  70. <template v-if="userType == 'ENT_ADMIN' || userType == 'ENT_TECH' || userType == 'ENT_ADMIN_TECH' || userType == 'ENT_FIN' || userType == 'ENT_ADMIN_FIN'">
  71. <el-row :gutter="20">
  72. <el-col :span="8">
  73. <div class="stat_box">
  74. <i class="icon icon_5"></i>
  75. <span class="num">{{info.proSumCnt}}</span>
  76. <span class="label">项目总数</span>
  77. </div>
  78. </el-col>
  79. <el-col :span="8">
  80. <div class="stat_box">
  81. <i class="icon icon_6"></i>
  82. <span class="num">{{info.proFinishCnt}}</span>
  83. <span class="label">已完成项目</span>
  84. </div>
  85. </el-col>
  86. <el-col :span="8">
  87. <div class="stat_box">
  88. <i class="icon icon_7"></i>
  89. <span class="num">{{info.proUnfinishCnt}}</span>
  90. <span class="label">待完成项目</span>
  91. </div>
  92. </el-col>
  93. </el-row>
  94. </template>
  95. </div>
  96. </template>
  97. <script>
  98. import {getIndexDataApi} from "@/api/common/common.js"
  99. export default {
  100. name: "Index",
  101. computed: {
  102. userType() {
  103. return this.$store.state.user.userType
  104. },
  105. },
  106. data() {
  107. return {
  108. // 版本号
  109. version: "1.0.0",
  110. info: {}
  111. };
  112. },
  113. created() {
  114. this.getData()
  115. },
  116. methods: {
  117. goTarget(href) {
  118. window.open(href, "_blank");
  119. },
  120. getData() {
  121. getIndexDataApi().then(res => {
  122. this.info = res.data || {}
  123. })
  124. }
  125. },
  126. };
  127. </script>
  128. <style scoped lang="scss">
  129. .home {
  130. blockquote {
  131. padding: 10px 20px;
  132. margin: 0 0 20px;
  133. font-size: 17.5px;
  134. border-left: 5px solid #eee;
  135. }
  136. hr {
  137. margin-top: 20px;
  138. margin-bottom: 20px;
  139. border: 0;
  140. border-top: 1px solid #eee;
  141. }
  142. .col-item {
  143. margin-bottom: 20px;
  144. }
  145. ul {
  146. padding: 0;
  147. margin: 0;
  148. }
  149. font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  150. font-size: 13px;
  151. color: #676a6c;
  152. overflow-x: hidden;
  153. ul {
  154. list-style-type: none;
  155. }
  156. h4 {
  157. margin-top: 0px;
  158. }
  159. h2 {
  160. margin-top: 10px;
  161. font-size: 26px;
  162. font-weight: 100;
  163. }
  164. p {
  165. margin-top: 10px;
  166. b {
  167. font-weight: 700;
  168. }
  169. }
  170. .update-log {
  171. ol {
  172. display: block;
  173. list-style-type: decimal;
  174. margin-block-start: 1em;
  175. margin-block-end: 1em;
  176. margin-inline-start: 0;
  177. margin-inline-end: 0;
  178. padding-inline-start: 40px;
  179. }
  180. }
  181. }
  182. </style>