lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2025-11-10 11:24:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix IABKQN 输入框输入收清除其他下拉框或选择框的内容

Browse Source
This commit is contained in:
yubaolee
2024-07-11 16:43:21 +08:00
parent d49ed28b13
commit 2b38807d2d
2 changed files with 87 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
OpenAuth.Mvc/Views/ModuleManager/Index.cshtml
View File

@@ -79,21 +79,21 @@
<!--模块添加/编辑窗口--> <!--模块添加/编辑窗口-->
<div id="divEdit" style="display: none"> <div id="divEdit" style="display: none">
<form class="layui-form layui-form-pane" action="" id="formEdit"> <form class="layui-form layui-form-pane" action="" id="formEdit" lay-filter="formEdit">
<input type="hidden" name="Id" v-model="tmp.Id" /> <input type="hidden" name="Id"/>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">模块名称</label> <label class="layui-form-label">模块名称</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="Name" v-model="tmp.Name" required lay-verify="required" <input type="text" name="Name" required lay-verify="required"
placeholder="请输入模块名称" autocomplete="off" class="layui-input"> placeholder="请输入模块名称" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">导航栏展示</label> <label class="layui-form-label">导航栏展示</label>
<div class="layui-input-block"> <div class="layui-input-block">
<select name="Status" v-model="tmp.Status" required lay-verify="required"> <select name="Status" required lay-verify="required">
<option value="0" selected="selected" >正常</option> <option value="0" selected="selected" >正常</option>
<option value="-1">隐藏</option> <option value="-1">隐藏</option>
</select> </select>
@@ -103,27 +103,27 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">模块标识</label> <label class="layui-form-label">模块标识</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="Code" v-model="tmp.Code" <input type="text" name="Code"
placeholder="比如：Module" autocomplete="off" class="layui-input"> placeholder="比如：Module" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">URL地址</label> <label class="layui-form-label">URL地址</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="Url" v-model="tmp.Url" required lay-verify="required" <input type="text" name="Url" required lay-verify="required"
placeholder="请输入URL" autocomplete="off" class="layui-input"> placeholder="请输入URL" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">图标</label> <label class="layui-form-label">图标</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" id="IconName" name="IconName" v-model="tmp.IconName" lay-filter="iconPicker" class="layui-input"> <input type="text" id="IconName" name="IconName" lay-filter="iconPicker" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">排序号</label> <label class="layui-form-label">排序号</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="SortNo" v-model="tmp.SortNo" required lay-verify="required" <input type="text" name="SortNo" required lay-verify="required"
placeholder="请输入排序号" autocomplete="off" class="layui-input"> placeholder="请输入排序号" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
@@ -131,9 +131,8 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">所属模块</label> <label class="layui-form-label">所属模块</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input id="ParentName" name="ParentName" v-model="tmp.ParentName" class="layui-input" /> <input id="ParentName" name="ParentName" class="layui-input" />
<input id="ParentId" name="ParentId" v-model="tmp.ParentId" type="hidden" /> <input id="ParentId" name="ParentId" type="hidden" />
</div> </div>
</div> </div>

68
OpenAuth.Mvc/wwwroot/userJs/modules.js
View File

@@ -25,38 +25,25 @@ layui.config({
form.render(); form.render();
} }
}); });
var vmModule = new Vue({ var moduleInitVal = { //模块初始化的值
el: "#formEdit", Id: "",
data(){ SortNo: 1,
return { IconName: 'layui-icon-app',
tmp: {} //使用一个tmp封装一下，后面可以直接用vm.tmp赋值 ParentId: '',
} ParentName: '',
}, Name: '',
watch:{ Url: '',
tmp(val){ Status: 0,
this.$nextTick(function () { Remark: '',
form.render(); //刷新select等 Code: ''
layui.droptree("/UserSession/GetModules", "#ParentName", "#ParentId", false); };
iconPicker.checkIcon('iconPicker', this.tmp.IconName);
})
}
},
mounted(){
form.render();
layui.droptree("/UserSession/GetModules", "#ParentName", "#ParentId", false);
}
});
iconPicker.render({ iconPicker.render({
// 选择器，推荐使用input // 选择器，推荐使用input
elem: '#IconName', elem: '#IconName',
type: 'fontClass', type: 'fontClass',
// 每个图标格子的宽度：'43px'或'20%' // 每个图标格子的宽度：'43px'或'20%'
cellWidth: '43px', cellWidth: '43px',
// 点击回调
click: function (data) {
vmModule.tmp.IconName = data.icon;
}
}); });
btnIconPicker.render({ //按钮的图标 btnIconPicker.render({ //按钮的图标
// 选择器，推荐使用input // 选择器，推荐使用input
@@ -147,8 +134,7 @@ layui.config({
$("#tree").height($("div.layui-table-view").height()); $("#tree").height($("div.layui-table-view").height());
//添加（编辑）模块对话框 //添加（编辑）模块对话框
var editDlg = function () { var editDlg = function () {
var update = false; //是否为更新 var show = function (update, data) {
var show = function (data) {
var title = update ? "编辑信息" : "添加"; var title = update ? "编辑信息" : "添加";
layer.open({ layer.open({
title: title, title: title,
@@ -156,12 +142,12 @@ layui.config({
type: 1, type: 1,
content: $('#divEdit'), content: $('#divEdit'),
success: function () { success: function () {
if(data.Id ==''){ layui.droptree("/UserSession/GetModules", "#ParentName", "#ParentId", false);
for(var key in vmModule.tmp){ if (data == undefined) {
delete vmModule.tmp[key]; form.val("formEdit", moduleInitVal);
} else {
form.val("formEdit", data);
} }
}
vmModule.tmp = Object.assign({}, vmModule.tmp,data)
}, },
end: mainList end: mainList
}); });
@@ -186,16 +172,10 @@ layui.config({
} }
return { return {
add: function () { //弹出添加 add: function () { //弹出添加
update = false; show(false);
show({
Id: "",
SortNo: 1,
IconName:'layui-icon-app'
});
}, },
update: function (data) { //弹出编辑框 update: function (data) { //弹出编辑框
update = true; show(true,data);
show(data);
} }
}; };
}(); }();
@@ -264,7 +244,9 @@ layui.config({
var checkStatus = table.checkStatus('mainList') var checkStatus = table.checkStatus('mainList')
, data = checkStatus.data; , data = checkStatus.data;
openauth.del("/moduleManager/Delete", openauth.del("/moduleManager/Delete",
data.map(function (e) { return e.Id; }), data.map(function (e) {
return e.Id;
}),
function () { function () {
mainList(); mainList();
ztree.reload(); ztree.reload();
@@ -274,7 +256,9 @@ layui.config({
var checkStatus = table.checkStatus('menuList') var checkStatus = table.checkStatus('menuList')
, data = checkStatus.data; , data = checkStatus.data;
openauth.del("/moduleManager/DelMenu", openauth.del("/moduleManager/DelMenu",
data.map(function (e) { return e.Id; }), data.map(function (e) {
return e.Id;
}),
menuList); menuList);
} }
, btnAdd: function () { //添加模块 , btnAdd: function () { //添加模块