控制台

src/api/controlPlatform/index.js

+import request from '@/utils/request'
+
+// 查询数量根据修改时间
+export function findCountIdByUpdateDate(query) {
+  return request({
+    url: '/WeHomePage/findCountIdByUpdateDate',
+    method: 'get',
+    params: query
+  })
+}

src/views/controlPlatform/control.vue

@@ -94,7 +94,7 @@
                 <!--                                </div>-->
               </el-col>
             </el-row>
-            <el-divider class="controlDivider" />
+            <el-divider class="controlDivider"/>
             <div>
               <el-row>
                 <!--                <el-col :span="6">-->
@@ -121,7 +121,7 @@
               </el-row>
             </div>
             <div id="echarts-data" class="span_1">
-              <div id="dataCharts_data" ref="chart_data" style="height: 40vh" />
+              <div id="dataCharts_data" ref="chart_data" style="height: 40vh"/>
             </div>
           </el-card>
         </el-col>
@@ -139,15 +139,18 @@
               <!--                </div>-->
               <!--              </el-col>-->
             </el-row>
-            <el-divider class="controlDivider" />
+            <el-divider class="controlDivider"/>
             <el-row>
               <div style="float: right">
                 <el-button size="mini" :class="isShow ? 'active' : 'btn1'" @click="leaveMessageBtnMonth">本月</el-button>
-                <el-button size="mini" :class="isShow2 ? 'active' : 'btn1'" style="margin-left: 3px!important;" @click="leaveMessageBtnYear">本年</el-button>
+                <el-button size="mini" :class="isShow2 ? 'active' : 'btn1'" style="margin-left: 3px!important;"
+                           @click="leaveMessageBtnYear"
+                >本年
+                </el-button>
               </div>
             </el-row>
             <div id="echarts-leaveMessage" class="span_1">
-              <div id="dataCharts_leaveMessage" ref="chart_leaveMessage" style="height: 40vh" />
+              <div id="dataCharts_leaveMessage" ref="chart_leaveMessage" style="height: 40vh"/>
             </div>
           </el-card>
         </el-col>
@@ -165,9 +168,9 @@
                 当前院内访客: <span style="color: #333333;font-size: 16px;font-weight: bold">20</span>人
               </div>
             </div>
-            <el-divider class="chosenOne-divider" />
+            <el-divider class="chosenOne-divider"/>
             <div id="echarts-visitor" class="span_1" style="margin-top: -20px">
-              <div id="dataCharts_visitor" ref="chart_data" style="height: 350px" />
+              <div id="dataCharts_visitor" ref="chart_data" style="height: 350px"/>
             </div>
           </el-card>
         </el-col>
@@ -185,16 +188,16 @@
               <!--                </div>-->
               <!--              </el-col>-->
             </el-row>
-            <el-divider class="controlDivider" />
+            <el-divider class="controlDivider"/>
             <div class="end_table">
               <el-table
                 class="table-list"
                 :data="tableList"
               >
-                <el-table-column type="index" label="序号" width="55" />
-                <el-table-column label="留言人" prop="userName" />
-                <el-table-column label="标题" prop="leaveTitle" />
-                <el-table-column label="留言时间" prop="leaveDate" />
+                <el-table-column type="index" label="序号" width="55"/>
+                <el-table-column label="留言人" prop="userName"/>
+                <el-table-column label="标题" prop="leaveTitle"/>
+                <el-table-column label="留言时间" prop="leaveDate"/>
                 <el-table-column
                   label="操作"
                   width="150"
@@ -215,12 +218,14 @@
 
 <script>
 import * as echarts from 'echarts'
+import { findCountIdByUpdateDate } from '@/api/controlPlatform'
 // import { controlData } from './apis'
 // import { judgeLeaveMessage } from '@/views/judgeMessageManage/apis'
 export default {
   name: 'Control',
   data() {
     return {
+      sumUpdateList: [],
       isShow: true,
       isShow2: false,
       judgeMessageData: 0,
@@ -297,6 +302,7 @@ export default {
     this.getVisitorDate()
     this.handleGetJudgeMessageData()
     this.handleGetStatisticsData()
+    this.findCountIdByUpdateDate()
     // 通过监听内容部分的宽度让图表resize
     var elementResizeDetectorMaker = require('element-resize-detector')
     var erd = elementResizeDetectorMaker()
@@ -336,6 +342,12 @@ export default {
     })
   },
   methods: {
+    findCountIdByUpdateDate() {
+      findCountIdByUpdateDate().then(res => {
+        this.sumUpdateList = res.rows
+        console.log('res', res)
+      })
+    },
     handleClick(row) {
       this.$router.push({
         path: '/sf/message/messageBack',
@@ -513,11 +525,11 @@ export default {
           data: this.commitLists,
           type: 'line'
         },
-        {
-          name: '审核通过量',
-          data: this.passLists,
-          type: 'line'
-        }
+          {
+            name: '审核通过量',
+            data: this.passLists,
+            type: 'line'
+          }
         ]
       }
       myChartRegistrationTime.setOption(optionRegistrationTime)
@@ -698,21 +710,24 @@ export default {
 </script>
 
 <style lang="scss">
-.app-main .container{
+.app-main .container {
   background-color: #F4F4F4;
 }
-.controlPlatform{
-  .controlDivider{
-    margin-top: 10px!important;
+
+.controlPlatform {
+  .controlDivider {
+    margin-top: 10px !important;
   }
-  .controlPlatform-footer{
-    .end_title{
+
+  .controlPlatform-footer {
+    .end_title {
       font-size: 16px;
       font-weight: bold;
       color: #333;
     }
   }
-  .controlSpan_middle{
+
+  .controlSpan_middle {
     font-size: 16px;
     font-weight: bold;
     color: #333;
@@ -721,31 +736,39 @@ export default {
   .chosenOne-divider {
     margin-bottom: 0;
   }
-  .controlPlatform-top{
+
+  .controlPlatform-top {
     margin-top: 10px;
-    .arrows{
+
+    .arrows {
       width: 5.67px;
       height: 18.04px;
     }
-    .TopBody{
+
+    .TopBody {
       display: flex;
       margin-top: 20px;
     }
-    .TopFooter{
+
+    .TopFooter {
       margin-top: 20px;
     }
   }
-  .controlPlatform-body{
+
+  .controlPlatform-body {
     margin-top: 10px;
-    .btn1{
+
+    .btn1 {
       background-color: white;
       color: black;
     }
-    .active{
+
+    .active {
       background-color: #666;
       color: white;
     }
-    .el-card__body{
+
+    .el-card__body {
       min-height: 445px;
     }
   }