From 3225b3f64e679cb4964cbe7ca1ab51dace618b4e Mon Sep 17 00:00:00 2001
From: pnoker <pnokers@icloud.com>
Date: Thu, 13 Feb 2020 01:00:23 +0800
Subject: [PATCH] schedule

---
 src/api/manager.js              |  13 +++
 src/router/views/index.js       |   7 ++
 src/views/layout/Layout.vue     |   1 +
 src/views/schedule/Schedule.vue | 201 ++++++++++++++++++++++++++++++++
 4 files changed, 222 insertions(+)
 create mode 100644 src/views/schedule/Schedule.vue

diff --git a/src/api/manager.js b/src/api/manager.js
index abe7aaa..14458f5 100644
--- a/src/api/manager.js
+++ b/src/api/manager.js
@@ -189,3 +189,16 @@ export const pointInfoApi = {
         data: pointInfo
     })
 };
+
+export const scheduleApi = {
+    update: (schedule) => request({
+        url: '/device_api/manager/schedule/update',
+        method: 'post',
+        data: schedule
+    }),
+    list: (schedule) => request({
+        url: '/device_api/manager/schedule/list',
+        method: 'post',
+        data: schedule
+    })
+};
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 9b5640f..bd20682 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -69,6 +69,13 @@ export default [
                     isAuth: true
                 },
                 component: () => import('@/views/config/Config')
+            }, {
+                name: 'schedule',
+                path: '/schedule',
+                meta: {
+                    isAuth: true
+                },
+                component: () => import('@/views/schedule/Schedule')
             }, {
                 name: 'now',
                 path: '/now',
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index d99a55a..6b28cb9 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -18,6 +18,7 @@
                     <el-menu-item index="/group">分组</el-menu-item>
                     <el-menu-item index="/device">设备</el-menu-item>
                     <el-menu-item index="/config">配置</el-menu-item>
+                    <el-menu-item index="/schedule">任务</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>
diff --git a/src/views/schedule/Schedule.vue b/src/views/schedule/Schedule.vue
new file mode 100644
index 0000000..710f437
--- /dev/null
+++ b/src/views/schedule/Schedule.vue
@@ -0,0 +1,201 @@
+<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"
+                       @row-update="listUpdate"
+                       @search-reset="searchReset"
+                       @search-change="searchChange"
+                       @refresh-change="refreshChange"
+                       @size-change="sizeChange"
+                       @current-change="currentChange"
+            >
+            </avue-crud>
+        </base-card>
+    </el-col>
+</template>
+
+<script>
+    import {deviceApi, scheduleApi} from '@/api/manager'
+    import {successMessage} from "@/util/util";
+
+    export default {
+        data() {
+            return {
+                query: {},
+                listForm: {},
+                listData: [],
+                listOption: {
+                    tip: false,
+                    index: true,
+                    stripe: true,
+                    border: true,
+                    addBtn: false,
+                    viewBtn: true,
+                    delBtn: false,
+                    height: 664,
+                    align: 'center',
+                    column: [
+                        {
+                            label: '任务',
+                            prop: 'name',
+                            span: 12,
+                            disabled: true
+                        }, {
+                            label: '所属设备',
+                            prop: 'deviceId',
+                            span: 12,
+                            search: true,
+                            searchSpan: 16,
+                            disabled: true,
+                            type: 'tree',
+                            dicData: [],
+                            defaultExpandAll: true
+                        }, {
+                            label: '表达式',
+                            prop: 'cornExpression',
+                            span: 18,
+                            rules: [
+                                {
+                                    required: true,
+                                    message: '请输入 调度表达式',
+                                    trigger: 'blur'
+                                }
+                            ]
+                        }, {
+                            label: '状态',
+                            prop: 'status',
+                            span: 6,
+                            width: 80,
+                            search: true,
+                            searchSpan: 8,
+                            type: 'select',
+                            searchFilterable: true,
+                            value: 2,
+                            dicData: [
+                                {
+                                    label: '停止',
+                                    value: 0
+                                }, {
+                                    label: '启动',
+                                    value: 1
+                                }, {
+                                    label: '暂停',
+                                    value: 2
+                                }
+                            ],
+                            rules: [
+                                {
+                                    required: true,
+                                    message: '请选择状态',
+                                    trigger: 'click'
+                                }
+                            ]
+                        }, {
+                            label: '备注',
+                            prop: 'description',
+                            width: 300,
+                            span: 24,
+                            type: 'textarea',
+                            overHidden: true,
+                            rules: [
+                                {
+                                    max: 380,
+                                    message: '最多输入380个字符',
+                                    trigger: 'blur'
+                                }
+                            ]
+                        }, {
+                            label: '修改日期',
+                            prop: 'updateTime',
+                            width: 155,
+                            span: 12,
+                            disabled: true,
+                            type: 'date',
+                            format: 'yyyy-MM-dd HH:mm:ss',
+                            valueFormat: 'yyyy-MM-dd HH:mm:ss'
+                        }, {
+                            label: '创建日期',
+                            prop: 'createTime',
+                            width: 155,
+                            span: 12,
+                            disabled: true,
+                            type: 'date',
+                            format: 'yyyy-MM-dd HH:mm:ss',
+                            valueFormat: 'yyyy-MM-dd HH:mm:ss'
+                        }
+                    ]
+                },
+                loading: true,
+                page: {
+                    total: 0,
+                    pageSize: 20,
+                    currentPage: 1
+                }
+            }
+        },
+        created() {
+            this.device();
+        },
+        methods:
+            {
+                list(page) {
+                    this.loading = true;
+                    scheduleApi.list(Object.assign({
+                        page: {
+                            current: page.currentPage,
+                            size: page.pageSize
+                        }
+                    }, this.query)).then(res => {
+                        const data = res.data;
+                        this.page.total = data.total;
+                        this.listData = data.records;
+                    }).finally(() => {
+                        this.loading = false;
+                    });
+                },
+                device() {
+                    deviceApi.dictionary().then(res => {
+                        this.listOption.column[this.$refs.crud.findColumnIndex('deviceId')].dicData = res.data;
+                    }).catch((e) => {
+                        console.log(e);
+                    });
+                },
+                listUpdate(row, index, done, loading) {
+                    scheduleApi.update(row).then(() => {
+                        loading();
+                        this.list(this.page);
+                        successMessage();
+                    }).finally(() => {
+                        done();
+                    });
+                },
+                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>