From 800e4d2bac3ad1eaf67368e0503af72af43ac9ed Mon Sep 17 00:00:00 2001
From: zrj <646384940@qq.com>
Date: Thu, 29 Aug 2024 20:44:21 +0800
Subject: [PATCH] 新增设备权限菜单管理页面
---
src/api/device/devicePerMenu.js | 49 +++++++
src/views/system/menu.vue | 24 +++
src/views/device/devicePerMenu.vue | 317 +++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 390 insertions(+), 0 deletions(-)
diff --git a/src/api/device/devicePerMenu.js b/src/api/device/devicePerMenu.js
new file mode 100644
index 0000000..ba027d6
--- /dev/null
+++ b/src/api/device/devicePerMenu.js
@@ -0,0 +1,49 @@
+import request from '@/axios';
+
+export const getList = (current, size, params) => {
+ return request({
+ url: '/drone-yw/manage/api/v1/devicePerMenuPerMenu/page',
+ method: 'get',
+ params: {
+ ...params,
+ current,
+ size,
+ },
+ });
+};
+
+export const remove = ids => {
+ return request({
+ url: '/drone-yw/manage/api/v1/devicePerMenuPerMenu/delete',
+ method: 'post',
+ params: {
+ ids,
+ },
+ });
+};
+
+export const add = row => {
+ return request({
+ url: '/drone-yw/manage/api/v1/devicePerMenuPerMenu/add',
+ method: 'post',
+ data: row,
+ });
+};
+
+export const update = row => {
+ return request({
+ url: '/drone-yw/manage/api/v1/devicePerMenuPerMenu/update',
+ method: 'post',
+ data: row,
+ });
+};
+
+// export const getDetail = id => {
+// return request({
+// url: '/drone-yw/manage/api/v1/devicePerMenuPerMenu/getDetail',
+// method: 'get',
+// params: {
+// id,
+// },
+// });
+// };
\ No newline at end of file
diff --git a/src/views/device/devicePerMenu.vue b/src/views/device/devicePerMenu.vue
new file mode 100644
index 0000000..025bf51
--- /dev/null
+++ b/src/views/device/devicePerMenu.vue
@@ -0,0 +1,317 @@
+<template>
+ <basic-container>
+ <avue-crud
+ :option="option"
+ :table-loading="loading"
+ :data="data"
+ v-model:page="page"
+ ref="crud"
+ @row-del="rowDel"
+ v-model="form"
+ :permission="permissionList"
+ @row-save="rowSave"
+ @row-update="rowUpdate"
+ :before-open="beforeOpen"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ >
+ </avue-crud>
+ </basic-container>
+</template>
+
+<script>
+import { getList, remove, add, update } from '@/api/device/devicePerMenu';
+import { getLazyList } from '@/api/system/menu';
+import { mapGetters } from 'vuex';
+
+export default {
+ data() {
+ return {
+ form: {},
+ query: {},
+ loading: true,
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ selectionList: [],
+ option: {
+ height: 'atuo',
+ calcHeight: 32,
+ dialogWidth: 750,
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ border: true,
+ index: true,
+ viewBtn: true,
+ addBtn: true,
+ selection: true,
+ excelBtn: false,
+ dialogClickModal: false,
+ grid: false,
+ column: [
+ {
+ label: '名称',
+ prop: 'name',
+ search: true,
+ searchSpan: 5,
+ span: 24,
+ row: true,
+ rules: [
+ {
+ required: true,
+ message: '请输入设备型号',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '绑定菜单',
+ prop: 'menu_name',
+ search: true,
+ searchSpan: 5,
+ span: 24,
+ row: true,
+ display: false,
+ eidtDisplay: false,
+ viewDisplay: false,
+ rules: [
+ {
+ required: true,
+ message: '请输入设备型号',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '绑定菜单',
+ prop: 'menu_id',
+ type: 'tree',
+ dicUrl: '/blade-system/menu/deviceButtons',
+ props: {
+ label: 'title',
+ value: 'id',
+ },
+ hide: true,
+ multiple: true,
+ dataType: 'string',
+ showAllLevels: false,
+ rules: [
+ {
+ required: true,
+ message: '请选择绑定菜单',
+ trigger: 'blur',
+ },
+ ],
+ // lazy: true,
+ // lazyLoad(node, resolve) {
+ // let level = node.level;
+ // let list = [];
+ // let callback = () => {
+ // resolve(
+ // (list || []).map(ele => {
+ // return Object.assign(ele, {
+ // leaf: !ele.hasChildren,
+ // });
+ // })
+ // );
+ // };
+ // if (level == 0) {
+ // getLazyList(0).then(res => {
+ // list = res.data.data;
+ // callback();
+ // });
+ // } else if (level > 0 && level < 5) {
+ // getLazyList(node.value).then(res => {
+ // list = res.data.data;
+ // callback();
+ // });
+ // } else {
+ // callback();
+ // }
+ // },
+ },
+ {
+ label: '创建时间',
+ prop: 'create_time',
+ type: 'date',
+ addDisplay: false,
+ editDisplay: false,
+ span: 24,
+ row: true,
+ width: 160,
+ format: 'YYYY-MM-DD HH:mm:ss',
+ // valueFormat: 'YYYY-MM-DD HH:mm:ss',
+ },
+ {
+ label: '说明',
+ prop: 'remark',
+ type: 'textarea',
+ row: true,
+ hide: true,
+ span: 24,
+ rules: [
+ {
+ required: false,
+ message: '请输入说明',
+ trigger: 'blur',
+ },
+ ],
+ },
+ ],
+ },
+ data: [],
+ };
+ },
+ computed: {
+ ...mapGetters(['permission']),
+ permissionList() {
+ return {
+ addBtn: this.validData(this.permission.device_per_menu_add, true),
+ viewBtn: this.validData(this.permission.device_per_menu_view, true),
+ delBtn: this.validData(this.permission.device_per_menu_delete, true),
+ editBtn: this.validData(this.permission.device_per_menu_edit, true),
+ };
+ },
+ ids() {
+ let ids = [];
+ this.selectionList.forEach(ele => {
+ ids.push(ele.id);
+ });
+ return ids.join(',');
+ },
+ },
+ methods: {
+ rowSave(row, done, loading) {
+ console.log(row, 8888);
+ add(row).then(
+ () => {
+ this.initFlag = false;
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ done();
+ },
+ error => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowUpdate(row, index, done, loading) {
+ update(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ done();
+ },
+ error => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowDel(row) {
+ this.$confirm('确定将选择数据删除?', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then(() => {
+ return remove(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ });
+ },
+ searchReset() {
+ this.query = {};
+ this.onLoad(this.page);
+ },
+ searchChange(params, done) {
+ this.query = params;
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
+ done();
+ },
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+ selectionClear() {
+ this.selectionList = [];
+ this.$refs.crud.toggleSelection();
+ },
+ handleDelete() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning('请选择至少一条数据');
+ return;
+ }
+ this.$confirm('确定将选择数据删除?', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then(() => {
+ return remove(this.ids);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ this.$refs.crud.toggleSelection();
+ });
+ },
+ beforeOpen(done, type) {
+ done();
+ },
+ currentChange(currentPage) {
+ this.page.currentPage = currentPage;
+ },
+ sizeChange(pageSize) {
+ this.page.pageSize = pageSize;
+ },
+ refreshChange() {
+ this.onLoad(this.page, this.query);
+ },
+ onLoad(page, params = {}) {
+ this.loading = true;
+ getList(page.currentPage, page.pageSize, params).then(res => {
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.data = data.records;
+ this.loading = false;
+ this.selectionClear();
+ });
+ },
+ },
+};
+</script>
+
+<style>
+.firmware_status {
+ background-color: aqua;
+ border-radius: 4px;
+}
+.firmware_status:hover {
+ cursor: pointer;
+ /* color: aqua; */
+}
+</style>
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
index 22fcf6d..d771649 100644
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -217,6 +217,30 @@
],
},
{
+ label: '是否设备权限',
+ prop: 'isDevice',
+ type: 'radio',
+ value: 2,
+ dicData: [
+ {
+ label: '是',
+ value: 1,
+ },
+ {
+ label: '不是',
+ value: 2,
+ },
+ ],
+ hide: true,
+ rules: [
+ {
+ required: false,
+ message: '请选择系统类型',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
label: '是否缓存',
prop: 'isOpen',
type: 'radio',
--
Gitblit v1.9.3