From d58b6735e72893fd341d16f22f386faee2715841 Mon Sep 17 00:00:00 2001
From: jianjun <jianjun4833@163.com>
Date: Thu, 26 May 2022 16:37:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E6=9E=90=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/modules/workPc/dataMenu.vue     | 125 ++++++++++++++++++
 .../modules/workPc/menu-add-or-update.vue     |  10 +-
 .../src/views/modules/workPc/menu.vue         |   4 +-
 3 files changed, 137 insertions(+), 2 deletions(-)
 create mode 100644 epmet-oper-web/src/views/modules/workPc/dataMenu.vue

diff --git a/epmet-oper-web/src/views/modules/workPc/dataMenu.vue b/epmet-oper-web/src/views/modules/workPc/dataMenu.vue
new file mode 100644
index 0000000..e29db47
--- /dev/null
+++ b/epmet-oper-web/src/views/modules/workPc/dataMenu.vue
@@ -0,0 +1,125 @@
+<template>
+  <el-card shadow="never"
+           class="aui-card--fill">
+    <div class="mod-sys__menu">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-button type="primary"
+                     @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading"
+                :data="dataList"
+                row-key="id"
+                border
+                :height="tableHeight"
+                style="width: 100%;">
+        <el-table-column prop="name"
+                         :label="$t('menu.name')"
+                         header-align="center"
+                         min-width="150"></el-table-column>
+        <el-table-column prop="icon"
+                         :label="$t('menu.icon')"
+                         header-align="center"
+                         align="center">
+          <template slot-scope="scope">
+            <svg class="icon-svg"
+                 aria-hidden="true">
+              <use :xlink:href="`#${scope.row.icon}`"></use>
+            </svg>
+          </template>
+        </el-table-column>
+        <el-table-column prop="type"
+                         :label="$t('menu.type')"
+                         header-align="center"
+                         align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.type === 0"
+                    size="small">{{ $t('menu.type0') }}</el-tag>
+            <el-tag v-else
+                    size="small"
+                    type="info">{{ $t('menu.type1') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sort"
+                         :label="$t('menu.sort')"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="url"
+                         :label="$t('menu.url')"
+                         header-align="center"
+                         align="center"
+                         width="150"
+                         :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="permissions"
+                         :label="$t('menu.permissions')"
+                         header-align="center"
+                         align="center"
+                         width="150"
+                         :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="150">
+          <template slot-scope="scope">
+            <el-button type="text"
+                       size="small"
+                       @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button type="text"
+                       size="small"
+                       @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button type="text"
+                       size="small"
+                       @click="showCustomerMenu(scope.row.id)">{{ '客户配置' }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible"
+                     ref="addOrUpdate"
+                     :tableName="'data_menu'"
+                     @refreshDataList="getDataList"></add-or-update>
+      <!-- 客户菜单配置 -->
+      <customer-add-or-update ref="customerForm"
+                              @refreshDataList="getDataList"></customer-add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './menu-add-or-update'
+import { mapGetters } from 'vuex'
+import CustomerAddOrUpdate from './customer-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/gov/access/menu/list',
+        deleteURL: '/gov/access/menu'
+      },
+      customerFormVisible: false,
+      dataForm: {"tableName":'data_menu'}
+    }
+  },
+  components: {
+    AddOrUpdate, CustomerAddOrUpdate
+  },
+  computed: {
+    tableHeight () {
+      // return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220
+      return this.clientHeight - 210
+    },
+    ...mapGetters(['clientHeight', 'resolution']),
+  },
+  methods: {
+    showCustomerMenu (tableId) {
+      this.$refs['customerForm'].init(tableId)
+    }
+  }
+}
+</script>
diff --git a/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue b/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
index 42e8b9c..728e25e 100644
--- a/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
+++ b/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
@@ -114,7 +114,8 @@ export default {
         resourceList: [],
         permissions: '',
         sort: 0,
-        icon: ''
+        icon: '',
+        tableName: ''
       }
     }
   },
@@ -130,6 +131,12 @@ export default {
       }
     }
   },
+  props: {
+    tableName:{
+      type:String,
+      default:'gov_menu'
+    }
+  },
   watch: {
     'dataForm.type' (val) {
       this.$refs['dataForm'].clearValidate()
@@ -137,6 +144,7 @@ export default {
   },
   methods: {
     init () {
+      this.dataForm.tableName = this.tableName
       this.visible = true
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
diff --git a/epmet-oper-web/src/views/modules/workPc/menu.vue b/epmet-oper-web/src/views/modules/workPc/menu.vue
index 724e964..4359b09 100644
--- a/epmet-oper-web/src/views/modules/workPc/menu.vue
+++ b/epmet-oper-web/src/views/modules/workPc/menu.vue
@@ -80,6 +80,7 @@
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible"
                      ref="addOrUpdate"
+                     :tableName="'gov_menu'"
                      @refreshDataList="getDataList"></add-or-update>
       <!-- 客户菜单配置 -->
       <customer-add-or-update ref="customerForm"
@@ -101,7 +102,8 @@ export default {
         getDataListURL: '/gov/access/menu/list',
         deleteURL: '/gov/access/menu'
       },
-      customerFormVisible: false
+      customerFormVisible: false,
+      dataForm: {"tableName":'gov_menu'}
     }
   },
   components: {