Merge branch 'develop' into 'test'

.env

@@ -4,6 +4,7 @@ VUE_APP_CUSTOMER_MENU_CODE=0001
 VUE_APP_BASE_MENU_CODE=0002
 VUE_APP_SYSTEM_MENU_CODE=0003
 VUE_APP_FEEDBACK_MENU_CODE=0018
+VUE_APP_WARNNING_MENU_CODE=0098
 VUE_APP_STATISTICS_MENU_CODE=0044
 VUE_APP_DEVICE_MENU_CODE=0048
 VUE_APP_CUSTOMER_OPERATE_CODE=0077
@@ -17,3 +18,4 @@ VUE_APP_CUSTOMER_SERVER_URL=http://ex-dev-customer-manage.168cad.top
 VUE_APP_BASE_SERVER_URL=http://ex-dev-dcxy-base-manage.168cad.top
 VUE_APP_BASE_SERVER_URL_APP=http://ex-dev-dcxy-base-app.168cad.top
 VUE_APP_STATISTICS_SERVER_URL=http://ex-dev-dcxy-statistics-manage.168cad.top
+VUE_APP_DEVICE_SERVER_URL=http://in-dev-device-management-api.168cad.top

.env.dev

@@ -5,3 +5,4 @@ VUE_APP_CUSTOMER_SERVER_URL=http://ex-dev-customer-manage.168cad.top
 VUE_APP_BASE_SERVER_URL=http://ex-dev-dcxy-base-manage.168cad.top
 VUE_APP_BASE_SERVER_URL_APP=http://ex-dev-dcxy-base-app.168cad.top
 VUE_APP_STATISTICS_SERVER_URL=http://ex-dev-dcxy-statistics-manage.168cad.top
+VUE_APP_DEVICE_SERVER_URL=http://in-dev-device-management-api.168cad.top

.env.test

@@ -4,3 +4,4 @@ VUE_APP_CUSTOMER_SERVER_URL=http://ex-test-customer-manage.168cad.top
 VUE_APP_BASE_SERVER_URL=http://ex-test-dcxy-base-manage.168cad.top
 VUE_APP_BASE_SERVER_URL_APP=http://ex-test-dcxy-base-app.168cad.top
 VUE_APP_STATISTICS_SERVER_URL=http://ex-test-dcxy-statistics-manage.168cad.top
+VUE_APP_DEVICE_SERVER_URL=http://in-test-device-management-api.168cad.top

src/App.vue

@@ -132,7 +132,7 @@ export default {
     },
   },
   methods: {
-    ...mapActions(['updateFeedbackPage']),
+    ...mapActions(['updateFeedbackPage', 'updateWarnningPage']),
     showComponents(store) {
       this.isInnerPage =
         this.whiteList.indexOf(this.$route.path) !== -1 ? false : true;
@@ -189,9 +189,14 @@ export default {
     },
     getFeedbackPage() {
       let feedbackCode = process.env.VUE_APP_FEEDBACK_MENU_CODE;
-      let menu = getMenuDataByCode(this.route, feedbackCode);
-      if (menu) {
-        this.updateFeedbackPage(menu.name);
+      let feedbackMenu = getMenuDataByCode(this.route, feedbackCode);
+      let warnningCode = process.env.VUE_APP_WARNNING_MENU_CODE;
+      let warnningMenu = getMenuDataByCode(this.route, warnningCode);
+      if (feedbackMenu) {
+        this.updateFeedbackPage(feedbackMenu.name);
+      }
+      if (warnningMenu) {
+        this.updateWarnningPage(warnningMenu.name);
       }
     },
   },

src/api/dashboard/dashboard.js

 import fetch from '../fetch';
 
 const path = process.env.VUE_APP_STATISTICS_SERVER_URL;
+const devicePath = process.env.VUE_APP_DEVICE_SERVER_URL;
 
 export const fetchConsumeList = req =>
   fetch({
@@ -36,3 +37,8 @@ export const getFeedbackList = req =>
     url: path + '/dcxy/reportInfo/queryFeedbackList',
     ...req,
   });
+export const getWarnningCount = req =>
+  fetch({
+    url: devicePath + '/device/warning/count',
+    ...req,
+  });

src/containers/Dashboard/Dashboard.js

@@ -2,6 +2,7 @@ import {
   fetchConsumeList,
   fetchReportList,
   fetchTitleList,
+  getWarnningCount,
 } from '@/api/dashboard/dashboard';
 import customerData from './CustomerData/CustomerDataStore';
 import customerRecharge from './CustomerRecharge/CustomerRechargeStore';
@@ -22,6 +23,7 @@ const LOADING_SERVICE = 'LOADING_SERVICE';
 const LOADING_EQUIPMENT = 'LOADING_EQUIPMENT';
 const LOADING_REGIST = 'LOADING_REGIST';
 const LOADING_REGIST_BY_DAY = 'LOADING_REGIST_BY_DAY';
+const GET_WARNNING_COUNT = 'GET_WARNNING_COUNT';
 
 const initFilters = () => ({
   operateId: undefined,
@@ -68,6 +70,7 @@ const state = () => ({
     activeCount: 0,
     countArea: 0,
     countCustomer: 0,
+    warnningCount: 0,
   },
 });
 
@@ -202,6 +205,15 @@ const actions = {
       commit(GET_TITLE_DATA, data);
     });
   },
+  getWarnningCount({ commit, rootGetters }) {
+    getWarnningCount({
+      params: {
+        operatorId: rootGetters.userInfo.operateId,
+      },
+    }).then(res => {
+      commit(GET_WARNNING_COUNT, res.data);
+    });
+  },
   updateCampusName({ commit }, data) {
     if (data) {
       commit(GET_CAMPUS_DATA, data);
@@ -286,7 +298,12 @@ const mutations = {
     state.report.activeUser = activeList;
   },
   [GET_TITLE_DATA](state, data) {
-    state.title = data;
+    state.title.activeCount = data.activeCount;
+    state.title.countArea = data.countArea;
+    state.title.countCustomer = data.countCustomer;
+  },
+  [GET_WARNNING_COUNT](state, count) {
+    state.title.warnningCount = count;
   },
   [GET_CAMPUS_DATA](state, name) {
     state.consume.areaInfo = name;

src/containers/Dashboard/Dashboard.vue

@@ -36,12 +36,31 @@ export default {
   created() {
     this.initData();
   },
+  data() {
+    return {
+      timer: null,
+    };
+  },
+  beforeDestroy() {
+    console.log('in beforeDestroy');
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
   methods: {
-    ...mapActions('Dashboard', ['fetchConsumeList', 'fetchTitleList']),
+    ...mapActions('Dashboard', [
+      'fetchConsumeList',
+      'fetchTitleList',
+      'getWarnningCount',
+    ]),
     ...mapActions(['updateBackPage']),
     initData() {
       this.fetchConsumeList();
       this.fetchTitleList();
+      this.getWarnningCount();
+      this.timer = setInterval(() => {
+        this.getWarnningCount();
+      }, 5000);
     },
   },
 };

src/containers/layout/IconMenu/IconMenu.vue

@@ -6,7 +6,10 @@
     >
       <div class="dataItem">所运营的校区<span class="dataNumber">{{titleData.countArea}}</span></div>
       <div class="dataItem">累计用户数<span class="dataNumber">{{titleData.countCustomer}}</span></div>
-      <div class="dataItem">活跃用户数<span class="dataNumber">{{titleData.activeCount}}</span></div>
+      <div
+        class="dataItem clickable"
+        @click="goWarnningPage"
+      >今日系统告警数<span class="dataNumber">{{titleData.warnningCount}}</span></div>
     </div>
     <div
       class="IconMenus-list"
@@ -99,7 +102,7 @@ export default {
   },
   computed: {
     ...mapGetters('Dashboard', ['titleData']),
-    ...mapGetters(['collectList', 'dashboardBackPage']),
+    ...mapGetters(['collectList', 'dashboardBackPage', 'warnningPage']),
     formatRoute() {
       let routeList = this.routers.filter(
         menu =>
@@ -162,6 +165,18 @@ export default {
         });
       }
     },
+    goWarnningPage() {
+      if (this.warnningPage) {
+        this.$router.push({
+          name: this.warnningPage,
+          query: {
+            isToday: true,
+          },
+        });
+      } else {
+        this.$message.error('无告警页面权限');
+      }
+    },
   },
 };
 </script>
@@ -186,6 +201,9 @@ export default {
       justify-content: center;
       align-items: center;
     }
+    .clickable {
+      cursor: pointer;
+    }
     .dataNumber {
       margin-left: 10px;
       font-size: 16px;

src/store/modules/app/index.js

@@ -4,6 +4,7 @@ import { FETCH_START, FETCH_DONE } from './mutation-types';
 const GET_WHITE_LIST = 'GET_WHITE_LIST';
 const UPDATE_BACK_PAGE = 'UPDATE_BACK_PAGE';
 const UPDATE_FEEDBACK_PAGE = 'UPDATE_FEEDBACK_PAGE';
+const UPDATE_WARNNING_PAGE = 'UPDATE_WARNNING_PAGE';
 
 let fetchCount = 0;
 const state = () => ({
@@ -11,6 +12,7 @@ const state = () => ({
   whiteList: [],
   dashboardBackPage: undefined,
   feedbackPage: undefined,
+  warnningPage: undefined,
 });
 
 const getters = {
@@ -18,6 +20,7 @@ const getters = {
   whiteList: state => state.whiteList,
   dashboardBackPage: state => state.dashboardBackPage,
   feedbackPage: state => state.feedbackPage,
+  warnningPage: state => state.warnningPage,
 };
 
 const actions = {
@@ -36,6 +39,9 @@ const actions = {
   updateFeedbackPage({ commit }, name) {
     commit(UPDATE_FEEDBACK_PAGE, name);
   },
+  updateWarnningPage({ commit }, name) {
+    commit(UPDATE_WARNNING_PAGE, name);
+  },
 };
 const mutations = {
   [FETCH_START](state, notLoading) {
@@ -61,6 +67,9 @@ const mutations = {
   [UPDATE_FEEDBACK_PAGE](state, name) {
     state.feedbackPage = name;
   },
+  [UPDATE_WARNNING_PAGE](state, name) {
+    state.warnningPage = name;
+  },
 };
 export default {
   modules: {