index.vue 5.0 KB

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