|
|
|
|
@ -69,130 +69,11 @@
|
|
|
|
|
}/*结束循环*/ -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 输入方式(1单选 2多选 3输入 4多级联动 5上传图片 6上传附件 7多行输入 8:日期)-->
|
|
|
|
|
<!--#if(!isEmpty(searchList)){ -->
|
|
|
|
|
<!--#for(item in searchList){ -->
|
|
|
|
|
<!--#if(item.inputType == 3 || item.inputType == 7){ -->
|
|
|
|
|
<div class="layui-inline inputType1" attributeId="${item.attributeId}">
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<input type="text" name="${item.attributeId}" placeholder="请输入${item.attributeName}"
|
|
|
|
|
autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--#}else if(item.inputType == 1 || item.inputType == 2){ -->
|
|
|
|
|
<!--# var list = splitString(item.attributeValues); -->
|
|
|
|
|
<div class="layui-inline inputType2" attributeId="${item.attributeId}">
|
|
|
|
|
<select name="${item.attributeId}">
|
|
|
|
|
<option value="">${item.attributeName}</option>
|
|
|
|
|
<!--#for(it in list){ -->
|
|
|
|
|
<option value="${it}">${it}</option>
|
|
|
|
|
<!--#} -->
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<!--#}else if(item.inputType == 4){ -->
|
|
|
|
|
<div class="layui-inline inputType1" attributeId="${item.attributeId}">
|
|
|
|
|
<div id="ld_${item.attributeId}">
|
|
|
|
|
|
|
|
|
|
<!--#if(isEmpty(searchList)){ -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<button class="layui-btn layui-btn-normal" type="button" id="${formId}Search"><i class="layui-icon"></i>搜索</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
layui.use(['form', "layer"], function () {
|
|
|
|
|
var form = layui.form;
|
|
|
|
|
var layer = layui.layer;
|
|
|
|
|
var item = sessionStorage.getItem("attribute_" + '${item.attributeId}');
|
|
|
|
|
var attributeInfo = {};
|
|
|
|
|
var info = {};//根据父级ID存入键值对格式{父id:"子ID_名称",父id:"子ID_名称"}
|
|
|
|
|
if ($.isEmpty(item)) {
|
|
|
|
|
var ret = Common.getAjax("/jlw/attribute/getTreeById.json", {attributeId: '${item.attributeId}'}); //加载属性数据
|
|
|
|
|
if (ret.code == 0) {
|
|
|
|
|
sessionStorage.setItem("attribute_" + '${item.attributeId}', JSON.stringify(ret.data));
|
|
|
|
|
attributeInfo = ret.data;
|
|
|
|
|
loadAttrInfo(ret.data);
|
|
|
|
|
forMat(attributeInfo.children, info);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
attributeInfo = JSON.parse(item);
|
|
|
|
|
loadAttrInfo(attributeInfo);
|
|
|
|
|
forMat(attributeInfo.children, info);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function loadAttrInfo(data) {
|
|
|
|
|
var htm = "<input type='hidden' name='${item.attributeId}'>";
|
|
|
|
|
var children = data.children;
|
|
|
|
|
for (var i = 0; i < children.length; i++) {
|
|
|
|
|
if (i == 0) {
|
|
|
|
|
htm += "<div class='layui-input-inline' " + (data.childrenCount >= 3 ? "style='width: 30%;margin-right: 5px;'" : "style='margin-right: 5px;'") + "><select lay-filter='${item.attributeId}_select' lay-search><option value=''>请选择${item.attributeName}</option>";
|
|
|
|
|
}
|
|
|
|
|
htm += "<option attributeId='" + children[i].attributeId + "' value='" + children[i].attributeName + "'>" + children[i].attributeName + "</option>"; //循环一级
|
|
|
|
|
if (i == children.length - 1) {
|
|
|
|
|
htm += "</select></div>";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
for (var k = 0; k < data.childrenCount - 1; k++) { //childrenCount:有几个子节点
|
|
|
|
|
htm += "<div class='layui-input-inline' " + (data.childrenCount >= 3 ? "style='width: 30%;margin-right: 5px;'" : "style='margin-right: 5px;'") + " ><select lay-search lay-filter='${item.attributeId}_select'><option value=''>请选择${item.attributeName}</option></select></div>";
|
|
|
|
|
}
|
|
|
|
|
$("#ld_${item.attributeId}").append(htm);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function forMat(childrenList, info) {
|
|
|
|
|
$.each(childrenList, function (n, v) {
|
|
|
|
|
var parentAttributeId = v.parentAttributeId;
|
|
|
|
|
info[parentAttributeId] = (!$.isEmpty(info[parentAttributeId]) ? info[parentAttributeId] + "," : "") + v.attributeId + "_" + v.attributeName;
|
|
|
|
|
forMat(v.children, info);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
form.on("select(${item.attributeId}_select)", function (data) {
|
|
|
|
|
laodOption($(data.elem).find("option:selected").attr("attributeId"), $(data.elem));
|
|
|
|
|
var v = "";
|
|
|
|
|
$("#ld_${item.attributeId} select").each(function (index, element) {
|
|
|
|
|
v += $(this).val();
|
|
|
|
|
if (index < $("#ld_${item.attributeId} select").length - 1) {
|
|
|
|
|
v += "|||";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
$("input[name='${item.attributeId}']").val(v);
|
|
|
|
|
});
|
|
|
|
|
form.render();
|
|
|
|
|
|
|
|
|
|
function laodOption(attributeId, key) {
|
|
|
|
|
var str = info[attributeId];
|
|
|
|
|
var htm = "<option value=''>请选择${item.attributeName}</option>";
|
|
|
|
|
if (!$.isEmpty(str)) {
|
|
|
|
|
for (var i = 0; i < str.split(",").length; i++) {
|
|
|
|
|
var list = str.split(",")[i].split("_");
|
|
|
|
|
htm += "<option attributeId='" + list[0] + "' value='" + list[1] + "'>" + list[1] + "</option>";
|
|
|
|
|
}
|
|
|
|
|
$(key).parent().next().find("select").html(htm);
|
|
|
|
|
} else {
|
|
|
|
|
$(key).parent().nextAll().find("select").html(htm);
|
|
|
|
|
}
|
|
|
|
|
form.render();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!--#}else if(item.inputType == 8){ -->
|
|
|
|
|
<div class="layui-inline inputType1" attributeId="${item.attributeId}">
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<input type="text" id="layDate${item.attributeId}" name="${item.attributeId}"
|
|
|
|
|
placeholder="${item.attributeName}" autocomplete="off" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
layui.use('laydate', function () {
|
|
|
|
|
var laydate = layui.laydate;
|
|
|
|
|
//常规用法
|
|
|
|
|
laydate.render({
|
|
|
|
|
elem: '#layDate${item.attributeId}'
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!--#} -->
|
|
|
|
|
<!--#} -->
|
|
|
|
|
<!--#} -->
|
|
|
|
|
<div class="layui-inline">
|
|
|
|
|
<button class="layui-btn layui-btn-normal" type="button" id="${formId}Search"><i class="layui-icon"></i>搜索</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
yangdj
2 years ago
