146 lines
6.9 KiB
HTML
146 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||
<head>
|
||
<th:block th:include="include :: header('新增编码申请数据')" />
|
||
<th:block th:include="include :: select2-css" />
|
||
<th:block th:include="include :: ztree-css" />
|
||
</head>
|
||
<body class="white-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
<form class="form-horizontal m" id="form-data-add">
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">材料分类：</label>
|
||
<div class="col-sm-8">
|
||
<select id="classs" name="type" class="form-control m-b classs" th:onchange="selectAttribListByClasss(this)">
|
||
<option></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id ="attr" class="form-group">
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">CC代码：</label>
|
||
<div class="col-sm-8">
|
||
<input id="code"name="code" readonly="true" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div id="formula" class="form-group">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-offset-5 col-sm-10">
|
||
<button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>
|
||
<button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
|
||
</div>
|
||
</div>
|
||
<th:block th:include="include :: footer" />
|
||
<th:block th:include="include :: layout-latest-js" />
|
||
<th:block th:include="include :: select2-js" />
|
||
</body>
|
||
<script th:inline="javascript">
|
||
var prefix = ctx + "system/data";
|
||
var prefix_attrib = ctx + "system/attrib";
|
||
var prefix_value = ctx + "system/value";
|
||
//加载材料分类
|
||
$.post(prefix + "/selectApprovalClasss","", function(result) {
|
||
for(var i=0;i<result.data.length;i++){
|
||
$("#classs").append($("<option/>").text(result.data[i].classId).attr("value",result.data[i].classNo).attr("code",result.data[i].commodityCodePref));
|
||
}
|
||
});
|
||
$("#form-data-add").validate({
|
||
focusCleanup: true
|
||
});
|
||
function selectAttribListByClasss(attr){
|
||
var classId = $("#classs").val();
|
||
|
||
let commodityCodePref = $("#classs").find("option:selected").attr("code");
|
||
$("#code").val(commodityCodePref);
|
||
//获取分类对应CC属性
|
||
$.post(prefix_attrib + "/selectAttribListByClasss/"+classId,"", function(result) {
|
||
var str='';
|
||
for(var i = 0; i<result.data.length; i++){
|
||
str +=" <div class=\"form-group\">";
|
||
str +=" <label class=\"col-sm-3 control-label\">"+result.data[i].descr+"：</label>";
|
||
str +=" <div class=\"col-sm-8\">";
|
||
// var attrib_id=result.data[i].class_attrib_id; key=\""+attrib_id+"\"
|
||
str +=" <select id=\""+result.data[i].attribNo+"\" name=\""+result.data[i].attribNo+"\" onchange=\"selectFormul(this)\" class=\"form-control\">";
|
||
str +=" <option ></option>";
|
||
str +=" </select>";
|
||
str +=" </div>";
|
||
str +=" </div>";
|
||
}
|
||
document.getElementById('attr').innerHTML=str;
|
||
for(i = 0; i<result.data.length; i++) {//填充属性值
|
||
var attribNo = result.data[i].attribNo;
|
||
var attrib_id=result.data[i].class_attrib_id;
|
||
$.ajaxSettings.async = false;
|
||
$.post(prefix_value + "/selectByAttrib/" + attribNo, "", function (result1) {
|
||
for ( j = 0; j < result1.data.length; j++) {
|
||
var value=result1.data[j].VALUE;
|
||
var ids=result1.data[j].IDS;
|
||
$("#"+attribNo).append($("<option/>").text(value.split("@@@")[1].split("@")[1]).attr("value",ids).attr("values",value).attr("key",attrib_id));
|
||
}
|
||
});
|
||
$.ajaxSettings.async = true;
|
||
}
|
||
});
|
||
setTimeout(function () {
|
||
$("select").select2()
|
||
},3000);
|
||
//获取描述规则
|
||
$.post(prefix_value + "/selectPropertyFormulaByTypeId/"+classId,"", function(result) {
|
||
var str='';
|
||
for(var i=0;i<result.data.length;i++){
|
||
//获取某一个描述规则
|
||
var FREE_TEXT=result.data[i].FREE_TEXT;
|
||
$.ajaxSettings.async = false;
|
||
$.post(prefix_value + "/selectPropertyFormulaByTypeAndProperty/"+classId+","+result.data[i].ENTITY_PROPERTY_NO,"", function(result2) {
|
||
for (let j = 0; j < result2.data.length; j++) {
|
||
var CLASS_ATTRIB_ID=result2.data[j].CLASS_ATTRIB_ID;
|
||
var REPRESENT_TYPE_ID=result2.data[j].REPRESENT_TYPE_ID;
|
||
var num=j+1;
|
||
FREE_TEXT=FREE_TEXT.replaceAll("{"+num+"}",CLASS_ATTRIB_ID+"."+REPRESENT_TYPE_ID);
|
||
}
|
||
});
|
||
$.ajaxSettings.async = true;
|
||
str +=" <div class=\"form-group\">";
|
||
str +=" <label class=\"col-sm-3 control-label\">"+result.data[i].DESCR+"：</label>";
|
||
str +=" <div class=\"col-sm-9\">";
|
||
str +=" <span><!--描述规则：--></span> <span id=\"Formula"+result.data[i].ENTITY_PROPERTY_NO+"\" name=\"" ;
|
||
str +=""+result.data[i].ENTITY_PROPERTY_ID+"\" class=\"form-control\"readonly=\"true\" >";
|
||
str +=FREE_TEXT;
|
||
str +=" </span>";
|
||
str +=" </div>";
|
||
str +=" </div>";
|
||
}
|
||
document.getElementById('formula').innerHTML=str;
|
||
});
|
||
}
|
||
function selectFormul(res){
|
||
// console.log(res.options[res.selectedIndex].value); // 选中的值
|
||
// console.log(res.options[res.selectedIndex].text); // 选中的value
|
||
var shuxing=$("#"+res.id).find("option:selected").attr("key");
|
||
var values=$("#"+res.id).find("option:selected").attr("values");
|
||
// console.log(shuxing);
|
||
// console.log(values);
|
||
var arr=values.split("@@@");
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if(arr[i].indexOf("ATTR_CODE")>-1){
|
||
$("#code").val($("#code").val()+arr[i].split("@")[1]);
|
||
}
|
||
|
||
|
||
|
||
}
|
||
|
||
}
|
||
function submitHandler() {
|
||
if ($.validate.form()) {
|
||
$.operate.saveTab(prefix + "/add", $('#form-data-add').serialize());
|
||
}
|
||
}
|
||
</script>
|
||
</html> |