From 1bb40fbdc71bc9c340bb5099170e3f20bc9c5f7c Mon Sep 17 00:00:00 2001
From: pnoker <pnokers@icloud.com>
Date: Tue, 3 Nov 2020 16:58:53 +0800
Subject: [PATCH] add event page

---
 src/api/data.js                 |  10 +-
 src/router/common/index.js      |  28 ++--
 src/router/views/index.js       |   9 ++
 src/views/event/DeviceEvent.vue | 242 ++++++++++++++++++++++++++++++++
 src/views/layout/Layout.vue     |   1 +
 5 files changed, 271 insertions(+), 19 deletions(-)
 create mode 100644 src/views/event/DeviceEvent.vue

diff --git a/src/api/data.js b/src/api/data.js
index f00e9a2..1831424 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -2,8 +2,16 @@ import request from '@/config/axios'
 
 export const pointValueApi = {
     list: (pointValue) => request({
-        url: '/data_api/data/list',
+        url: '/data_api/data/pointValue/list',
         method: 'post',
         data: pointValue
     })
 };
+
+export const deviceEventApi = {
+    list: (event) => request({
+        url: '/data_api/data/deviceEvent/list',
+        method: 'post',
+        data: event
+    })
+};
diff --git a/src/router/common/index.js b/src/router/common/index.js
index f2c4f29..8db3095 100644
--- a/src/router/common/index.js
+++ b/src/router/common/index.js
@@ -1,8 +1,4 @@
 export default [
-    {
-        path: '*',
-        redirect: '/404'
-    },
     {
         name: 'login',
         path: '/login',
@@ -13,12 +9,17 @@ export default [
         component: () => import('@/views/login/Login')
     },
     {
-        name: 'index',
-        path: '/',
-        redirect: '/home',
+        name: '403',
+        path: '/403',
         meta: {
-            isAuth: true
-        }
+            isAuth: false,
+            title: '403'
+        },
+        component: () => import('@/components/error/403')
+    },
+    {
+        path: '*',
+        redirect: '/404'
     },
     {
         name: '404',
@@ -30,15 +31,6 @@ export default [
         component: () => import('@/components/error/404')
 
     },
-    {
-        name: '403',
-        path: '/403',
-        meta: {
-            isAuth: false,
-            title: '403'
-        },
-        component: () => import('@/components/error/403')
-    },
     {
         name: '500',
         path: '/500',
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 670602c..c487810 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -104,6 +104,15 @@ export default [
                     title: '数据'
                 },
                 component: () => import('@/views/point/PointValue')
+            },
+            {
+                name: 'deviceEvent',
+                path: '/deviceEvent',
+                meta: {
+                    isAuth: true,
+                    title: '事件'
+                },
+                component: () => import('@/views/event/DeviceEvent')
             }
         ]
     }
diff --git a/src/views/event/DeviceEvent.vue b/src/views/event/DeviceEvent.vue
new file mode 100644
index 0000000..ac3270a
--- /dev/null
+++ b/src/views/event/DeviceEvent.vue
@@ -0,0 +1,242 @@
+<template>
+    <el-col :span="24">
+        <base-card>
+            <avue-crud :option="listOption"
+                       :data="listData"
+                       :page="page"
+                       :table-loading="loading"
+                       ref="crud"
+                       v-model="listForm"
+                       @on-load="list"
+                       @search-reset="searchReset"
+                       @date-change="dateChange"
+                       @search-change="searchChange"
+                       @refresh-change="refreshChange"
+                       @size-change="sizeChange"
+                       @current-change="currentChange"
+            >
+                <template slot="type" slot-scope="scope">
+                    <el-tag v-if="scope.row.type==='STATUS'" type="success" effect="plain">状态</el-tag>
+                    <el-tag v-else-if="scope.row.type==='LIMIT'" type="warning" effect="plain">上下限</el-tag>
+                    <el-tag v-else-if="scope.row.type==='ERROR'" type="danger" effect="plain">错误</el-tag>
+                    <el-tag v-else type="info" effect="plain">未知</el-tag>
+                </template>
+                <template slot="confirm" slot-scope="scope">
+                    <el-tag v-if="scope.row.confirm===true" type="success" effect="plain">已确认</el-tag>
+                    <el-tag v-else type="info" effect="plain">未确认</el-tag>
+                </template>
+
+                <template slot="interval" slot-scope="scope">
+                    {{scope.row.createTime-scope.row.originTime||""}}
+                </template>
+            </avue-crud>
+        </base-card>
+    </el-col>
+</template>
+
+<script>
+    import {dictionaryApi} from '@/api/manager'
+    import {deviceEventApi} from '@/api/data'
+
+    export default {
+        data() {
+            return {
+                query: {},
+                listForm: {},
+                listData: [],
+                listOption: {
+                    tip: false,
+                    index: true,
+                    stripe: true,
+                    border: true,
+                    dateBtn: true,
+                    menu: false,
+                    addBtn: false,
+                    delBtn: false,
+                    editBtn: false,
+                    height: 664,
+                    align: 'center',
+                    defaultExpandAll: true,
+                    column: [
+                        {
+                            label: '所属设备',
+                            prop: 'deviceId',
+                            span: 12,
+                            search: true,
+                            searchSpan: 12,
+                            type: 'tree',
+                            dicData: [],
+                            defaultExpandAll: true,
+                            rules: [
+                                {
+                                    required: true,
+                                    message: '请选择所属设备',
+                                    trigger: 'click'
+                                }
+                            ]
+                        }, {
+                            label: '所属位号',
+                            prop: 'pointId',
+                            span: 12,
+                            search: true,
+                            searchSpan: 12,
+                            type: 'tree',
+                            dicData: [],
+                            defaultExpandAll: true,
+                            rules: [
+                                {
+                                    required: true,
+                                    message: '请选择所属位号',
+                                    trigger: 'click'
+                                }
+                            ]
+                        }, {
+                            label: '类型',
+                            prop: 'type',
+                            width: 100,
+                            span: 12,
+                            disabled: true,
+                            display: false,
+                            slot: true,
+                            type: 'select',
+                            value: 'ERROR',
+                            dicData: [
+                                {
+                                    label: '状态',
+                                    value: 'STATUS'
+                                }, {
+                                    label: '上下限',
+                                    value: 'LIMIT'
+                                }, {
+                                    label: '错误',
+                                    value: 'ERROR'
+                                }
+                            ]
+                        }, {
+                            label: '内容',
+                            prop: 'content',
+                            span: 12,
+                            width: 500,
+                            type: 'textarea',
+                            overHidden: true
+                        }, {
+                            label: '确认',
+                            prop: 'confirm',
+                            width: 100,
+                            span: 12,
+                            disabled: true,
+                            display: false,
+                            slot: true,
+                            type: 'select',
+                            value: false,
+                            dicData: [
+                                {
+                                    label: '未确定',
+                                    value: false
+                                }, {
+                                    label: '已确认',
+                                    value: true
+                                }
+                            ]
+                        }, {
+                            label: '采集日期',
+                            prop: 'originTime',
+                            width: 180,
+                            span: 10,
+                            disabled: true,
+                            type: 'date',
+                            format: 'yyyy-MM-dd HH:mm:ss.SSS'
+                        }, {
+                            label: '延时(毫秒)',
+                            prop: 'interval',
+                            width: 90,
+                            span: 4,
+                            slot: true
+                        }, {
+                            label: '保存日期',
+                            prop: 'createTime',
+                            width: 180,
+                            span: 10,
+                            disabled: true,
+                            type: 'date',
+                            format: 'yyyy-MM-dd HH:mm:ss.SSS'
+                        }
+                    ]
+                },
+                loading: true,
+                page: {
+                    total: 0,
+                    pageSize: 20,
+                    currentPage: 1,
+                    startTime: 0,
+                    endTime: 0
+                }
+            }
+        },
+        created() {
+            this.device();
+            this.point();
+        },
+        methods:
+            {
+                list(page) {
+                    this.loading = true;
+                    deviceEventApi.list(Object.assign({
+                        page: {
+                            current: page.currentPage,
+                            size: page.pageSize,
+                            startTime: page.startTime,
+                            endTime: page.endTime
+                        }
+                    }, this.query)).then(res => {
+                        const data = res.data;
+                        this.page.total = data.total;
+                        this.listData = data.records;
+                    }).catch(() => {
+                    }).finally(() => {
+                        this.loading = false;
+                    });
+                },
+                device() {
+                    dictionaryApi.deviceDictionary('group').then(res => {
+                        this.findObject(this.listOption.column, 'deviceId').dicData = res.data;
+                    }).catch(() => {
+                    });
+                },
+                point() {
+                    dictionaryApi.pointDictionary('profile').then(res => {
+                        this.findObject(this.listOption.column, 'pointId').dicData = res.data;
+                    }).catch(() => {
+                    });
+                },
+                dateChange(date) {
+                    if (date != null && date.length === 2) {
+                        this.page.startTime = new Date(date[0]).getTime();
+                        this.page.endTime = new Date(date[1]).getTime();
+                    }
+                    this.list(this.page);
+                },
+                refreshChange() {
+                    this.list(this.page);
+                },
+                currentChange(page) {
+                    this.page.currentPage = page;
+                },
+                sizeChange(pageSize) {
+                    this.page.pageSize = pageSize;
+                },
+                searchChange(params, done) {
+                    this.query = params;
+                    this.list(this.page);
+                    done();
+                },
+                searchReset() {
+                    this.query = {};
+                    this.list(this.page);
+                }
+            }
+    }
+</script>
+
+<style lang="scss">
+</style>
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index e028f71..fdb34bb 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -20,6 +20,7 @@
                     <el-menu-item index="/device">设备</el-menu-item>
                     <el-menu-item index="/pointInfo">位号配置</el-menu-item>
                     <el-menu-item index="/pointValue">数据</el-menu-item>
+                    <el-menu-item index="/deviceEvent">事件</el-menu-item>
                     <!--<el-menu-item index="/now">实时</el-menu-item>
                     <el-menu-item index="/history">历史</el-menu-item>
                     <el-menu-item index="/video">视频</el-menu-item>