前端：新首页

src/dashoo.cn/frontend_web/src/pages/indexNew.vue

@@ -2,11 +2,26 @@
   <div class="home-body" v-loading="downloading" element-loading-text="'数据读取中，请稍候。。。'">
     <!--标题部分-->
     <div class="todo-box">
-      <div class="todo-box-item"></div>
-      <div class="todo-box-item"></div>
-      <div class="todo-box-item"></div>
-      <div class="todo-box-item"></div>
-      <div class="todo-box-item"></div>
+      <div class="todo-box-item">
+        <div class="title">新准入</div>
+        <div class="number">{{ newAccessNum }}</div>
+      </div>
+      <div class="todo-box-item">
+        <div class="title">增项申请</div>
+        <div class="number">{{ appendNum }}</div>
+      </div>
+      <div class="todo-box-item">
+        <div class="title">年审申请</div>
+        <div class="number">{{ annualNum }}</div>
+      </div>
+      <div class="todo-box-item">
+        <div class="title">信息变更</div>
+        <div class="number">{{ infoChangeNum }}</div>
+      </div>
+      <div class="todo-box-item">
+        <div class="title">业绩评价</div>
+        <div class="number">{{ evaluationNum }}</div>
+      </div>
     </div>
     <div class="chart-box">
       <div class="chart-box-row">
@@ -54,6 +69,11 @@
     name: 'index',
     data () {
       return {
+        newAccessNum: 0,
+        appendNum: 0,
+        annualNum: 0,
+        infoChangeNum: 0,
+        evaluationNum: 0,
         supplierTypeOptions: null,
         accessTypeOptions: null,
         supplierLevelOptions: null,
@@ -66,16 +86,24 @@
       }
     },
     created () {
-      // this.getToDoNumList()
+      this.getToDoNumList()
       this.getSupplierChart()
     },
     computed: mapGetters({
       authUser: 'authUser'
     }),
     methods: {
+      getToDoNumList () {
+        this.$axios.get('/supplier/todoNum', {}).then(res => {
+          this.newAccessNum = res.data.SupplierNum
+          this.appendNum = res.data.AppendNum
+          this.annualNum = res.data.AnnualNum
+          this.infoChangeNum = res.data.InfoChangeNum
+          this.evaluationNum = res.data.EvaluationNum
+        })
+      },
       getSupplierChart () {
         this.$axios.get('/supplier/statisticalNum', {}).then(res => {
-          console.log('供应商服务商个数', res)
           this.supplierTypeOptions = Highcharts.chart('supplier-type', {
             chart: {
               type: 'pie',
@@ -130,7 +158,7 @@
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
-                  name: '承包商  ' + res.data.BaseNum + ' 家',
+                  name: '承包商  ' + res.data.BasNum + ' 家',
                   color: '#007fbb',
                   y: 42,
                   sliced: false, // 是否默认突出
@@ -450,7 +478,20 @@
       .todo-box-item {
         width: 20%;
         margin: 0 5px;
+        padding: 20px;
+        font-weight: bold;
+        color: black;
         background-color: white;
+        .title {
+          width: 100%;
+          height: 40%;
+          font-size: 16px;
+        }
+        .number {
+          width: 100%;
+          height: 60%;
+          font-size: 26px;
+        }
       }
     }
     .chart-box {