monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 077e404c9750922b771cc836e2f32986f76c0e32 2 parents bd95334b 614c73c3

Merge branch 'master-v32-lushangqing' into 'master' 

用户管理 扩展信息根据字典配置展示输入框，单选框，文本框



See merge request !299
Inline Side-by-side
Showing 2 changed files with 128 additions and 4 deletions
... ... @@ -195,7 +195,7 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
//获取属性值
function addUserProperty() {
var arr = [];
var $inputs = $("#user_property_html_id").find("input");
var $inputs = $("#user_property_html_id").find(".input");
$.each($inputs, function (i, e) {
var obj = {
id: $(e).attr("data-id"),
... ... @@ -207,6 +207,33 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
};
arr.push(obj)
})
console.log("arr-$inputs",arr)
// Start 获取select的值 LSQ 2021/12/28 14:29 TODO
var $selects = $("#user_property_html_id").find(".select");
$.each($selects, function (i, e) {
var obj = {
id: $(e).attr("data-id"),
username: $(e).attr("data-username"),
property: $(e).attr("data-property"),
value: $(e).val(),
sort: $(e).attr("data-sort"),
remark: $(e).attr("data-remark")
};
arr.push(obj)
})
var $textareas = $("#user_property_html_id").find(".textarea");
$.each($textareas, function (i, e) {
var obj = {
id: $(e).attr("data-id"),
username: $(e).attr("data-username"),
property: $(e).attr("data-property"),
value: $(e).val(),
sort: $(e).attr("data-sort"),
remark: $(e).attr("data-remark")
};
arr.push(obj)
})
//End LSQ 2021/12/28 14:50 TODO
return arr;
}
... ... @@ -234,27 +261,80 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
var rowTail = '</div>';
var content = '';
$.each(propertyList, function (i, v) {
// Start 根据字典配置后缀展示输入框，单选框，文本框 LSQ 2021/12/28 16:34 TODO
var str='';
var dropStrIndex=v.ddicCode.indexOf('_drop_');
var textareaStrIndex=v.ddicCode.indexOf('_textarea_');
if(textareaStrIndex!=-1){
str='<textarea data-property="'+v.ddicCode+'" placeholder="'+v.ddicDesc+'" data-id="" data-username="" data-sort="" data-remark="" class="layui-textarea textarea" name="' + v.ddicCode + '"></textarea>'
}else if(dropStrIndex!=-1){
var strArr=v.ddicCode.split('_drop_');
var selectOption='';
if(strArr && strArr.length>0){
var strArrEle=strArr[1].split('_');
if(strArrEle[0]=='yes'){
selectOption=' <option value="0">否</option>'+
' <option value="1">是</option>';
}else if(strArrEle[0]=='long'){
selectOption=' <option value="0">长期</option>'+
' <option value="1">短期</option>';
}
}
str='<select data-property="'+v.ddicCode+'" placeholder="'+v.ddicDesc+'" data-id="" data-username="" data-sort="" data-remark="" class="select layui-select select-input-my" name="' + v.ddicCode + '" autocomplete="off">'+
' <option value="" style="display:none;"></option>'+ selectOption +
'</select>';
}else{
str='<input type="text" data-property="'+v.ddicCode+'" placeholder="'+v.ddicDesc+'" data-id="" data-username="" data-sort="" data-remark="" class="layui-input input" name="' + v.ddicCode + '" autocomplete="off">'
}
var property = ' <div class="layui-inline ">' +
' <label class="layui-form-label">' + v.ddicName + '</label>' +
' <div class="layui-input-inline">' +
' <input type="text" data-property="'+v.ddicCode+'" placeholder="'+v.ddicDesc+'" data-id="" data-username="" data-sort="" data-remark="" class="layui-input" name="' + v.ddicCode + '" autocomplete="off">' +
' <div class="layui-input-inline">' +str+
// ' <input type="text" data-property="'+v.ddicCode+'" placeholder="'+v.ddicDesc+'" data-id="" data-username="" data-sort="" data-remark="" class="layui-input" name="' + v.ddicCode + '" autocomplete="off">' +
' </div>' +
' </div>';
if(textareaStrIndex!=-1){
if (i % 1 == 0 ) {
content += rowTail;
}
if (i % 1 == 0) {//需要添加表头
content += rowHead + property;
} else {//
content += property;
}
}else{
if (i % 2 == 0 && i != 0) {
content += rowTail;
}
if (i % 2 == 0) {//需要添加表头
content += rowHead + property;
} else {//
content += property;
}
}
//End LSQ 2021/12/28 16:35 TODO
/* if (i % 2 == 0 && i != 0) {
content += rowTail;
}
if (i % 2 == 0) {//需要添加表头
content += rowHead + property;
} else {//
content += property;
}*/
});
$('#user_property_html_id').append(content);
}
//回显属性信息
function evaluation(list){
var $inputs = $("#user_property_html_id").find("input");
var $inputs = $("#user_property_html_id").find(".input");
$.each($inputs, function (i, e) {
var $that=$(this);
$.each(list, function (index,v) {
... ... @@ -267,6 +347,34 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
}
});
});
// Start 回显select的值 LSQ 2021/12/28 14:55 TODO
var $selects = $("#user_property_html_id").find(".select");
$.each($selects, function (i, e) {
var $that=$(this);
$.each(list, function (index,v) {
if($that.attr('data-property')== v.property){
$that.attr("data-id",v.id);
$that.attr("data-username",v.username);
$that.val(v.value);
$that.attr("data-sort",v.sort);
$that.attr("data-remark",v.remark);
}
});
});
var $textarea = $("#user_property_html_id").find(".textarea");
$.each($textarea, function (i, e) {
var $that=$(this);
$.each(list, function (index,v) {
if($that.attr('data-property')== v.property){
$that.attr("data-id",v.id);
$that.attr("data-username",v.username);
$that.val(v.value);
$that.attr("data-sort",v.sort);
$that.attr("data-remark",v.remark);
}
});
});
//End LSQ 2021/12/28 14:55 TODO
}
})
})
... ...
... ... @@ -7893,3 +7893,19 @@ form[lay-filter="activewarning-form"] .layui-inline {
.padding-left-10{
padding-left:10px;
}
/* Start 自定义select的样式*/
.select-input-my+.layui-form-select .layui-select-title .layui-input::-webkit-input-placeholder {
color:#999;
}
.select-input-my+.layui-form-select .layui-select-title .layui-input::-moz-placeholder {
color:#999;
}
.select-input-my+.layui-form-select .layui-select-title .layui-input::-ms-input-placeholder {
color:#999;
}
.select-input-my+.layui-form-select dl dd.layui-this{
color:#666666;
background-color:rgb(242, 242, 242);
}
/* End 自定义select的样式*/
... ...