From b098771b8433e19963822ceea915d14921d63f5b Mon Sep 17 00:00:00 2001
From: tianq <tianq@hgzp.com.cn>
Date: Tue, 4 Apr 2023 10:30:45 +0800
Subject: [PATCH] =?UTF-8?q?=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/menu.vue         | 271 ++++++++++--------
 1 file changed, 149 insertions(+), 122 deletions(-)

diff --git a/epmet-oper-web/src/views/modules/workPc/menu.vue b/epmet-oper-web/src/views/modules/workPc/menu.vue
index f84c962..4abe3e5 100644
--- a/epmet-oper-web/src/views/modules/workPc/menu.vue
+++ b/epmet-oper-web/src/views/modules/workPc/menu.vue
@@ -1,128 +1,155 @@
 <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="450"
-                         :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)">{{ '客户配置' }}</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible"
-                     ref="addOrUpdate"
-                     :tableName="'gov_menu'"
-                     @refreshDataList="getDataList"></add-or-update>
-      <!-- 客户菜单配置 -->
-      <customer-add-or-update ref="customerForm"
-                              :menuName="selMenuName"
-                              @refreshDataList="getDataList"></customer-add-or-update>
-    </div>
-  </el-card>
+	<el-card shadow="never" class="aui-card--fill">
+		<div class="mod-sys__menu">
+			<!-- <el-form :inline="true">
+				<el-form-item><el-input v-model="ruleForm.name" placeholder="请输入客户名称" :clearable="true"></el-input></el-form-item>
+				<el-form-item><el-button type="primary" @click="submitForm(ruleForm)">查询</el-button></el-form-item>
+			</el-form> -->
+			<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+				<el-form-item>
+					<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+					<el-button type="primary" @click="open('')">开启</el-button>
+					<el-button type="primary" @click="close('')">关闭</el-button>
+				</el-form-item>
+			</el-form>
+			<el-table @selection-change="handleSelectionChange" v-loading="dataListLoading" :data="dataList" row-key="id" border :height="tableHeight" style="width: 100%;">
+				<el-table-column label="" fixed="left" type="selection" align="center" width="50" />
+				<el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+
+				<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="showFlag" label="菜单类型" header-align="center" align="center">
+					<template slot-scope="scope">
+						基础应用
+					</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="450" :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 prop="type" :label="$t('状态')" header-align="center" align="center">
+					<template slot-scope="scope">
+						<el-tag  v-if="scope.row.showFlag === 1" size="small">已启用</el-tag>
+						<el-tag type="danger" v-if="scope.row.showFlag === 0" size="small">已关闭</el-tag>
+					</template>
+				</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)">{{ '客户配置' }}</el-button>
+						<el-button type="text" size="small" v-if="scope.row.showFlag == 0" @click="open(scope.row.id)">{{ '开启' }}</el-button>
+						<el-button type="text" size="small" v-if="scope.row.showFlag == 1" @click="close(scope.row.id)">{{ '关闭' }}</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<!-- 弹窗, 新增 / 修改 -->
+			<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :tableName="'gov_menu'" @refreshDataList="getDataList"></add-or-update>
+			<!-- 客户菜单配置 -->
+			<customer-add-or-update ref="customerForm" :menuName="selMenuName" @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'
+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": 'gov_menu' },
-      selMenuName: ''
-    }
-  },
-  components: {
-    AddOrUpdate, CustomerAddOrUpdate
-  },
-  computed: {
-    tableHeight () {
-      // return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220
-      return this.clientHeight - 210
-    },
-    ...mapGetters(['clientHeight', 'resolution']),
-  },
-  methods: {
-    showCustomerMenu (row) {
-      this.selMenuName = row.name
-      this.$refs['customerForm'].init(row.id)
-    }
-  }
-}
+	mixins: [mixinViewModule],
+	data() {
+		return {
+			mixinViewModuleOptions: {
+				getDataListURL: '/gov/access/menu/list',
+				deleteURL: '/gov/access/menu'
+			},
+			customerFormVisible: false,
+			dataForm: { tableName: 'gov_menu' },
+			selMenuName: '',
+			multipleSelection: []
+		};
+	},
+	components: {
+		AddOrUpdate,
+		CustomerAddOrUpdate
+	},
+	computed: {
+		tableHeight() {
+			// return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220
+			return this.clientHeight - 210;
+		},
+		...mapGetters(['clientHeight', 'resolution'])
+	},
+	methods: {
+		handleSelectionChange(val) {
+			this.multipleSelection = [];
+			val.forEach(element => {
+				this.multipleSelection.push(element.id);
+			});
+			console.log(this.multipleSelection);
+		},
+		showCustomerMenu(row) {
+			this.selMenuName = row.name;
+			this.$refs['customerForm'].init(row.id);
+		},
+
+		open(id) {
+			console.log('Aa');
+			let menuIds = [];
+			if (id != '') {
+				menuIds = [id];
+			} else {
+				if (this.multipleSelection.length > 0) {
+					menuIds = this.multipleSelection;
+				} else {
+					return this.$message.error('请选择菜单');
+				}
+			}
+
+			let params = {
+				menuIds: menuIds,
+				flagShow: 1
+			};
+			this.$http.post('/gov/access/menu/updateShow/', params).then(({ data: res }) => {
+				console.log(res);
+				if (res.code === 0) {
+				}
+			});
+		},
+		close(id) {
+			let menuIds = [];
+
+			if (id != '') {
+				menuIds = [id];
+			} else {
+				if (this.multipleSelection.length > 0) {
+					menuIds = this.multipleSelection;
+				} else {
+					return this.$message.error('请选择菜单');
+				}
+			}
+			let params = {
+				menuIds: menuIds,
+				flagShow: 0
+			};
+			this.$http.post('/gov/access/menu/updateShow/', params).then(({ data: res }) => {
+				console.log(res);
+				if (res.code === 0) {
+				}
+			});
+		}
+	}
+};
 </script>