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

表单组件功能调整,删除表单限制条件替换为枚举,数据模板功能调整

上级 d60df19b
......@@ -6,7 +6,7 @@ layui.config({
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'element'].concat(dsFormUtil.mastHaveImport), function (exports) {
}).define(['window', 'table', 'jquery', 'winui'].concat(dsFormUtil.mastHaveImport), function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
......@@ -29,24 +29,24 @@ layui.config({
//是否关联数据
form.on('switch(linkedData)', function (data) {
//关联数据值
// 关联数据值
$(data.elem).val(data.elem.checked);
if($("#linkedData").val() == 'true'){
if ($("#linkedData").val() == 'true') {
$(".dataTpl").removeClass("layui-hide");
if(!initDatatpl){
initDataShowTpl();//初始化关联的数据类型
if (!initDatatpl) {
initDisplayTemplate();
}
} else {
$(".dataTpl").addClass("layui-hide");
}
});
//初始化关联的数据类型
// 初始化关联的数据类型
var initDatatpl = false;
function initDataShowTpl(){
function initDisplayTemplate() {
initDatatpl = true;
showGrid({
id: "dataShowTpl",
id: "displayTemplateId",
url: flowableBasePath + "dsformdisplaytemplate006",
params: {},
pagination: false,
......@@ -60,13 +60,13 @@ layui.config({
});
}
//数据展示模板监听事件
form.on('select(dataShowTpl)', function(data) {
dataShowTplValue = $('#dataShowTpl').val();
if (dataShowTplValue.length == 0){
form.on('select(displayTemplateId)', function(data) {
var displayTemplateValue = $('#displayTemplateId').val();
if (displayTemplateValue.length == 0){
$("#templateContent").html("");
} else {
$.each(jsonStr, function(i, item) {
if (dataShowTplValue == item.id) {
if (displayTemplateValue == item.id) {
var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
......@@ -78,87 +78,68 @@ layui.config({
}
});
var htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), {
mode : "xml", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : false, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true,
});
var jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), {
mode : "text/javascript", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : false, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true,
});
var htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), codeUtil.getConfig('xml'));
var jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), codeUtil.getConfig('text/javascript'));
var jsValue = CodeMirror.fromTextArea(document.getElementById("jsValue"), codeUtil.getConfig('text/javascript'));
var jsDisplayValue = CodeMirror.fromTextArea(document.getElementById("jsDisplayValue"), codeUtil.getConfig('text/javascript'));
var jsFitValue = CodeMirror.fromTextArea(document.getElementById("jsFitValue"), codeUtil.getConfig('text/javascript'));
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
if(isNull(htmlEditor.getValue())){
if (isNull(htmlEditor.getValue())) {
winui.window.msg('请输入模板内容', {icon: 2, time: 2000});
} else {
var params = {
contentName: $("#contentName").val(),
htmlContent: encodeURIComponent(htmlEditor.getValue()),
htmlType: $("#htmlType").val(),
jsContent: encodeURIComponent(jsEditor.getValue()),
jsType: $("#jsType").val(),
typeId: $("#dsFormContentType").val(),
};
if($("#linkedData").val() == 'true'){
params.linkedData = '1';
params.dataShowTpl = $("#dataShowTpl").val();
if(isNull(params.dataShowTpl)){
winui.window.msg('请选择数据展示模板', {icon: 2, time: 2000});
return false;
}
var defaultDataStr = $("#defaultData").val();//默认数据值
if (defaultDataStr.length != 0) {
if (isJSON(defaultDataStr)) {
var defaultKey = getOutKey(defaultDataStr);//从默认数据中取出json串的键
if (subset(tplContentVal, defaultKey)) {
params.defaultData = defaultDataStr;
} else {
winui.window.msg('默认数据内容有误,请重新填写!', {icon: 2, time: 2000});
return false;
}
return false;
}
var params = {
numCode: $("#numCode").val(),
name: $("#name").val(),
htmlContent: encodeURIComponent(htmlEditor.getValue()),
jsContent: encodeURIComponent(jsEditor.getValue()),
jsValue: encodeURIComponent(jsValue.getValue()),
jsDisplayValue: encodeURIComponent(jsDisplayValue.getValue()),
jsFitValue: encodeURIComponent(jsFitValue.getValue()),
typeId: $("#dsFormContentType").val(),
linkedData: '2',
displayTemplateId: '',
defaultData: '',
};
if ($("#linkedData").val() == 'true') {
params.linkedData = '1';
params.displayTemplateId = $("#displayTemplateId").val();
if (isNull(params.displayTemplateId)) {
winui.window.msg('请选择数据展示模板', {icon: 2, time: 2000});
return false;
}
var defaultDataStr = $("#defaultData").val();//默认数据值
if (defaultDataStr.length != 0) {
if (isJSON(defaultDataStr)) {
var defaultKey = getOutKey(defaultDataStr);//从默认数据中取出json串的键
if (subset(tplContentVal, defaultKey)) {
params.defaultData = defaultDataStr;
} else {
winui.window.msg('默认数据格式不正确,请重新填写!', {icon: 2, time: 2000});
winui.window.msg('默认数据内容有误,请重新填写!', {icon: 2, time: 2000});
return false;
}
} else {
winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
winui.window.msg('默认数据格式不正确,请重新填写!', {icon: 2, time: 2000});
return false;
}
} else {
params.linkedData = '2';
params.dataShowTpl = "";
params.defaultData = "";
}
// 获取图标信息
params = systemCommonUtil.getIconChoose(params);
if (!params["iconChooseResult"]) {
winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
return false;
}
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormComponent", params: params, type: 'json', method: 'POST', callback: function(json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
// 获取图标信息
params = systemCommonUtil.getIconChoose(params);
if (!params["iconChooseResult"]) {
return false;
}
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormComponent", params: params, type: 'json', method: 'POST', callback: function(json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
......
......@@ -6,14 +6,13 @@ layui.config({
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'element'].concat(dsFormUtil.mastHaveImport), function (exports) {
}).define(['window', 'table', 'jquery', 'winui'].concat(dsFormUtil.mastHaveImport), function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
element = layui.element,
colorpicker = layui.colorpicker,
form = layui.form;
var htmlEditor, jsEditor;
showGrid({
id: "showForm",
......@@ -23,20 +22,19 @@ layui.config({
method: 'GET',
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function(hdb) {
//是否为系统菜单
hdb.registerHelper("compare2", function(v1, options){
if(v1 == '1'){
hdb.registerHelper("compare2", function (v1, options) {
if (v1 == '1') {
return 'checked';
} else if (v1 == '2'){
} else if (v1 == '2') {
return '';
} else {
return '';
}
});
hdb.registerHelper("compare3", function(v1, options){
if(v1 == '1'){
hdb.registerHelper("compare3", function (v1, options) {
if (v1 == '1') {
return 'true';
} else if (v1 == '2'){
} else if (v1 == '2') {
return 'false';
} else {
return 'false';
......@@ -57,38 +55,19 @@ layui.config({
});
element.init();
htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), {
mode : "xml", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : false, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true,
});
var htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), codeUtil.getConfig('xml'));
var jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), codeUtil.getConfig('text/javascript'));
var jsValue = CodeMirror.fromTextArea(document.getElementById("jsValue"), codeUtil.getConfig('text/javascript'));
var jsDisplayValue = CodeMirror.fromTextArea(document.getElementById("jsDisplayValue"), codeUtil.getConfig('text/javascript'));
var jsFitValue = CodeMirror.fromTextArea(document.getElementById("jsFitValue"), codeUtil.getConfig('text/javascript'));
jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), {
mode : "text/javascript", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : false, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true,
});
if(json.bean.linkedData == 1){
if (json.bean.linkedData == 1) {
$(".dataTpl").removeClass("layui-hide");
initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型
initDisplayTemplate(json.bean.displayTemplateId);//初始化关联的数据类型
var str = '<textarea class="layui-textarea" readonly>' + json.bean.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(json.bean.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
tplContentVal = strMatchAllByTwo(json.bean.templateContent, '{{', '}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each");
}
......@@ -97,10 +76,10 @@ layui.config({
form.on('switch(linkedData)', function (data) {
//关联数据值
$(data.elem).val(data.elem.checked);
if($("#linkedData").val() == 'true'){
if ($("#linkedData").val() == 'true') {
$(".dataTpl").removeClass("layui-hide");
if(!initDatatpl){
initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型
if (!initDatatpl) {
initDisplayTemplate(json.bean.displayTemplateId);
}
} else {
$(".dataTpl").addClass("layui-hide");
......@@ -109,10 +88,10 @@ layui.config({
//初始化关联的数据类型
var initDatatpl = false;
function initDataShowTpl(id){
function initDisplayTemplate(id){
initDatatpl = true;
showGrid({
id: "dataShowTpl",
id: "displayTemplateId",
url: flowableBasePath + "dsformdisplaytemplate006",
params: {},
pagination: false,
......@@ -120,20 +99,20 @@ layui.config({
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {},
ajaxSendAfter:function (json) {
$("#dataShowTpl").val(id);
$("#displayTemplateId").val(id);
form.render('select');
jsonStr = json.rows;
}
});
}
//数据展示模板监听事件
form.on('select(dataShowTpl)', function(data) {
dataShowTplValue = $('#dataShowTpl').val();
if (dataShowTplValue.length == 0){
form.on('select(displayTemplateId)', function(data) {
var displayTemplateValue = $('#displayTemplateId').val();
if (displayTemplateValue.length == 0){
$("#templateContent").html("");
} else {
$.each(jsonStr, function(i, item) {
if (dataShowTplValue == item.id) {
if (displayTemplateValue == item.id) {
var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
......@@ -153,26 +132,31 @@ layui.config({
winui.window.msg('请输入模板内容', {icon: 2, time: 2000});
} else {
var params = {
contentName: $("#contentName").val(),
numCode: $("#numCode").val(),
name: $("#name").val(),
htmlContent: encodeURIComponent(htmlEditor.getValue()),
htmlType: $("#htmlType").val(),
jsContent: encodeURIComponent(jsEditor.getValue()),
jsType: $("#jsType").val(),
jsValue: encodeURIComponent(jsValue.getValue()),
jsDisplayValue: encodeURIComponent(jsDisplayValue.getValue()),
jsFitValue: encodeURIComponent(jsFitValue.getValue()),
typeId: $("#dsFormContentType").val(),
linkedData: '2',
displayTemplateId: '',
defaultData: '',
id: parent.rowId
};
if($("#linkedData").val() == 'true'){
if ($("#linkedData").val() == 'true') {
params.linkedData = '1';
params.dataShowTpl = $("#dataShowTpl").val();
if(isNull(params.dataShowTpl)){
params.displayTemplateId = $("#displayTemplateId").val();
if (isNull(params.displayTemplateId)) {
winui.window.msg('请选择数据展示模板', {icon: 2, time: 2000});
return false;
}
var defaultDataStr = $("#defaultData").val();//默认数据值
if(defaultDataStr.length != 0){
if(isJSON(defaultDataStr)){
if (defaultDataStr.length != 0) {
if (isJSON(defaultDataStr)) {
var defaultKey = getOutKey(defaultDataStr);//从默认数据中取出json串的键
if(subset(tplContentVal,defaultKey)){
if (subset(tplContentVal, defaultKey)) {
params.defaultData = defaultDataStr;
} else {
winui.window.msg('默认数据内容有误,请重新填写!', {icon: 2, time: 2000});
......@@ -186,10 +170,6 @@ layui.config({
winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
return false;
}
} else {
params.linkedData = '2';
params.dataShowTpl = '';
params.defaultData = "";
}
// 获取图标信息
......
......@@ -6,8 +6,7 @@ layui.config({
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx',
'solr', 'sql', 'vue'], function (exports) {
}).define(['window', 'table', 'jquery', 'winui'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
......@@ -27,18 +26,9 @@ layui.config({
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'contentName', title: '组件名称', width: 120 },
{ field: 'numCode', title: '编码', width: 120 },
{ field: 'name', title: '名称', width: 120 },
{ field: 'typeName', title: '分类', width: 120 },
{ title: 'HTML脚本', align: 'center', width: 90, templet: function (d) {
return '<i class="fa fa-fw fa-html5 cursor" lay-event="htmlContent"></i>';
}},
{ title: 'JS脚本', align: 'center', width: 80, templet: function (d) {
if (!isNull(d.jsContent)) {
return '<i class="fa fa-fw fa-html5 cursor" lay-event="jsContent"></i>';
} else {
return '-';
}
}},
{ field: 'id', title: '图标', align: 'center', width: 60, templet: function (d) {
return systemCommonUtil.initIconShow(d);
}},
......@@ -46,29 +36,16 @@ layui.config({
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 120 },
{ field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 140, toolbar: '#tableBar'}
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 140, toolbar: '#tableBar' }
]],
done: function(json) {
matchingLanguage();
initTableSearchUtil.initAdvancedSearch(this, json.searchFilter, form, "请输入组件名称", function () {
initTableSearchUtil.initAdvancedSearch(this, json.searchFilter, form, "请输入名称,编码", function () {
table.reloadData("messageTable", {page: {curr: 1}, where: getTableParams()});
});
}
});
var editor = CodeMirror.fromTextArea(document.getElementById("modelContent"), {
mode : "text/x-java", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 2, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : true, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
......@@ -76,34 +53,6 @@ layui.config({
del(data, obj);
} else if (layEvent === 'edit') { //编辑
edit(data);
} else if (layEvent === 'htmlContent') { //查看代码内容
var mode = returnModel(data.htmlType);
if (!isNull(mode.length)) {
editor.setOption('mode', mode)
}
editor.setValue(data.htmlContent);
layer.open({
id: 'HTML模板内容',
type: 1,
title: 'HTML模板内容',
shade: 0.3,
area: ['90vw', '90vh'],
content: $("#modelContentDiv").html()
});
} else if (layEvent === 'jsContent') { //查看代码内容
var mode = returnModel(data.jsType);
if (!isNull(mode.length)) {
editor.setOption('mode', mode)
}
editor.setValue(data.jsContent);
layer.open({
id: 'JS模板内容',
type: 1,
title: 'JS模板内容',
shade: 0.3,
area: ['90vw', '90vh'],
content: $("#modelContentDiv").html()
});
} else if (layEvent === 'iconPic') { // 图片
systemCommonUtil.showPicImg(fileBasePath + data.iconPic);
}
......@@ -120,7 +69,7 @@ layui.config({
});
}
//编辑
// 编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
......
......@@ -18,7 +18,7 @@ layui.config({
});
element.init();
var templateContent = CodeMirror.fromTextArea(document.getElementById("templateContent"), {
var content = CodeMirror.fromTextArea(document.getElementById("content"), {
mode : "xml", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
......@@ -36,8 +36,8 @@ layui.config({
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
templateName: $("#templateName").val(),
templateContent: encodeURIComponent(templateContent.getValue())
name: $("#name").val(),
content: encodeURIComponent(content.getValue())
};
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormDisplayTemplate", params: params, type: 'json', method: 'POST', callback: function (json) {
parent.layer.close(index);
......
......@@ -3,9 +3,9 @@ layui.config({
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'element'], function (exports) {
}).define(['window', 'jquery', 'winui'], function (exports) {
winui.renderColor();
layui.use(['form', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', 'solr', 'sql', 'vue'], function (form) {
layui.use(['codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', 'solr', 'sql', 'vue'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
element = layui.element,
......@@ -22,7 +22,7 @@ layui.config({
},
ajaxSendAfter:function (json) {
var templateContent = CodeMirror.fromTextArea(document.getElementById("templateContent"), {
var content = CodeMirror.fromTextArea(document.getElementById("content"), {
mode : "xml", // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
......@@ -48,8 +48,8 @@ layui.config({
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
templateName: $("#templateName").val(),
templateContent: encodeURIComponent(templateContent.getValue()),
name: $("#name").val(),
content: encodeURIComponent(content.getValue()),
id: parent.rowId
};
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormDisplayTemplate", params: params, type: 'json', method: 'POST', callback: function (json) {
......
......@@ -39,9 +39,9 @@ layui.config({
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'templateName', title: '标题', width: 180 },
{ field: 'name', title: '标题', width: 180 },
{ field: 'id', title: '脚本', align: 'center', width: 80, templet: function (d) {
if (!isNull(d.templateContent)) {
if (!isNull(d.content)) {
return '<i class="fa fa-fw fa-html5 cursor" lay-event="templateContent"></i>';
} else {
return '';
......@@ -69,7 +69,7 @@ layui.config({
} else if (layEvent === 'edit') { //编辑
edit(data);
} else if (layEvent === 'templateContent') { // 模板内容
editor.setValue(data.templateContent);
editor.setValue(data.content);
layer.open({
id: '模板内容',
type: 1,
......
......@@ -293,7 +293,7 @@ layui.config({
var newParams = jsonArray[inDataIndex];
newParams.labelContent = $("#title").val();
newParams.placeholder = $("#placeholder").val();
newParams.requireId = arr.join(",");
newParams.require = arr.join(",");
newParams.value = $("#defaultValue").val();
newParams.defaultWidth = $("#defaultWidth").val();
newParams.keyId = $("#keyId").val();
......@@ -403,14 +403,8 @@ layui.config({
// 初始化限制条件
function initRequire(item) {
AjaxPostUtil.request({url: flowableBasePath + "dsformlimitrequirement006", params: {}, type: 'json', callback: function (json) {
var jsonStr = getDataUseHandlebars(getFileContent('tpl/template/select-option.tpl'), json);//模板和数据结合
$("#require").html(jsonStr);
if (!isNull(item.requireId)){
$("#require").val(item.requireId.split(","));//给这个元素赋值
}
form.render();
}});
skyeyeClassEnumUtil.showEnumDataListByClassName("verificationParams", 'verificationSelect', "require", item.require, form);
form.render();
}
$("body").on("keyup", ".keyIdName", function() {
......
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
requireName: $("#requireName").val(),
formerRequirement: $("#formerRequirement").val(),
afterRequirement: $("#afterRequirement").val(),
};
AjaxPostUtil.request({url: flowableBasePath + "dsformlimitrequirement002", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
// 取消
$("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', 'table', 'jquery', 'winui'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
showGrid({
id: "showForm",
url: flowableBasePath + "dsformlimitrequirement004",
params: {rowId: parent.rowId},
pagination: false,
template: getFileContent('tpl/dsformlimitrequirement/dsformlimitrequirementeditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
requireName: $("#requireName").val(),
formerRequirement: $("#formerRequirement").val(),
afterRequirement: $("#afterRequirement").val(),
rowId: parent.rowId
};
AjaxPostUtil.request({url: flowableBasePath + "dsformlimitrequirement005", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
// 取消
$("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('1553667602041');
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: flowableBasePath + 'dsformlimitrequirement001',
where:{requireName: $("#requireName").val(), formerRequirement: $("#formerRequirement").val(), afterRequirement: $("#afterRequirement").val()},
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'requireName', title: '限制标题', width: 120 },
{ field: 'formerRequirement', title: '前端限制标签', width: 140 },
{ field: 'afterRequirement', title: '后端限制标签', width: 140 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 240, toolbar: '#tableBar'}
]],
done: function(json) {
matchingLanguage();
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'del') { //删除
del(data, obj);
} else if (layEvent === 'edit') { //编辑
edit(data);
}
});
form.render();
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
refreshTable();
}
return false;
});
//删除
function del(data, obj) {
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
AjaxPostUtil.request({url: flowableBasePath + "dsformlimitrequirement003", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
}
//编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/dsformlimitrequirement/dsformlimitrequirementedit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "dsformlimitrequirementedit",
area: ['600px', '50vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
}
//刷新数据
$("body").on("click", "#reloadTable", function() {
loadTable();
});
//新增
$("body").on("click", "#addBean", function() {
_openNewWindows({
url: "../../tpl/dsformlimitrequirement/dsformlimitrequirementadd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "dsformlimitrequirementadd",
area: ['600px', '50vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
function loadTable() {
table.reloadData("messageTable", {where:{requireName: $("#requireName").val(), formerRequirement: $("#formerRequirement").val(), afterRequirement: $("#afterRequirement").val()}});
}
function refreshTable(){
table.reloadData("messageTable", {page: {curr: 1}, where:{requireName: $("#requireName").val(), formerRequirement: $("#formerRequirement").val(), afterRequirement: $("#afterRequirement").val()}});
}
exports('dsformlimitrequirementlist', {});
});
......@@ -19,12 +19,18 @@
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">组件信息</span><hr>
<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-form-item layui-col-xs6">
<label class="layui-form-label">编码<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="numCode" name="numCode" win-verify="required" placeholder="请输入编码" class="layui-input" maxlength="100"/>
</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="contentName" name="contentName" win-verify="required" placeholder="请输入组件标题" class="layui-input" maxlength="20"/>
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input" maxlength="20"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
......@@ -35,14 +41,6 @@
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">HTML脚本类型<i class="red">*</i></label>
<div class="layui-input-block">
<select id="htmlType" name="htmlType" class="layui-input" win-verify="required" lay-filter="selectParent">
<option value="html">html</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">HTML脚本<i class="red">*</i></label>
<div class="layui-input-block">
......@@ -50,19 +48,29 @@
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">JS脚本类型<i class="red">*</i></label>
<div class="layui-input-block">
<select id="jsType" name="jsType" class="layui-input" win-verify="required" lay-filter="selectParent">
<option value="javascript">javascript</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">JS脚本</label>
<label class="layui-form-label">初始化JS脚本</label>
<div class="layui-input-block">
<textarea id="jsContent"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">获取值的JS脚本</label>
<div class="layui-input-block">
<textarea id="jsValue"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">获取显示值的JS脚本</label>
<div class="layui-input-block">
<textarea id="jsDisplayValue"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">设置值的JS脚本</label>
<div class="layui-input-block">
<textarea id="jsFitValue"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">关联数据<i class="red">*</i></label>
<div class="layui-input-block winui-switch">
......@@ -72,7 +80,7 @@
<div class="layui-form-item layui-col-xs12 layui-hide dataTpl">
<label class="layui-form-label">数据展示模板<i class="red">*</i></label>
<div class="layui-input-block">
<select id="dataShowTpl" name="dataShowTpl" lay-filter="dataShowTpl">
<select id="displayTemplateId" name="displayTemplateId" lay-filter="displayTemplateId">
</select>
</div>
......
......@@ -25,12 +25,18 @@
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">组件信息</span><hr>
<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-form-item layui-col-xs6">
<label class="layui-form-label">编码<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="contentName" name="contentName" win-verify="required" placeholder="请输入组件标题" class="layui-input" maxlength="20" value="{{contentName}}"/>
<input type="text" id="numCode" name="numCode" win-verify="required" placeholder="请输入编码" class="layui-input" maxlength="100" value="{{numCode}}"/>
</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="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input" maxlength="20" value="{{name}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
......@@ -42,31 +48,33 @@
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">HTML脚本类型<i class="red">*</i></label>
<label class="layui-form-label">HTML脚本<i class="red">*</i></label>
<div class="layui-input-block">
<select id="htmlType" name="htmlType" class="layui-input" win-verify="required" lay-filter="selectParent">
<option value="html">html</option>
</select>
<textarea id="htmlContent">{{htmlContent}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">HTML脚本<i class="red">*</i></label>
<label class="layui-form-label">初始化JS脚本</label>
<div class="layui-input-block">
<textarea id="htmlContent">{{htmlContent}}</textarea>
<textarea id="jsContent">{{jsContent}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">JS脚本类型<i class="red">*</i></label>
<label class="layui-form-label">获取值的JS脚本</label>
<div class="layui-input-block">
<select id="jsType" name="jsType" class="layui-input" win-verify="required" lay-filter="selectParent">
<option value="javascript">javascript</option>
</select>
<textarea id="jsValue">{{jsValue}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">JS脚本</label>
<label class="layui-form-label">获取显示值的JS脚本</label>
<div class="layui-input-block">
<textarea id="jsContent">{{jsContent}}</textarea>
<textarea id="jsDisplayValue">{{jsDisplayValue}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">设置值的JS脚本</label>
<div class="layui-input-block">
<textarea id="jsFitValue">{{jsFitValue}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
......@@ -78,7 +86,7 @@
<div class="layui-form-item layui-col-xs12 layui-hide dataTpl">
<label class="layui-form-label">数据展示模板<i class="red">*</i></label>
<div class="layui-input-block">
<select id="dataShowTpl" name="dataShowTpl" lay-filter="dataShowTpl">
<select id="displayTemplateId" name="displayTemplateId" lay-filter="displayTemplateId">
</select>
</div>
......
......@@ -15,15 +15,11 @@
</div>
</div>
<div id="modelContentDiv" style="height:auto; position: fixed; left: 10000px;">
<textarea id="modelContent"></textarea>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1555857604181')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1555857618854')){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><language showName="com.skyeye.deleteBtn"></language></a>
......
......@@ -22,15 +22,15 @@
<span class="hr-title">数据模板</span><hr>
</div>
<div class="layui-form-item">
<label class="layui-form-label">标题<i class="red">*</i></label>
<label class="layui-form-label">名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="templateName" name="templateName" win-verify="required" placeholder="请输入标题" class="layui-input" maxlength="20"/>
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input" maxlength="20"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">脚本<i class="red">*</i></label>
<div class="layui-input-block">
<textarea id="templateContent" name="templateContent"></textarea>
<textarea id="content" name="content"></textarea>
</div>
</div>
<div class="layui-form-item">
......
......@@ -11,15 +11,15 @@
<span class="hr-title">数据模板</span><hr>
</div>
<div class="layui-form-item">
<label class="layui-form-label">标题<i class="red">*</i></label>
<label class="layui-form-label">名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="templateName" name="templateName" win-verify="required" placeholder="请输入标题" class="layui-input" maxlength="20" value="{{templateName}}"/>
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input" maxlength="20" value="{{name}}"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">脚本<i class="red">*</i></label>
<div class="layui-input-block">
<textarea id="templateContent" name="templateContent">{{templateContent}}</textarea>
<textarea id="content" name="content">{{content}}</textarea>
</div>
</div>
<div class="layui-form-item">
......
......@@ -18,7 +18,7 @@
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1560822829559')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1560822861808')){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><language showName="com.skyeye.deleteBtn"></language></a>
......
......@@ -47,7 +47,7 @@
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
{{# if(auth('1567731583583')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
</script>
</div>
......
<!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" />
<link href="../../assets/lib/layui/css/codemirror.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">
<label class="layui-form-label">限制标题<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="requireName" name="requireName" win-verify="required" placeholder="请输入限制标题" class="layui-input" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">前端标签<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="formerRequirement" name="formerRequirement" placeholder="请输入前端限制标签" win-verify="required" class="layui-input" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">后端标签<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="afterRequirement" name="afterRequirement" placeholder="请输入后端限制标签" win-verify="required" class="layui-input" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<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>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsformlimitrequirement/'}).use('dsformlimitrequirementadd');
</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" />
<link href="../../assets/lib/layui/css/codemirror.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</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/dsformlimitrequirement/'}).use('dsformlimitrequirementedit');
</script>
</body>
</html>
\ No newline at end of file
{{#bean}}
<div class="layui-form-item">
<label class="layui-form-label">限制标题<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="requireName" name="requireName" win-verify="required" placeholder="请输入限制标题" class="layui-input" value="{{requireName}}" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">前端标签<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="formerRequirement" name="formerRequirement" placeholder="请输入前端限制标签" win-verify="required" class="layui-input" value="{{formerRequirement}}" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">后端标签<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="afterRequirement" name="afterRequirement" placeholder="请输入后端限制标签" win-verify="required" class="layui-input" value="{{afterRequirement}}" maxlength="25"/>
</div>
</div>
<div class="layui-form-item">
<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}}
\ 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" />
<link href="../../assets/lib/layui/css/codemirror.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="requireName" name="requireName" placeholder="请输入限制标题" class="layui-input" />
</div>
<label class="layui-form-label">前端标签</label>
<div class="layui-input-inline">
<input type="text" id="formerRequirement" name="formerRequirement" placeholder="请输入前端限制标签" class="layui-input" />
</div>
<label class="layui-form-label">后端标签</label>
<div class="layui-input-inline">
<input type="text" id="afterRequirement" name="afterRequirement" placeholder="请输入后端限制标签" class="layui-input" />
</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="1553667602041"><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('1553667837735')){ }}
<a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1553667537429')){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><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/dsformlimitrequirement/'}).use('dsformlimitrequirementlist');
</script>
</body>
</html>
\ No newline at end of file
......@@ -836,4 +836,24 @@ var tabPageUtil = {
return pageList;
}
};
\ No newline at end of file
};
// 代码编辑器
var codeUtil = {
getConfig: function (mode) {
return {
mode : mode, // 模式
theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位,默认2
smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进,默认4
readOnly : false, // 是否只读,默认false
showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮
matchBrackets: true,
};
}
};
......@@ -54,6 +54,13 @@ var skyeyeClassEnumUtil = {
});
}
form.render('radio');
} else if (showType == 'verificationSelect') {
var str = `<option value="">全部</option>{{#each rows}}<option value="{{formerRequirement}}">{{name}}</option>{{/each}}`;
$("#" + showBoxId).html(getDataUseHandlebars(str, json));
if (!isNull(defaultId)) {
$("#" + showBoxId).val(defaultId.split(","));
}
form.render('select');
}
if (typeof (callback) == "function") {
callback(json);
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册