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

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

View File

@@ -79,21 +79,21 @@
<!--模块添加/编辑窗口-->
<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">
<label class="layui-form-label">模块名称</label>
<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">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">导航栏展示</label>
<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="-1">隐藏</option>
</select>
@@ -103,27 +103,27 @@
<div class="layui-form-item">
<label class="layui-form-label">模块标识</label>
<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">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">URL地址</label>
<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">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<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 class="layui-form-item">
<label class="layui-form-label">排序号</label>
<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">
</div>
</div>
@@ -131,9 +131,8 @@
<div class="layui-form-item">
<label class="layui-form-label">所属模块</label>
<div class="layui-input-block">
<input id="ParentName" name="ParentName" v-model="tmp.ParentName" class="layui-input" />
<input id="ParentId" name="ParentId" v-model="tmp.ParentId" type="hidden" />
<input id="ParentName" name="ParentName" class="layui-input" />
<input id="ParentId" name="ParentId" type="hidden" />
</div>
</div>

View File

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