From 8d5de4cc1a482cf1bd8b62ee51a41a2f145bacfe Mon Sep 17 00:00:00 2001
From: fan <18706759286@163.com>
Date: Mon, 12 Apr 2021 18:09:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=88=86=E7=BB=84=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mapGroup.js                      |  33 +++++
 src/i18n/langs/en/router.js              |   3 +-
 src/i18n/langs/zh/router.js              |   3 +-
 src/router/index.js                      |   8 ++
 src/views/publish/mapGroup/editGroup.vue | 112 +++++++++++++++++
 src/views/publish/mapGroup/index.vue     | 146 +++++++++++++++++++++++
 6 files changed, 303 insertions(+), 2 deletions(-)
 create mode 100644 src/api/mapGroup.js
 create mode 100644 src/views/publish/mapGroup/editGroup.vue
 create mode 100644 src/views/publish/mapGroup/index.vue

diff --git a/src/api/mapGroup.js b/src/api/mapGroup.js
new file mode 100644
index 000000000..1cfa51d5e
--- /dev/null
+++ b/src/api/mapGroup.js
@@ -0,0 +1,33 @@
+import request from '@/utils/request';
+
+/** 创建分组 */
+export function createMapGroup(data) {
+    return request({
+        url: `/api/mapGroup`,
+        method: 'post',
+        data
+    });
+}
+/** 修改分组 */
+export function updateMapGroup(data) {
+    return request({
+        url: `/api/mapGroup/${data.groupId}`,
+        method: 'put',
+        data
+    });
+}
+/** 删除分组 */
+export function deleteMapGroup(groupId) {
+    return request({
+        url: `/api/mapGroup/${groupId}`,
+        method: 'delete'
+    });
+}
+/** 分页查询地图分组 */
+export function queryMapGroupPaging(params) {
+    return request({
+        url: `/api/mapGroup/page`,
+        method: 'get',
+        params
+    });
+}
diff --git a/src/i18n/langs/en/router.js b/src/i18n/langs/en/router.js
index fffb8a803..1868243a4 100644
--- a/src/i18n/langs/en/router.js
+++ b/src/i18n/langs/en/router.js
@@ -90,5 +90,6 @@ export default {
     boardManage: 'Message Board Manage',
     publishIBPManage:'publish IBP Manage',
     publishISCSManage:'publish ISCS Manage',
-    voiceTraining: 'Voice Training'
+    voiceTraining: 'Voice Training',
+    mapGroup: 'Map Group'
 };
diff --git a/src/i18n/langs/zh/router.js b/src/i18n/langs/zh/router.js
index b9eaa40d5..eadca6adb 100644
--- a/src/i18n/langs/zh/router.js
+++ b/src/i18n/langs/zh/router.js
@@ -95,5 +95,6 @@ export default {
     boardManage: '留言板管理',
     publishIBPManage:'发布IBP盘管理',
     publishISCSManage:'发布ISCS管理',
-    voiceTraining: '语音训练'
+    voiceTraining: '语音训练',
+    mapGroup: '地图分组'
 };
diff --git a/src/router/index.js b/src/router/index.js
index 38b9ab53b..746a6073a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -162,6 +162,7 @@ const InfoLessonDetail = () => import('@/views/organization/lessonManage/lessonD
 const RunPlanViewWindow = () => import('@/views/newMap/displayNew/demon/runPlanViewWindow');
 const SecondaryHome = () => import('@/views/trainingPlatform/secondaryHome');
 const Demo = () => import('@/views/demo');
+const MapGroup = () => import('@/views/publish/mapGroup/index');
 const DemoTraining = () => import('@/views/newMap/displayNew/demoTraining');
 const OrgDetail = () => import('@/views/system/companyManage/orgDetail');
 const VoiceTraining = () => import('@/views/system/voiceTraining/index');
@@ -853,6 +854,13 @@ export const asyncRouter = [
                 meta: {
                     i18n: 'router.publishISCSManage'
                 }
+            },
+            {
+                path: 'mapGroup',
+                component: MapGroup,
+                meta: {
+                    i18n: 'router.mapGroup'
+                }
             }
         ]
     },
diff --git a/src/views/publish/mapGroup/editGroup.vue b/src/views/publish/mapGroup/editGroup.vue
new file mode 100644
index 000000000..302fdcbcd
--- /dev/null
+++ b/src/views/publish/mapGroup/editGroup.vue
@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <el-dialog :title="title" :visible.sync="dialogVisible" width="500px" :before-close="doClose" center>
+      <data-form ref="dataform" :form="form" :form-model="formModel" :rules="rules" />
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="doCreate">{{ $t('global.confirm') }}</el-button>
+        <el-button @click="doClose">{{ $t('global.cancel') }}</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { createMapGroup, updateMapGroup } from '@/api/mapGroup';
+export default {
+    name: 'Edit',
+    props: {
+        mapList: {
+            type: Array,
+            default: () => {
+                return [];
+            }
+        }
+    },
+    data() {
+        return {
+            dialogVisible:false,
+            isEdit: false,
+            typeList: [{ label: '数据', value: 'DATA' }, { label: '运行线', value: 'RUNPLAN' }],
+            formModel: {
+                id: '',
+                name: '',
+                type: '',
+                mapIds: []
+            }
+        };
+    },
+    computed: {
+        title() {
+            return this.isEdit ? '修改分组' : '创建分组';
+        },
+        form() {
+            const form = {
+                labelWidth: '150px',
+                items: [
+                    { prop: 'name', label: '分组名称', type: 'text', required: true},
+                    { prop: 'type', label: '分组类型', type: 'select', required: true, options:this.typeList },
+                    { prop: 'mapIds', label: '归属地图', type: 'select', multiple: true, options: this.mapList, optionLabel: 'name', optionValue: 'id' }
+                ]
+            };
+            return form;
+        },
+        rules() {
+            const crules = {
+                name:[
+                    { required: true, message: '请输入分组名称', trigger: 'blur', max:100 }
+                ],
+                type:[
+                    { required: true, message: '请选择分组类型', trigger: 'change' }
+                ],
+                mapIds:[
+                    { required: true, message: '请选择归属地图', trigger: 'change' }
+                ]
+            };
+            return crules;
+        }
+    },
+    methods: {
+        doShow(row) {
+            this.dialogVisible = true;
+            if (row) {
+                this.isEdit = true;
+                this.formModel.id = row.id;
+                this.formModel.name = row.name;
+                this.formModel.type = row.type;
+                this.formModel.mapIds = [...row.mapIds];
+            } else {
+                this.isEdit = false;
+                this.$nextTick(() => {
+                    this.$refs.dataform.resetForm();
+                });
+            }
+        },
+        doCreate() {
+        	const _that = this;
+            this.$refs.dataform.validateForm(() => {
+                if (_that.isEdit) {
+                    updateMapGroup(_that.formModel).then(resp => {
+                        _that.$message.success('修改成功！');
+                    }).catch(error => {
+                        _that.$message.error('修改失败：' + error.message);
+                    });
+                } else {
+                    createMapGroup(_that.formModel).then(resp => {
+                        _that.$message.success('创建成功！');
+                    }).catch(error => {
+                        _that.$message.error('创建失败:' + error.message);
+                    });
+                }
+            });
+        },
+        doClose() {
+            this.dialogVisible = false;
+        }
+    }
+
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/publish/mapGroup/index.vue b/src/views/publish/mapGroup/index.vue
new file mode 100644
index 000000000..bfaf5aa81
--- /dev/null
+++ b/src/views/publish/mapGroup/index.vue
@@ -0,0 +1,146 @@
+<template>
+  <div>
+    <QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
+    <edit-group ref="editGroup" :map-list="mapList" @refresh="refresh" />
+  </div>
+</template>
+
+<script>
+import { getPublishMapListOnline } from '@/api/jmap/map';
+import { queryMapGroupPaging, deleteMapGroup } from '@/api/mapGroup';
+import EditGroup from './editGroup';
+export default {
+    name: 'Index',
+    components:{
+        EditGroup
+    },
+    data() {
+        return {
+            mapList: [],
+            pagerConfig: {
+                pageSize: 'pageSize',
+                pageIndex: 'pageNum'
+            },
+            queryForm: {
+                labelWidth: '80px',
+                reset: true,
+                queryObject: {
+                    name: {
+                        type: 'text',
+                        label: '分组名称'
+                    },
+                    type: {
+                        type: 'select',
+                        label: '分组类型',
+                        config: {
+                            data: [
+                                {label: '数据', value: 'DATA'},
+                                {label: '运行图', value: 'RUNPLAN'}
+                            ]
+                        }
+                    }
+
+                }
+
+            },
+            queryList: {
+                query: queryMapGroupPaging,
+                selectCheckShow: false,
+                indexShow: true,
+                columns: [
+                    {
+                        title: '分组名称',
+                        prop: 'name'
+                    },
+                    {
+                        title: '分组类型',
+                        prop: 'type',
+                        type: 'tag',
+                        columnValue: (row) => {
+                            if (row.type === 'DATA') {
+                                return '数据';
+                            } else if (row.type === 'RUNPLAN') {
+                                return '运行线';
+                            } else {
+                                return '';
+                            }
+                        },
+                        tagType: (row) => { return 'success'; }
+                    },
+                    {
+                        title: '归属地图',
+                        prop: 'mapIds',
+                        type: 'tagMore',
+                        columnValue: (row) => { return this.$convertField(row.mapIds, this.$ConstSelect.roleList, ['value', 'label'], true); },
+                        tagType: (row) => { return 'success'; }
+                    },
+                    // {
+                    //     title: '创建时间',
+                    //     prop: 'createTime'
+                    // },
+                    {
+                        type: 'button',
+                        title: this.$t('global.operate'),
+                        width: '300',
+                        buttons: [
+                            {
+                                name: '编辑',
+                                handleClick: this.handleCopy
+                            },
+                            {
+                                name: this.$t('global.delete'),
+                                handleClick: this.handleDelete,
+                                type: 'danger'
+                            }
+                        ]
+                    }
+                ],
+                actions: [
+                    { text: this.$t('global.add'), handler: this.handleAdd }
+                ]
+            }
+        };
+    },
+    mounted() {
+        this.loadInitData();
+    },
+    methods: {
+        loadInitData() {
+            getPublishMapListOnline().then(resp => {
+                this.mapList = resp.data;
+            }).catch(e => {
+                console.error(e);
+                this.$message.error('获取地图数据列表失败！');
+            });
+        },
+        refresh() {
+            this.$refs.queryListPage.refresh(true);
+        },
+        handleAdd() {
+            this.$refs.editGroup.doShow();
+        },
+        handleEdit(index, row) {
+            this.$refs.editGroup.doShow(row);
+        },
+        handleDelete(index, row) {
+            const _that = this;
+            this.$confirm('是否确认删除分组《' + row.name + '》 ' + ' ？', this.$t('tip.hint'), {
+                confirmButtonText: '确认',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                deleteMapGroup(row.id).then(response => {
+                    _that.refresh();
+                    _that.$message.success(this.$t('map.successfullyDelete'));
+                }).catch(error => {
+                    _that.$message.error(this.$t('map.failDelete') + error.message);
+                });
+            }).catch(() => {});
+        }
+    }
+};
+</script>
+
+<style scoped>
+
+</style>