| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 | <template>  <div class="app-container home">    <h3 class="toolbar">      <span class="title">数据累计</span>    </h3>    <template v-if="userType == 'ADMIN'">      <el-row :gutter="20">        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_1"></i>            <span class="num">{{info.entSumCnt}}</span>            <span class="label">企业总数</span>          </div>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_9"></i>            <span class="num">{{info.entValidCnt}}</span>            <span class="label">服务中企业</span>          </div>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_8"></i>            <span class="num">{{info.entExpiredCnt}}</span>            <span class="label">服务已到期企业</span>          </div>        </el-col>        <el-col :span="8">          <router-link to="project/project">            <div class="stat_box">              <i class="icon icon_5"></i>              <span class="num">{{info.proSumCnt}}</span>              <span class="label">项目总数</span>            </div>          </router-link>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_6"></i>            <span class="num">{{info.proFinishCnt}}</span>            <span class="label">已完成项目</span>          </div>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_7"></i>            <span class="num">{{info.proUnfinishCnt}}</span>            <span class="label">待完成项目</span>          </div>        </el-col>      </el-row>    </template>    <template v-if="userType == 'GOV_PROV' || userType == 'GOV_CITY' || userType == 'GOV_DISTRI'">      <el-row :gutter="20">        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_1"></i>            <span class="num">{{info.entSumCnt}}</span>            <span class="label">企业总数</span>          </div>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_1"></i>            <span class="num">{{info.proFinishCnt}}</span>            <span class="label">项目申报数</span>          </div>        </el-col>      </el-row>    </template>    <template v-if="userType == 'ENT_ADMIN' || userType == 'ENT_TECH' || userType == 'ENT_ADMIN_TECH' || userType == 'ENT_FIN' || userType == 'ENT_ADMIN_FIN'">      <el-row :gutter="20">        <el-col :span="8">          <router-link to="project/project">            <div class="stat_box">              <i class="icon icon_5"></i>              <span class="num">{{info.proSumCnt}}</span>              <span class="label">项目总数</span>            </div>          </router-link>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_6"></i>            <span class="num">{{info.proFinishCnt}}</span>            <span class="label">已完成项目</span>          </div>        </el-col>        <el-col :span="8">          <div class="stat_box">            <i class="icon icon_7"></i>            <span class="num">{{info.proUnfinishCnt}}</span>            <span class="label">待完成项目</span>          </div>        </el-col>      </el-row>    </template>  </div></template><script>  import {getIndexDataApi} from "@/api/common/common.js"export default {  name: "Index",  computed: {    userType() {      return this.$store.state.user.userType    },  },  data() {    return {      // 版本号      version: "1.0.0",      info: {}    };  },  created() {    this.getData()  },  methods: {    goTarget(href) {      window.open(href, "_blank");    },    getData() {      getIndexDataApi().then(res => {        this.info = res.data || {}      })    }  },};</script><style scoped lang="scss">.home {  blockquote {    padding: 10px 20px;    margin: 0 0 20px;    font-size: 17.5px;    border-left: 5px solid #eee;  }  hr {    margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-top: 1px solid #eee;  }  .col-item {    margin-bottom: 20px;  }  ul {    padding: 0;    margin: 0;  }  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 13px;  color: #676a6c;  overflow-x: hidden;  ul {    list-style-type: none;  }  h4 {    margin-top: 0px;  }  h2 {    margin-top: 10px;    font-size: 26px;    font-weight: 100;  }  p {    margin-top: 10px;    b {      font-weight: 700;    }  }  .update-log {    ol {      display: block;      list-style-type: decimal;      margin-block-start: 1em;      margin-block-end: 1em;      margin-inline-start: 0;      margin-inline-end: 0;      padding-inline-start: 40px;    }  }}</style>
 |