update Yi.RuoYi.Vue3/src/views/system/menu/index.vue.

删除多余的点击事件,修复图标选择框点击后闪烁的异常

Signed-off-by: tyjctl <419999127@qq.com>
This commit is contained in:
tyjctl
2024-05-29 10:39:46 +00:00
committed by Gitee
parent ef220a5b36
commit c847af3df1

View File

@@ -128,12 +128,10 @@
<el-popover
placement="bottom-start"
:width="540"
v-model:visible="showChooseIcon"
trigger="click"
@show="showSelectIcon"
>
<template #reference>
<el-input v-model="form.menuIcon" placeholder="点击选择图标" @click="showSelectIcon" v-click-outside="hideSelectIcon" readonly>
<el-input v-model="form.menuIcon" placeholder="点击选择图标" readonly>
<template #prefix>
<svg-icon
v-if="form.menuIcon"
@@ -307,7 +305,6 @@ const title = ref("");
const menuOptions = ref([]);
const isExpandAll = ref(false);
const refreshTable = ref(true);
const showChooseIcon = ref(false);
const iconSelectRef = ref(null);
const guidEmpty="00000000-0000-0000-0000-000000000000";
@@ -367,24 +364,12 @@ function reset() {
};
proxy.resetForm("menuRef");
}
/** 展示下拉图标 */
function showSelectIcon() {
iconSelectRef.value.reset();
showChooseIcon.value = true;
}
/** 选择图标 */
function selected(name) {
form.value.menuIcon = name;
showChooseIcon.value = false;
}
/** 图标外层点击隐藏下拉列表 */
function hideSelectIcon(event) {
var elem = event.relatedTarget || event.srcElement || event.target || event.currentTarget;
var className = elem.className;
if (className !== "el-input__inner") {
showChooseIcon.value = false;
}
}
/** 搜索按钮操作 */
function handleQuery() {
getList();