fix #IABKQN

This commit is contained in:
yubaolee 2024-07-11 22:21:48 +08:00
parent c5149d33c4
commit 958a455dc4
2 changed files with 35 additions and 50 deletions

View File

@ -56,21 +56,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="Account" v-model="tmp.Account" required lay-verify="required" <input type="text" name="Account" 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">
<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>
@ -78,8 +78,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="Organizations" name="Organizations" v-model="tmp.Organizations" required lay-verify="required" class="layui-input" /> <input id="Organizations" name="Organizations" required lay-verify="required" class="layui-input" />
<input id="OrganizationIds" name="OrganizationIds" v-model="tmp.OrganizationIds" required lay-verify="required" type="hidden" /> <input id="OrganizationIds" name="OrganizationIds" required lay-verify="required" type="hidden" />
</div> </div>
</div> </div>
@ -87,14 +87,14 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">性别</label> <label class="layui-form-label">性别</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="Sex" value="1" title="男" v-model="tmp.Sex" > <input type="radio" name="Sex" value="1" title="男" >
<input type="radio" name="Sex" value="0" title="女" v-model="tmp.Sex" > <input type="radio" name="Sex" value="0" title="女" >
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">禁用</label> <label class="layui-form-label">禁用</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" name="Status" v-model="tmp.Status" lay-skin="switch" value="1"> <input type="checkbox" name="Status" lay-skin="switch" value="1">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
@ -107,4 +107,4 @@
</div> </div>
<script type="text/javascript" src="/layui/layui.js"></script> <script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/userJs/users.js?v2.0"></script> <script type="text/javascript" src="/userJs/users.js?v3.0"></script>

View File

@ -8,6 +8,16 @@ layui.config({
var openauth = layui.openauth; var openauth = layui.openauth;
var toplayer = (top == undefined || top.layer === undefined) ? layer : top.layer; //顶层的LAYER var toplayer = (top == undefined || top.layer === undefined) ? layer : top.layer; //顶层的LAYER
var initVal = { //初始化数据
Id: '',
Account:'',
Name:'',
Organizations:'',
OrganizationIds:'',
Sex:'',
Status:0
};
$("#menus").loadMenus("User"); $("#menus").loadMenus("User");
//主列表加载,可反复调用进行刷新 //主列表加载,可反复调用进行刷新
@ -68,9 +78,7 @@ layui.config({
//添加(编辑)对话框 //添加(编辑)对话框
var editDlg = function() { var editDlg = function() {
var vm; var show = function (update, data) {
var update = false; //是否为更新
var show = function (data) {
var title = update ? "编辑信息" : "添加"; var title = update ? "编辑信息" : "添加";
layer.open({ layer.open({
title: title, title: title,
@ -78,33 +86,17 @@ layui.config({
type: 1, type: 1,
content: $('#divEdit'), content: $('#divEdit'),
success: function() { success: function() {
if(vm == undefined){ if (data == undefined) {
vm = new Vue({ form.val("formEdit", initVal);
el: "#formEdit",
data(){
return {
tmp:data //使用一个tmp封装一下后面可以直接用vm.tmp赋值
}
},
watch:{
tmp(val){
this.$nextTick(function () {
form.render(); //刷新select等
//layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
})
}
},
mounted(){
form.render();
var _this = this;
layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds", true,function (ids, names) {
_this.tmp.OrganizationIds = ids;
_this.tmp.Organizations = names;
});
}
});
} else { } else {
vm.tmp = Object.assign({}, vm.tmp,data) layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds", true,function (ids, names) {
form.val("formEdit", {
Organizations: names,
OrganizationIds: ids
});
});
form.val("formEdit", data);
} }
}, },
end: mainList end: mainList
@ -127,22 +119,15 @@ layui.config({
//重置 //重置
$("#reset").click(function(){ $("#reset").click(function(){
vm.tmp = {
OrganizationIds:'',
Organizations:''
}
}); });
} }
return { return {
add: function() { //弹出添加 add: function() { //弹出添加
update = false; show(false);
show({
Id: ''
});
}, },
update: function(data) { //弹出编辑框 update: function(data) { //弹出编辑框
update = true; show(true,data);
show(data);
} }
}; };
}(); }();