提交 f486730b 编写于 作者: Skyeye云's avatar Skyeye云

业务表单关系设计完成

上级 18e5e145
......@@ -15,7 +15,7 @@ layui.config({
var actKey = parent.actKey;
// 加载动态表单页
AjaxPostUtil.request({url:reqBasePath + "dsformpage012", params:{rowId: parent.dsFormId}, type:'json', callback:function(json){
AjaxPostUtil.request({url:reqBasePath + "dsformpage004", params:{rowId: parent.dsFormId}, type:'json', callback:function(json){
if(json.returnCode == 0){
dsFormUtil.loadDsFormItemToEdit("showForm", json.rows);
$("#showForm").append('<div class="layui-form-item layui-col-xs12"><div class="layui-input-block">' +
......
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
var rowNum = 1; // 表格的序号
var usetableTemplate = $("#usetableTemplate").html();
dsFormUtil.loadDsFormPageTypeByPId("firstTypeId", "0");
form.on('select(firstTypeId)', function(data) {
var thisRowValue = data.value;
dsFormUtil.loadDsFormPageTypeByPId("secondTypeId", isNull(thisRowValue) ? "-" : thisRowValue);
form.render('select');
});
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var rowTr = $("#useTable tr");
var formPageId = new Array();
$.each(rowTr, function(i, item) {
// 获取行编号
var rowNum = $(item).attr("trcusid").replace("tr", "");
formPageId.push($("#dsFormChooseList" + rowNum).attr("dataId"));
});
var params = {
title: $("#title").val(),
titleEn: $("#titleEn").val(),
encoded: $("#encoded").val(),
firstTypeId: $("#firstTypeId").val(),
secondTypeId: $("#secondTypeId").val(),
orderNum: $("#orderNum").val(),
remark: $("#remark").val(),
dsFormPageIds: formPageId.join(",")
};
AjaxPostUtil.request({url: reqBasePath + "dsFormObjectRelation002", params: params, type: 'json', method: "POST", callback: function(json){
if(json.returnCode == 0){
parent.layer.close(index);
parent.refreshCode = '0';
}else{
winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
}
}});
}
return false;
});
// 新增行
$("body").on("click", "#addRow", function() {
addRow();
});
// 删除行
$("body").on("click", "#deleteRow", function() {
deleteRow();
});
// 新增行
function addRow() {
var par = {
id: "row" + rowNum.toString(), //checkbox的id
trId: "tr" + rowNum.toString(), //行的id
dsFormChooseList: "dsFormChooseList" + rowNum.toString(), // 动态表单选择id
pageName: "pageName" + rowNum.toString() // 动态表单页面名称id
};
$("#useTable").append(getDataUseHandlebars(usetableTemplate, par));
form.render('checkbox');
rowNum++;
// 加载动添表单选择按钮的点击事件
var btnId = par.dsFormChooseList + "Btn";
$("body").on("click", "#" + btnId, function(e){
dsFormUtil.chooseType = false; // 单选
dsFormUtil.openDsFormPageChoosePage(function (){
$("#" + par.dsFormChooseList).val(dsFormUtil.dsFormChooseMation.pageNum);
$("#" + par.dsFormChooseList).attr("dataId", dsFormUtil.dsFormChooseMation.id);
$("#" + par.pageName).html(dsFormUtil.dsFormChooseMation.pageName);
});
});
}
// 删除行
function deleteRow() {
var checkRow = $("#useTable input[type='checkbox'][name='tableCheckRow']:checked");
if(checkRow.length > 0) {
$.each(checkRow, function(i, item) {
$(item).parent().parent().remove();
});
} else {
winui.window.msg('请选择要删除的行', {icon: 2, time: 2000});
}
}
$("body").on("click", "#cancle", function(){
parent.layer.close(index);
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
showGrid({
id: "showForm",
url: reqBasePath + "dsFormObjectRelation004",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function (hdb) {
},
ajaxSendAfter: function (json) {
matchingLanguage();
form.render();
}
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
var rowNum = 1; // 表格的序号
var usetableTemplate = $("#usetableTemplate").html();
showGrid({
id: "showForm",
url: reqBasePath + "dsFormObjectRelation004",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function (hdb) {
},
ajaxSendAfter: function (json) {
$.each(json.bean.dsFormPageMations, function (i, item){
addRow();
$("#dsFormChooseList" + (rowNum - 1)).val(item.pageNum);
$("#dsFormChooseList" + (rowNum - 1)).attr("dataId", item.id);
$("#pageName" + (rowNum - 1)).html(item.pageName);
})
dsFormUtil.loadDsFormPageTypeByPId("firstTypeId", "0");
$("#firstTypeId").val(json.bean.firstTypeId);
dsFormUtil.loadDsFormPageTypeByPId("secondTypeId", json.bean.firstTypeId);
$("#secondTypeId").val(json.bean.secondTypeId);
form.on('select(firstTypeId)', function(data) {
var thisRowValue = data.value;
dsFormUtil.loadDsFormPageTypeByPId("secondTypeId", isNull(thisRowValue) ? "-" : thisRowValue);
form.render('select');
});
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var rowTr = $("#useTable tr");
var formPageId = new Array();
$.each(rowTr, function(i, item) {
// 获取行编号
var rowNum = $(item).attr("trcusid").replace("tr", "");
formPageId.push($("#dsFormChooseList" + rowNum).attr("dataId"));
});
var params = {
title: $("#title").val(),
titleEn: $("#titleEn").val(),
encoded: $("#encoded").val(),
firstTypeId: $("#firstTypeId").val(),
secondTypeId: $("#secondTypeId").val(),
orderNum: $("#orderNum").val(),
remark: $("#remark").val(),
dsFormPageIds: formPageId.join(","),
id: parent.rowId
};
AjaxPostUtil.request({url: reqBasePath + "dsFormObjectRelation005", params: params, type: 'json', method: "PUT", callback: function(json){
if(json.returnCode == 0){
parent.layer.close(index);
parent.refreshCode = '0';
}else{
winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
}
}});
}
return false;
});
}
});
// 新增行
$("body").on("click", "#addRow", function() {
addRow();
});
// 删除行
$("body").on("click", "#deleteRow", function() {
deleteRow();
});
// 新增行
function addRow() {
var par = {
id: "row" + rowNum.toString(), //checkbox的id
trId: "tr" + rowNum.toString(), //行的id
dsFormChooseList: "dsFormChooseList" + rowNum.toString(), // 动态表单选择id
pageName: "pageName" + rowNum.toString() // 动态表单页面名称id
};
$("#useTable").append(getDataUseHandlebars(usetableTemplate, par));
form.render('checkbox');
rowNum++;
// 加载动添表单选择按钮的点击事件
var btnId = par.dsFormChooseList + "Btn";
$("body").on("click", "#" + btnId, function(e){
dsFormUtil.chooseType = false; // 单选
dsFormUtil.openDsFormPageChoosePage(function (){
$("#" + par.dsFormChooseList).val(dsFormUtil.dsFormChooseMation.pageNum);
$("#" + par.dsFormChooseList).attr("dataId", dsFormUtil.dsFormChooseMation.id);
$("#" + par.pageName).html(dsFormUtil.dsFormChooseMation.pageName);
});
});
}
// 删除行
function deleteRow() {
var checkRow = $("#useTable input[type='checkbox'][name='tableCheckRow']:checked");
if(checkRow.length > 0) {
$.each(checkRow, function(i, item) {
$(item).parent().parent().remove();
});
} else {
winui.window.msg('请选择要删除的行', {icon: 2, time: 2000});
}
}
$("body").on("click", "#cancle", function(){
parent.layer.close(index);
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table;
authBtn('1641693529159');
dsFormUtil.loadDsFormPageTypeByPId("firstTypeId", "0");
form.on('select(firstTypeId)', function(data) {
var thisRowValue = data.value;
dsFormUtil.loadDsFormPageTypeByPId("secondTypeId", isNull(thisRowValue) ? "-" : thisRowValue);
form.render('select');
});
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: reqBasePath + 'dsFormObjectRelation001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers'},
{ field: 'title', title: '中文名称', align: 'left', width: 120, templet: function(d){
return '<a lay-event="details" class="notice-title-click">' + d.title + '</a>';
}},
{ field: 'titleEn', title: '英文名称', align: 'left', width: 120 },
{ field: 'code', title: '编码', align: 'left', width: 100 },
{ field: 'firstTypeName', title: '一级分类', align: 'left', width: 120 },
{ field: 'secondTypeName', title: '二级分类', align: 'left', width: 120 },
{ field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], width: 100 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 100 },
{ field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150},
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 200, toolbar: '#tableBar'}
]],
done: function(){
matchingLanguage();
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if(layEvent === 'delet'){ // 删除
delet(data);
}else if(layEvent === 'edit'){ // 编辑
edit(data);
}else if (layEvent === 'details') { // 详情
details(data);
}
});
// 添加
$("body").on("click", "#addBean", function(){
_openNewWindows({
url: "../../tpl/dsFormObjectRelation/dsFormObjectRelationAdd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "dsFormObjectRelationAdd",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
if (refreshCode == '0') {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
loadTable();
} else if (refreshCode == '-9999') {
winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
}
}});
});
// 删除
function delet(data){
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function(index){
layer.close(index);
AjaxPostUtil.request({url: reqBasePath + "dsFormObjectRelation003", params: {id: data.id}, type: 'json', method: "DELETE", callback: function(json){
if(json.returnCode == 0){
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadTable();
}else{
winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
}
}});
});
}
// 编辑
function edit(data){
rowId = data.id;
_openNewWindows({
url: "../../tpl/dsFormObjectRelation/dsFormObjectRelationEdit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "dsFormObjectRelationEdit",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
if (refreshCode == '0') {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
loadTable();
} else if (refreshCode == '-9999') {
winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
}
}});
}
// 详情
function details(data){
rowId = data.id;
var url = erpOrderUtil.getErpDetailUrl(data);
_openNewWindows({
url: "../../tpl/dsFormObjectRelation/dsFormObjectRelationDetails.html",
title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
pageId: "dsFormObjectRelationDetails",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
}});
}
// 刷新数据
$("body").on("click", "#reloadTable", function(){
loadTable();
});
form.render();
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
}
return false;
});
function loadTable(){
table.reload("messageTable", {where: getTableParams()});
}
function getTableParams(){
return {
title: $("#title").val(),
encoded: $("#encoded").val(),
firstTypeId: $("#firstTypeId").val(),
secondTypeId: $("#secondTypeId").val()
};
}
exports('dsFormObjectRelationList', {});
});
......@@ -12,21 +12,27 @@ layui.config({
table = layui.table,
tableCheckBoxUtil = layui.tableCheckBoxUtil;
var ids = [];
$.each(parent.dsFormUtil.dsFormChooseList, function(i, item){
ids.push(item.id);
});
tableCheckBoxUtil.setIds({
gridId: 'messageTable',
fieldName: 'farmId',
ids: ids
});
if(parent.dsFormUtil.chooseType) {
// 多选
var ids = [];
$.each(parent.dsFormUtil.dsFormChooseList, function (i, item) {
ids.push(item.id);
});
tableCheckBoxUtil.setIds({
gridId: 'messageTable',
fieldName: 'farmId',
ids: ids
});
tableCheckBoxUtil.init({
gridId: 'messageTable',
filterId: 'messageTable',
fieldName: 'id'
});
tableCheckBoxUtil.init({
gridId: 'messageTable',
filterId: 'messageTable',
fieldName: 'id'
});
}else{
// 单选
$("#saveCheckBox").hide();
}
dsFormUtil.loadDsFormPageTypeByPId("firstTypeId", "0");
......@@ -48,7 +54,7 @@ layui.config({
limits: getLimits(),
limit: getLimit(),
cols: [[
{ type: 'checkbox', fixed: 'left'},
{ type: parent.dsFormUtil.chooseType ? 'checkbox' : 'radio', fixed: 'left'},
{ field: 'pageName', title: '页面名称', align: 'left', width: 120 },
{ field: 'firstTypeName', title: '一级分类', align: 'left', width: 120 },
{ field: 'secondTypeName', title: '二级分类', align: 'left', width: 120 },
......@@ -63,10 +69,32 @@ layui.config({
}
});
tableCheckBoxUtil.checkedDefault({
gridId: 'messageTable',
fieldName: 'id'
});
if(parent.dsFormUtil.chooseType) {
// 多选
tableCheckBoxUtil.checkedDefault({
gridId: 'messageTable',
fieldName: 'id'
});
}else{
// 单选
$('#messageTable').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
var dubClick = $('#messageTable').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover");
dubClick.find("input[type='radio']").prop("checked", true);
form.render();
var chooseIndex = JSON.stringify(dubClick.data('index'));
var obj = res.rows[chooseIndex];
parent.dsFormUtil.dsFormChooseMation = obj;
parent.refreshCode = '0';
parent.layer.close(index);
});
$('#messageTable').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('click',function(){
var click = $('#messageTable').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover");
click.find("input[type='radio']").prop("checked", true);
form.render();
});
}
}
});
......@@ -75,6 +103,10 @@ layui.config({
var selectedData = tableCheckBoxUtil.getValue({
gridId: 'messageTable'
});
if(selectedData.length == 0){
winui.window.msg("请选择表单", {icon: 2,time: 2000});
return false;
}
var result = [];
$.each(selectedData, function(i, item){
result.push(getInPoingArr(tableList, "id", item, ""));
......
......@@ -14,7 +14,6 @@ layui.config({
authBtn('1567731484858');
dsFormUtil.loadDsFormPageTypeByPId("firstTypeId", "0");
form.on('select(firstTypeId)', function(data) {
var thisRowValue = data.value;
dsFormUtil.loadDsFormPageTypeByPId("secondTypeId", isNull(thisRowValue) ? "-" : thisRowValue);
......@@ -122,7 +121,7 @@ layui.config({
form.render();
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
refreshTable();
table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
}
return false;
});
......@@ -135,10 +134,6 @@ layui.config({
function loadTable(){
table.reload("messageTable", {where: getTableParams()});
}
function refreshTable(){
table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
}
function getTableParams(){
return {
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin: 0 auto; padding: 20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">中文名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="title" name="title" win-verify="required" placeholder="请输入中文名称" class="layui-input"/>
<div class="layui-form-mid layui-word-aux">该名称不能重复且不区分父子级别。</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">英文名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="titleEn" name="titleEn" win-verify="required" placeholder="请输入英文名称" class="layui-input"/>
<div class="layui-form-mid layui-word-aux">该名称不能重复且不区分父子级别。</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">一级分类<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="firstTypeId" lay-search="" win-verify="required" id="firstTypeId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">二级分类<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="secondTypeId" lay-search="" win-verify="required" id="secondTypeId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">唯一编码<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="encoded" name="encoded" win-verify="required" placeholder="请输入唯一编码,例如:CGDD" class="layui-input"/>
<div class="layui-form-mid layui-word-aux">唯一编码不区分父子级别。</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">单据编号前缀</label>
<div class="layui-input-block">
<input type="text" id="orderNum" name="orderNum" placeholder="请输入单据编号前缀" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入备注" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">表单关联信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">表单信息<i class="red">*</i></label>
<div class="layui-input-block">
<div class="winui-toolbar">
<div class="winui-tool" style="text-align: left;">
<button id="addRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增行</button>
<button id="deleteRow" class="winui-toolbtn" type="button"><i class="fa fa-trash-o" aria-hidden="true"></i>删除行</button>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width: 30px;"></th>
<th style="width: 80px;">表单编号</th>
<th style="width: 150px;">表单名称</th>
</tr>
</thead>
<tbody id="useTable">
</tbody>
</table>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<!-- usetableTemplate -->
<script type="text/x-handlebars-template" id="usetableTemplate">
<tr trcusid="{{trId}}">
<td><input type="checkbox" rowId="{{id}}" lay-filter="checkboxProperty" name="tableCheckRow"/></td>
<td>
<input type="text" id="{{dsFormChooseList}}" name="{{dsFormChooseList}}" placeholder="请选择表单" class="layui-input" win-verify="required" readonly="readonly"/>
<i class="fa fa-plus-circle input-icon" id="{{dsFormChooseList}}Btn" style="top: 12px;"></i>
</td>
<td id="{{pageName}}"></td>
</tr>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormObjectRelation/'}).use('dsFormObjectRelationAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin: 0 auto; padding: 20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">中文名称</label>
<div class="layui-input-block ver-center">
{{title}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">英文名称</label>
<div class="layui-input-block ver-center">
{{titleEn}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">一级分类</label>
<div class="layui-input-block ver-center">
{{firstTypeName}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">二级分类</label>
<div class="layui-input-block ver-center">
{{secondTypeName}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">唯一编码</label>
<div class="layui-input-block ver-center">
{{code}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">单据编号前缀</label>
<div class="layui-input-block ver-center">
{{orderNum}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block ver-center">
{{remark}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">表单关联信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">表单信息</label>
<div class="layui-input-block">
<table class="layui-table">
<thead>
<tr>
<th style="width: 80px;">表单编号</th>
<th style="width: 150px;">表单名称</th>
</tr>
</thead>
<tbody id="useTable">
{{#each dsFormPageMations}}
<tr>
<td>{{pageNum}}</td>
<td>{{pageName}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormObjectRelation/'}).use('dsFormObjectRelationDetails');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin: 0 auto; padding: 20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">中文名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="title" name="title" win-verify="required" placeholder="请输入中文名称" class="layui-input" value="{{title}}"/>
<div class="layui-form-mid layui-word-aux">该名称不能重复且不区分父子级别</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">英文名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="titleEn" name="titleEn" win-verify="required" placeholder="请输入英文名称" class="layui-input" value="{{titleEn}}"/>
<div class="layui-form-mid layui-word-aux">该名称不能重复且不区分父子级别</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">一级分类<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="firstTypeId" lay-search="" win-verify="required" id="firstTypeId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">二级分类<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="secondTypeId" lay-search="" win-verify="required" id="secondTypeId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">唯一编码<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="encoded" name="encoded" win-verify="required" placeholder="请输入唯一编码,例如:CGDD" class="layui-input" value="{{code}}"/>
<div class="layui-form-mid layui-word-aux">唯一编码不区分父子级别</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">单据编号前缀</label>
<div class="layui-input-block">
<input type="text" id="orderNum" name="orderNum" placeholder="请输入单据编号前缀" class="layui-input" value="{{orderNum}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入备注" class="layui-textarea">{{remark}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">表单关联信息</span>
<hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">表单信息<i class="red">*</i></label>
<div class="layui-input-block">
<div class="winui-toolbar">
<div class="winui-tool" style="text-align: left;">
<button id="addRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增行</button>
<button id="deleteRow" class="winui-toolbtn" type="button"><i class="fa fa-trash-o" aria-hidden="true"></i>删除行</button>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width: 30px;"></th>
<th style="width: 80px;">表单编号</th>
<th style="width: 150px;">表单名称</th>
</tr>
</thead>
<tbody id="useTable">
</tbody>
</table>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<!-- usetableTemplate -->
<script type="text/x-handlebars-template" id="usetableTemplate">
<tr trcusid="{{trId}}">
<td><input type="checkbox" rowId="{{id}}" lay-filter="checkboxProperty" name="tableCheckRow"/></td>
<td>
<input type="text" id="{{dsFormChooseList}}" name="{{dsFormChooseList}}" placeholder="请选择表单" class="layui-input" win-verify="required" readonly="readonly"/>
<i class="fa fa-plus-circle input-icon" id="{{dsFormChooseList}}Btn" style="top: 12px;"></i>
</td>
<td id="{{pageName}}"></td>
</tr>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormObjectRelation/'}).use('dsFormObjectRelationEdit');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="txtcenter" style="margin:0 auto;padding-top:10px;">
<form class="layui-form layui-form-pane" action="" autocomplete="off">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">名称</label>
<div class="layui-input-inline">
<input type="text" id="title" name="title" placeholder="请输入名称,支持中英文搜索" class="layui-input" />
</div>
<label class="layui-form-label">编码</label>
<div class="layui-input-inline">
<input type="text" id="encoded" name="encoded" placeholder="请输入编码" class="layui-input" />
</div>
<label class="layui-form-label">一级分类</label>
<div class="layui-input-inline">
<select lay-filter="firstTypeId" lay-search="" id="firstTypeId">
</select>
</div>
<label class="layui-form-label">二级分类</label>
<div class="layui-input-inline">
<select lay-filter="secondTypeId" lay-search="" id="secondTypeId">
</select>
</div>
<button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
<button class="layui-btn list-form-search" lay-submit lay-filter="formSearch"><language showName="com.skyeye.search2"></language></button>
</div>
</div>
</form>
</div>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn" auth="1641693529159"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1641693544770')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1641693554667')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormObjectRelation/'}).use('dsFormObjectRelationList');
</script>
</body>
</html>
\ No newline at end of file
// 动态表单工具函数
var dsFormUtil = {
dsFormChooseList: [],
dsFormChooseList: [], // 动态表单选择页面类型为【多选】时返回的参数
dsFormChooseMation: {}, // 动态表单选择页面类型为【单选】时返回的参数
chooseType: true, // 动态表单选择页面类型,true:多选;false:单选
dsFormDataKey: "initData",
dsFormBtnTemplate: '<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="{{btnId}}">表单选择</button>',
customDsFormBox: '<div class="layui-form-item layui-col-xs12"><span class="hr-title">{{pageName}}</span><hr></div><div id="{{id}}" class="ds-form-page layui-col-xs12"></div>',
......@@ -106,10 +109,10 @@ var dsFormUtil = {
* 加载动态表单到页面
*
* @param showBoxId要追加的boxid后面
* @param code com.skyeye.common.constans.SystemFoundationSettingsConstants.CustomWithDsFormObject中的code
* @param code 动态表单-----业务逻辑表单关联表中的code
*/
loadPageByCode: function(showBoxId, code){
AjaxPostUtil.request({url: reqBasePath + "dsformpage013", params: {dsFormCode: code}, method: "GET", type: 'json', callback: function(json) {
AjaxPostUtil.request({url: reqBasePath + "dsFormObjectRelation006", params: {dsFormObjectRelationCode: code}, method: "GET", type: 'json', callback: function(json) {
if(json.returnCode == 0) {
dsFormUtil.loadDsFormItem(showBoxId, json);
} else {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册