Flex Menu check获取菜单多选项的选中情况

菜单多选项获取方法
最新推荐文章于 2025-12-01 09:39:29 发布
原创 最新推荐文章于 2025-12-01 09:39:29 发布 · 164 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#matlab

本文介绍了一种使用Menu对象生成菜单并实现菜单项多选的功能。通过获取点击菜单项的所有兄弟节点信息，并检查每个节点的选中状态，从而确定当前菜单中哪些选项被选中。
使用Menu对象生成菜单，菜单项为多选。
如何获取当前菜单项中，哪些被选中呢？

目前发现的方法之一(可能还有其它办法)：

event 为MenuEvent
//获取点中的菜单项的全部兄弟节点，包括自己
var rowsInfo:Array = event.menu.getRowInfo();
//判断第i+1个节点是否被选中
rowsInfo[i].data.toggled = true;
Flex MenuBar 顶级菜单监听
skyscape_wang1的专栏
10-27 901
itemClick是监控不到menubar的顶级菜单的,itemClick只是和Menu这个类有关,而menubar只是能"CALL"出Menu的 MenuBarItem的集合.但用menubar的change侦听器能监控到点击顶级按钮的事件,不过我在FLEX3正式版测试发现点击一次menubar的顶级按钮会出发两次change事件,如果用change事件来处理某些问题是很麻烦.   我解
Flex创建菜单栏
weixin_33736048的博客
10-21 117
运行效果请访问：http://tongqiuyan.blog.163.com/blog/static/1955453022011921114130827/ 代码如下： <?xmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mx="http://www.adobe.com/2006...
spring security——学习笔记（day06）-实现授权认证-FilterSecurityInterceptor、SecurityMetadataSource、AccessDecisionM
键上艺术家
01-11 4884
复制 demo02 ，拷贝一个 demo03，IDEA复制项目可以看 day04 。 6.1 授权认证 之前学了身份认证，就是认证当前登录的用户是否是存在并真实的，身份认证成功后就可以访问认证后的接口（资源）了，但即便是已认证的用户也有能访问不能访问的接口（资源），那么就需要通过授权认证来判断。 今天学习授权认证，也就是认证当前登录用户都有哪些权限，并确定当前用户的权限是否能访问当前请求的接口。 之前在spring security——学习笔记（day03）-UserDetailsSe...
Flex常用组件
张晨光老师的播客
03-11 6247
Flex常用组件（上）学习内容Ø Flex组件的分类Ø Flex常用组件的使用。Ø 使用组件处理数据和交互Ø ActionScript3.0和JavaScript交互能力目标Ø 掌握使用各种常用组件搭建用户界面Ø 掌握ActionScript3.0和JavaScript交互方法  本章简介本章主要介绍如何使用Flex组件构建界面。Flex组件可分为可见组件和非可见组件。可见组件用于界面的外观设计，
ztree带有选项框的树形菜单使用
weixin_30306905的博客
02-20 204
1.ztree简介 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发，尤其是 树状菜单、树状数据的Web显示、权限管理等等。 zTree 是开源免费的软件（MIT 许可证）。在开源的作用下，zTree 越来越完善，目前已经拥有了不少粉丝，并且今后还会推出更多的 zTree 扩展功能库，让 zTre...
HTML&CSS：超好看的收缩展开菜单
weixin_52814911的博客
04-07 1089
这个页面实现了一个具有动画效果的菜单选择框，用户可以通过点击按钮选择不同的菜单选项。页面使用了SVG图标和CSS动画来增强视觉效果，整体设计风格现代且具有视觉吸引力。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信回复源码两字，我会发送完整的压缩包给你。 HTML 结构 potion-select potion-select：定义了一个选择框，用于选择不同的图标选项。 potion-equipped：定义了一个按钮，显示当前选中的药水。 select
Flex学习笔记
xuehoo_love的博客
04-12 281
Flex学习笔记（－）安装- - 　　废话少说，直奔主题，首先到Macromedia的网站上下载flex-15-win.exe和FlexBuilder1.5Installer.exe两个安装文件，第一个是Flex的服务器端程序，第二个是Flex文件（.mxml）编辑工具，根据提示一路next，注意如果你没有合法的许可证这两个软件只提供60天的试用。　　安装weblogic并配置一个domian，这...
php与flex宝典
wusonghua2的专栏
03-18 1948
<br />(英文原文: [http://www.adobe.com/devnet/flex/articles/php_getstarted.html Flex quick start guide for PHP developers (updated for Flex 3)] ) <br/><br /> 原作者：Judah Frangipane 翻译者：Maya<br /><br /> 作为一个PHP和HTML开发者，你可能会想“对于Flex，我该如何起步？”Adobe的Flex是个很强壮的工具。但是
桌面PC/服务器 ubuntu18.04 Linux内核编译升级与机制分析
tugouxp的专栏
06-06 7078
1.下载内核并且解压安装依赖2.执行make menuconfig，并不修改，使用默认然后退出,默认使用的配置是x86_64_defconfig还可以拷贝/boot/目录下的既有的config文件来作为编译内核的配置文件来编译。但是需要两个内核版本号差别不大，可以互通使用。将CONFIG_SYSTEM_TRUSTED_KEYS字符串置空。3.执行make -j4因为之前编译过，再次编译输出很少4.执行sudo make modules_install。
帮我写一个小程序中使用的vue组件zy-popup-dropdown-menu，组件要求有以下几点，小程序中使用的 1、传入一个数组作为展示数据， 2、可传入默认选中的值 3、传入的数组默认展示name和value可以自定义选中和展示的key 4、组件宽度215px最高高度486px，内容超出高度则可以在内容区域上下滚动 5、选中值后自动关闭组件，并抛出方法携带选中的值 6、打开组件的时候抛出方法，携带当前选中的默认值或者空 7、组件通过调用的输入框或者view盒子，自动计算需要浮动的区域，可以浮动到调用元素的上下或者覆盖调用元素的上方，确保展示的数据可以正常全部展示出来 8、在页面进行滚动或者点击组件外区域的时候可以关闭当前组件（拓展） 9、组件可选项的字体为font-size: 15px;color: #333333; 10、选中项样式默认是font-size: 15px;color: #0F56D5;并且在选中项后跟一个对号的icon 11、如果可选项的文本长度过长则自动换行，需要将选中时icon的展示位置预留出来
10-15
以下是符合你所有要求的 **微信小程序中使用的 Vue 组件 `zy-popup-dropdown-menu`**，基于 **uni-app（Vue 3 + `<script setup>`）框架** 实现。该组件可在 H5、微信小程序等平台稳定运行。 --- ### ✅ 组件功能...
<template> <view class="dropdown-wrapper"> <!-- 插槽：触发器 --> <slot name="reference" :open="open" :close="close" :toggle="toggle"> <!-- 默认触发器 --> <view class="dropdown-trigger-default" data-dropdown-trigger @tap="open"> 点击选择 ▼ </view> </slot> <!-- 浮动下拉菜单 --> <view v-if="visible" ref="dropdownRef" class="zy-popup-dropdown-menu" :style="{ top: `${top}px`, left: `${left}px`, transform: position }" @touchmove.stop > <view class="dropdown-content"> <view v-for="item in props.data" :key="item[props.valueKey]" class="dropdown-item" :class="{ 'is-selected': props.modelValue === item[props.valueKey] }" @tap="handleSelect(item)" > <text class="item-label">{{ item[props.labelKey] }}</text> <text v-if="props.modelValue === item[props.valueKey]" class="icon-check"></text> </view> </view> </view> </view> </template> <script setup> import { ref, nextTick, onUnmounted } from 'vue' // ---------------------- // Props 定义 // ---------------------- const props = defineProps({ // 数据源 [{ label: 'xxx', value: '1' }] data: { type: Array, required: true }, // 当前选中值（v-model） modelValue: { type: [String, Number, null], default: null }, // 显示字段名 labelKey: { type: String, default: 'name' }, // 值字段名 valueKey: { type: String, default: 'value' }, // id名 trigger: { type: String, default: 'value' } }) // ---------------------- // Emits // ---------------------- const emit = defineEmits(['update:modelValue', 'change', 'open', 'close']) // ---------------------- // 内部状态 // ---------------------- const visible = ref(false) const top = ref(0) const left = ref(0) const position = ref('translateY(8px)') const dropdownRef = ref(null) let observer = null // ---------------------- // 获取触发器位置（核心方法） function getTriggerRect() { return new Promise(resolve => { console.log('🚀 ~ getTriggerRect ~ props.trigger:', props.trigger) uni .createSelectorQuery() .select('#' + props.trigger) .boundingClientRect(rect => { if (rect) { console.log('✅ 定位成功:', rect) resolve(rect) } else { console.error('❌ 查询失败，请确认 ID 是否正确或已渲染') resolve(null) } }) .exec() }) } // ---------------------- // 打开下拉框 // ---------------------- const open = async () => { if (visible.value) { close() return } const rect = await getTriggerRect() if (!rect) return // 获取窗口高度 const res = await new Promise(resolve => { uni.createSelectorQuery().selectViewport().scrollOffset().exec(resolve) }) const scrollInfo = res[0] const windowHeight = scrollInfo.windowHeight || scrollInfo.height const maxHeight = 486 const needUpward = windowHeight - rect.bottom < maxHeight // 设置位置 left.value = rect.left top.value = needUpward ? rect.top - maxHeight - 8 : rect.bottom + 8 position.value = needUpward ? 'translateY(-8px)' : 'translateY(8px)' visible.value = true emit('open', props.modelValue) nextTick(() => { bindOutsideClickListener() bindScrollListener() }) } // ---------------------- // 关闭 & 切换 & 选择 // ---------------------- const close = () => { if (!visible.value) return visible.value = false emit('close') removeListeners() } const toggle = () => { visible.value ? close() : open() } const handleSelect = item => { const value = item[props.valueKey] const label = item[props.labelKey] if (props.modelValue !== value) { emit('update:modelValue', value) emit('change', { value, label }) } close() } // ---------------------- // 外部点击关闭 // ---------------------- const bindOutsideClickListener = () => { const handler = e => { // 阻止事件冒泡时也能监听到页面点击 const path = e.path || [] const isInside = path.some(node => node?.dataset?.dropdownTrigger) if (!isInside) close() } uni.$on('onPageTap', handler) observer = { ...observer, cleanupTap: () => uni.$off('onPageTap', handler) } } // ---------------------- // 页面滚动关闭 // ---------------------- const bindScrollListener = () => { const scrollHandler = () => close() uni.$on('onPageScroll', scrollHandler) observer = { ...observer, cleanupScroll: () => uni.$off('onPageScroll', scrollHandler) } } // ---------------------- // 移除监听 // ---------------------- const removeListeners = () => { observer?.cleanupTap?.() observer?.cleanupScroll?.() observer = null } const openByEvent = async e => { const target = e.currentTarget || e.target if (!target) { console.error('[Dropdown] openByEvent 缺少 event 对象') return } const rect = await new Promise(resolve => { const query = uni.createSelectorQuery() query.select(`#${target.id}`).boundingClientRect() query.exec(res => resolve(res[0])) }) if (!rect) { // 回退：直接用 event 自带的信息 const { top, bottom, left, height } = e.detail?.offsetTop !== undefined ? e : target const fallbackRect = { top, bottom: bottom || top + height, left, width: target.offsetWidth || 80, height: target.offsetHeight || 40 } console.warn('[Dropdown] 使用 event 数据回退定位', fallbackRect) doOpen(fallbackRect) } else { doOpen(rect) } } // 抽离打开逻辑 const doOpen = rect => { const res = uni.getSystemInfoSync() const windowHeight = res.windowHeight const maxHeight = 486 const needUpward = windowHeight - rect.bottom < maxHeight left.value = rect.left top.value = needUpward ? rect.top - maxHeight - 8 : rect.bottom + 8 position.value = needUpward ? 'translateY(-8px)' : 'translateY(8px)' visible.value = true emit('open', props.modelValue) nextTick(() => { bindOutsideClickListener() bindScrollListener() }) } // ---------------------- // 暴露方法给父组件调用 // ---------------------- defineExpose({ open, close, toggle }) // ---------------------- // 卸载清理 // ---------------------- onUnmounted(() => { removeListeners() }) </script> <style scoped> /* 整体容器 */ .dropdown-wrapper { display: inline-block; } /* 默认触发器样式 */ .dropdown-trigger-default { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; color: #333; } /* 下拉菜单主体 */ .zy-popup-dropdown-menu { position: fixed; width: 215px; max-height: 486px; background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 9999; display: flex; flex-direction: column; } /* 内容区可滚动 */ .dropdown-content { flex: 1; height: 0; /* 防止撑开 */ max-height: 486px; overflow-y: auto; -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */ } /* 每一项 */ .dropdown-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; font-size: 15px; color: #333333; border-bottom: 1px solid #f5f5f5; } .dropdown-item:last-child { border-bottom: none; } /* 选中项样式 */ .dropdown-item.is-selected { color: #0f56d5; font-weight: 500; } /* 文本自动换行 */ .item-label { flex: 1; word-break: break-word; line-height: 1.4; text-align: left; } /* 对号图标 */ .icon-check { font-family: 'erda' !important; /* 可替换为 iconfont 字体 */ font-size: 16px; margin-left: 8px; color: #0f56d5; } </style> 希望再滚动的时候关闭当前打开的组件
10-15
你希望在 **页面滚动时自动关闭当前打开的下拉菜单**，虽然你已经在 `bindScrollListener` 中使用了： ```js uni.$on('onPageScroll', scrollHandler) ``` 但实际中发现：**滚动时没有关闭菜单**。 --- ## ✅ ...
<template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> <el-form-item label="角色名称" prop="roleName"> <el-input v-model="queryParams.roleName" placeholder="请输入角色名称" clearable style="width: 240px" @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="权限字符" prop="roleKey"> <el-input v-model="queryParams.roleKey" placeholder="请输入权限字符" clearable style="width: 240px" @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="状态" prop="status"> <el-select v-model="queryParams.status" placeholder="角色状态" clearable style="width: 240px" > <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="创建时间"> <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:role:add']" >新增</el-button> </el-col> <el-col :span="1.5"> <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['system:role:edit']" >修改</el-button> </el-col> <el-col :span="1.5"> <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:role:remove']" >删除</el-button> </el-col> <el-col :span="1.5"> <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['system:role:export']" >导出</el-button> </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="角色编号" prop="roleId" width="120" /> <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" /> <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="150" /> <el-table-column label="显示顺序" prop="roleSort" width="100" /> <el-table-column label="状态" align="center" width="100"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)" ></el-switch> </template> </el-table-column> <el-table-column label="创建时间" align="center" prop="createTime" width="180"> <template slot-scope="scope"> <span>{{ parseTime(scope.row.createTime) }}</span> </template> </el-table-column> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope" v-if="scope.row.roleId !== 1"> <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:role:edit']" >修改</el-button> <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']" >删除</el-button> <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']"> <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item command="handleDataScope" icon="el-icon-circle-check" v-hasPermi="['system:role:edit']">数据权限</el-dropdown-item> <el-dropdown-item command="handleAuthUser" icon="el-icon-user" v-hasPermi="['system:role:edit']">分配用户</el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> </el-table-column> </el-table> <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> <!-- 添加或修改角色配置对话框 --> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form-item label="角色名称" prop="roleName"> <el-input v-model="form.roleName" placeholder="请输入角色名称" /> </el-form-item> <el-form-item prop="roleKey"> <span slot="label"> <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasRole('admin')`)" placement="top"> <i class="el-icon-question"></i> </el-tooltip> 权限字符 </span> <el-input v-model="form.roleKey" placeholder="请输入权限字符" /> </el-form-item> <el-form-item label="角色顺序" prop="roleSort"> <el-input-number v-model="form.roleSort" controls-position="right" :min="0" /> </el-form-item> <el-form-item label="状态"> <el-radio-group v-model="form.status"> <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value" >{{dict.label}}</el-radio> </el-radio-group> </el-form-item> <el-form-item label="菜单权限"> <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox> <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox> <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox> <el-tree class="tree-border" :data="menuOptions" show-checkbox ref="menu" node-key="id" :check-strictly="!form.menuCheckStrictly" empty-text="加载中，请稍候" :props="defaultProps" ></el-tree> </el-form-item> <el-form-item label="备注"> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitForm">确 定</el-button> <el-button @click="cancel">取 消</el-button> </div> </el-dialog> <!-- 分配角色数据权限对话框 --> <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body> <el-form :model="form" label-width="80px"> <el-form-item label="角色名称"> <el-input v-model="form.roleName" :disabled="true" /> </el-form-item> <el-form-item label="权限字符"> <el-input v-model="form.roleKey" :disabled="true" /> </el-form-item> <el-form-item label="权限范围"> <el-select v-model="form.dataScope" @change="dataScopeSelectChange"> <el-option v-for="item in dataScopeOptions" :key="item.value" :label="item.label" :value="item.value" ></el-option> </el-select> </el-form-item> <el-form-item label="数据权限" v-show="form.dataScope == 2"> <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox> <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox> <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox> <el-tree class="tree-border" :data="deptOptions" show-checkbox default-expand-all ref="dept" node-key="id" :check-strictly="!form.deptCheckStrictly" empty-text="加载中，请稍候" :props="defaultProps" ></el-tree> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitDataScope">确 定</el-button> <el-button @click="cancelDataScope">取 消</el-button> </div> </el-dialog> </div> </template> <script> import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role" import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu" export default { name: "Role", dicts: ['sys_normal_disable'], data() { return { // 遮罩层 loading: true, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, // 角色表格数据 roleList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, // 是否显示弹出层（数据权限） openDataScope: false, menuExpand: false, menuNodeAll: false, deptExpand: true, deptNodeAll: false, // 日期范围 dateRange: [], // 数据范围选项 dataScopeOptions: [ { value: "1", label: "全部数据权限" }, { value: "2", label: "自定数据权限" }, { value: "3", label: "本部门数据权限" }, { value: "4", label: "本部门及以下数据权限" }, { value: "5", label: "仅本人数据权限" } ], // 菜单列表 menuOptions: [], // 部门列表 deptOptions: [], // 查询参数 queryParams: { pageNum: 1, pageSize: 10, roleName: undefined, roleKey: undefined, status: undefined }, // 表单参数 form: {}, defaultProps: { children: "children", label: "label" }, // 表单校验 rules: { roleName: [ { required: true, message: "角色名称不能为空", trigger: "blur" } ], roleKey: [ { required: true, message: "权限字符不能为空", trigger: "blur" } ], roleSort: [ { required: true, message: "角色顺序不能为空", trigger: "blur" } ] } } }, created() { this.getList() }, methods: { /** 查询角色列表 */ getList() { this.loading = true listRole(this.addDateRange(this.queryParams, this.dateRange)).then(response => { this.roleList = response.rows this.total = response.total this.loading = false } ) }, /** 查询菜单树结构 */ getMenuTreeselect() { menuTreeselect().then(response => { this.menuOptions = response.data }) }, // 所有菜单节点数据 getMenuAllCheckedKeys() { // 目前被选中的菜单节点 let checkedKeys = this.$refs.menu.getCheckedKeys() // 半选中的菜单节点 let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys() checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys) return checkedKeys }, // 所有部门节点数据 getDeptAllCheckedKeys() { // 目前被选中的部门节点 let checkedKeys = this.$refs.dept.getCheckedKeys() // 半选中的部门节点 let halfCheckedKeys = this.$refs.dept.getHalfCheckedKeys() checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys) return checkedKeys }, /** 根据角色ID查询菜单树结构 */ getRoleMenuTreeselect(roleId) { return roleMenuTreeselect(roleId).then(response => { this.menuOptions = response.menus return response }) }, /** 根据角色ID查询部门树结构 */ getDeptTree(roleId) { return deptTreeSelect(roleId).then(response => { this.deptOptions = response.depts return response }) }, // 角色状态修改 handleStatusChange(row) { let text = row.status === "0" ? "启用" : "停用" this.$modal.confirm('确认要"' + text + '""' + row.roleName + '"角色吗？').then(function() { return changeRoleStatus(row.roleId, row.status) }).then(() => { this.$modal.msgSuccess(text + "成功") }).catch(function() { row.status = row.status === "0" ? "1" : "0" }) }, // 取消按钮 cancel() { this.open = false this.reset() }, // 取消按钮（数据权限） cancelDataScope() { this.openDataScope = false this.reset() }, // 表单重置 reset() { if (this.$refs.menu != undefined) { this.$refs.menu.setCheckedKeys([]) } this.menuExpand = false, this.menuNodeAll = false, this.deptExpand = true, this.deptNodeAll = false, this.form = { roleId: undefined, roleName: undefined, roleKey: undefined, roleSort: 0, status: "0", menuIds: [], deptIds: [], menuCheckStrictly: true, deptCheckStrictly: true, remark: undefined } this.resetForm("form") }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1 this.getList() }, /** 重置按钮操作 */ resetQuery() { this.dateRange = [] this.resetForm("queryForm") this.handleQuery() }, // 多选框选中数据 handleSelectionChange(selection) { this.ids = selection.map(item => item.roleId) this.single = selection.length!=1 this.multiple = !selection.length }, // 更多操作触发 handleCommand(command, row) { switch (command) { case "handleDataScope": this.handleDataScope(row) break case "handleAuthUser": this.handleAuthUser(row) break default: break } }, // 树权限（展开/折叠） handleCheckedTreeExpand(value, type) { if (type == 'menu') { let treeList = this.menuOptions for (let i = 0; i < treeList.length; i++) { this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value } } else if (type == 'dept') { let treeList = this.deptOptions for (let i = 0; i < treeList.length; i++) { this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value } } }, // 树权限（全选/全不选） handleCheckedTreeNodeAll(value, type) { if (type == 'menu') { this.$refs.menu.setCheckedNodes(value ? this.menuOptions: []) } else if (type == 'dept') { this.$refs.dept.setCheckedNodes(value ? this.deptOptions: []) } }, // 树权限（父子联动） handleCheckedTreeConnect(value, type) { if (type == 'menu') { this.form.menuCheckStrictly = value ? true: false } else if (type == 'dept') { this.form.deptCheckStrictly = value ? true: false } }, /** 新增按钮操作 */ handleAdd() { this.reset() this.getMenuTreeselect() this.open = true this.title = "添加角色" }, /** 修改按钮操作 */ handleUpdate(row) { this.reset() const roleId = row.roleId || this.ids const roleMenu = this.getRoleMenuTreeselect(roleId) getRole(roleId).then(response => { this.form = response.data this.open = true this.$nextTick(() => { roleMenu.then(res => { let checkedKeys = res.checkedKeys checkedKeys.forEach((v) => { this.$nextTick(()=>{ this.$refs.menu.setChecked(v, true ,false) }) }) }) }) }) this.title = "修改角色" }, /** 选择角色权限范围触发 */ dataScopeSelectChange(value) { if(value !== '2') { this.$refs.dept.setCheckedKeys([]) } }, /** 分配数据权限操作 */ handleDataScope(row) { this.reset() const deptTreeSelect = this.getDeptTree(row.roleId) getRole(row.roleId).then(response => { this.form = response.data this.openDataScope = true this.$nextTick(() => { deptTreeSelect.then(res => { this.$refs.dept.setCheckedKeys(res.checkedKeys) }) }) }) this.title = "分配数据权限" }, /** 分配用户操作 */ handleAuthUser: function(row) { const roleId = row.roleId this.$router.push("/system/role-auth/user/" + roleId) }, /** 提交按钮 */ submitForm: function() { this.$refs["form"].validate(valid => { if (valid) { if (this.form.roleId != undefined) { this.form.menuIds = this.getMenuAllCheckedKeys() updateRole(this.form).then(response => { this.$modal.msgSuccess("修改成功") this.open = false this.getList() }) } else { this.form.menuIds = this.getMenuAllCheckedKeys() addRole(this.form).then(response => { this.$modal.msgSuccess("新增成功") this.open = false this.getList() }) } } }) }, /** 提交按钮（数据权限） */ submitDataScope: function() { if (this.form.roleId != undefined) { this.form.deptIds = this.getDeptAllCheckedKeys() dataScope(this.form).then(response => { this.$modal.msgSuccess("修改成功") this.openDataScope = false this.getList() }) } }, /** 删除按钮操作 */ handleDelete(row) { const roleIds = row.roleId || this.ids this.$modal.confirm('是否确认删除角色编号为"' + roleIds + '"的数据项？').then(function() { return delRole(roleIds) }).then(() => { this.getList() this.$modal.msgSuccess("删除成功") }).catch(() => {}) }, /** 导出按钮操作 */ handleExport() { this.download('system/role/export', { ...this.queryParams }, `role_${new Date().getTime()}.xlsx`) } } } </script>美化
09-24
<el-dropdown-item command="handleDataScope" icon="el-icon-circle-check" v-hasPermi="['system:role:edit']">数据权限 v-hasPermi="['system:role:edit']">分配用户 </el-dropdown-menu> <!-- ...
三相异步电动机矢量控制Matlab仿真之旅
2509_94268504的博客
11-29 467
通过这次三相异步电动机矢量控制的Matlab仿真，我们不仅深入理解了矢量控制的原理，还成功在Simulink环境中搭建并验证了控制模型。仿真结果能直观地反映电机在矢量控制下的运行性能，为实际电机控制系统的设计和优化提供了重要参考。在实际应用中，可以根据具体需求进一步调整模型参数，以满足不同的控制要求。同时，这种仿真方法也能帮助我们快速验证新的控制算法和策略，为电机控制技术的发展添砖加瓦。以上就是关于三相异步电动机矢量控制Matlab仿真及报告的全部内容啦，希望能给对这方面感兴趣的小伙伴一些启发和帮助。
Transport Delay模块的PLC实现(博途PLC SCL源代码)
最新发布
RXXW_Dor的博客
12-01 16
一阶惯性+滞后系统建模(Easy系列PLC)基恩士PLC增量式PID。
永磁同步电机控制算法--占空比模型预测电流控制
m0_45796409的博客
11-29 265
占空比MPCC是在传统MPCC的基础上引入占空比控制，即计算被价值函数选择出的最优电压矢量的作用时间，让最优电压矢量只作用采样周期的一部分，其余时间由零电压矢量作用。仿真工况：电机空载零速启动，0s阶跃给定转速300rpm，0.5s施加额定负载。将占空比模型预测电流控制与单矢量模型预测电流控制（每部分上图为单矢量）进行对比。在MATLAB/simulink里面验证所提算法，采用和实验中一致的控制周期1e-4，电机部分计算周期为1e-6。
Flex 4菜单组件：超酷菜单设计指南
资源摘要信息:"Flex 4 菜单 (Flex Menu) 是一个富互联网应用程序（RIA）的用户界面组件，它用于设计和开发基于 Adobe Flex 4 的应用程序中的动态菜单系统。该组件提供了创建图形用户界面（GUI）菜单的能力，这些菜单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值