Skip to content

S
Skyeye

Skyeye云 / Skyeye

通知 1433
Star 162
Fork 130
S
Skyeye
提交 1d90be0c 编写于 作者: Skyeye云's avatar Skyeye云
浏览文件
操作

新增日期的表单组件

上级 0ed49c69
隐藏空白更改
内联 并排
Showing with 446 addition and 456 deletion
dsform/src/main/resources/template/js/dsFormPage/dsFormPageDesign.js
浏览文件 @ 1d90be0c
...@@ -10,8 +10,7 @@ layui.config({ ...@@ -10,8 +10,7 @@ layui.config({
version: skyeyeVersion version: skyeyeVersion
}).extend({ }).extend({
window: 'js/winui.window' window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'layedit', 'colorpicker', 'slider', 'fileUpload', 'codemirror', 'xml', }).define(['window', 'jquery', 'winui', 'jqueryUI', 'tagEditor'].concat(dsFormUtil.mastHaveImport), function (exports) {
'clike', 'css', 'htmlmixed', 'javascript', 'nginx', 'solr', 'sql', 'vue', 'form', 'jqueryUI', 'tagEditor'], function (exports) {
winui.renderColor(); winui.renderColor();
var index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$; var $ = layui.$;
...@@ -43,12 +42,10 @@ layui.config({ ...@@ -43,12 +42,10 @@ layui.config({
item.context = getDataUseHandlebars(item.templateContent, obj); item.context = getDataUseHandlebars(item.templateContent, obj);
}, async: false}); }, async: false});
} }
jsonStr = { var jsonStr = {bean: item};
bean: item
};
var html = getDataUseHandlebars('{{#bean}}' + item.htmlContent + '{{/bean}}', jsonStr); var html = getDataUseHandlebars('{{#bean}}' + item.htmlContent + '{{/bean}}', jsonStr);
var js = getDataUseHandlebars('{{#bean}}' + item.jsContent + '{{/bean}}', jsonStr); var html_js = getDataUseHandlebars('{{#bean}}' + item.jsContent + '{{/bean}}', jsonStr);
var jsCon = '<script>layui.define(["jquery"], function(exports) {var jQuery = layui.jquery;(function($) {' + js + '})(jQuery);});</script>'; var jsCon = '<script>layui.define(["jquery"], function(exports) {var jQuery = layui.jquery;(function($) {' + html_js + '})(jQuery);});</script>';
$(html).appendTo($("#showForm").get(0)).attr("rowid", item.id); $(html).appendTo($("#showForm").get(0)).attr("rowid", item.id);
$("#showForm").append(jsCon); $("#showForm").append(jsCon);
jsonArray.push(item); jsonArray.push(item);
...@@ -125,7 +122,6 @@ layui.config({ ...@@ -125,7 +122,6 @@ layui.config({
helper: "clone", helper: "clone",
hoverClass: "droppable-active", hoverClass: "droppable-active",
drop: function(event, ui) { drop: function(event, ui) {
//
$(".empty-form").remove(); $(".empty-form").remove();
var _this = $(ui.draggable); var _this = $(ui.draggable);
if (!_this.hasClass("dropped")) { if (!_this.hasClass("dropped")) {
...@@ -140,7 +136,7 @@ layui.config({ ...@@ -140,7 +136,7 @@ layui.config({
}).sortable(); }).sortable();
}; };
function getFormPageControlContent(id){ function getFormPageControlContent(id) {
var linkedData; //控件关联的数据 var linkedData; //控件关联的数据
var defaultData; //选择事件的默认数据 var defaultData; //选择事件的默认数据
var tplContentVal; //数据展示模板的内容的值 var tplContentVal; //数据展示模板的内容的值
...@@ -149,7 +145,7 @@ layui.config({ ...@@ -149,7 +145,7 @@ layui.config({
if(item.id == id){ if(item.id == id){
linkedData = item.linkedData; linkedData = item.linkedData;
templateContent = item.templateContent; templateContent = item.templateContent;
if (!isNull(item.templateContent)){ if (!isNull(item.templateContent)) {
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词 tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this"); removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each"); removeByValue(tplContentVal, "/each");
...@@ -223,11 +219,11 @@ layui.config({ ...@@ -223,11 +219,11 @@ layui.config({
if(item.id === rowid){ if(item.id === rowid){
$("#btnBoxDesignForm").html(getDataUseHandlebars($("#controlItemEdit").html(), {bean: item})); $("#btnBoxDesignForm").html(getDataUseHandlebars($("#controlItemEdit").html(), {bean: item}));
$("#deleteBtn").attr("rowid", rowid); $("#deleteBtn").attr("rowid", rowid);
if(item.linkedData == 1){ if (item.linkedData == 1) {
// 允许关联数据 // 允许关联数据
var associatedDataTypes = item.associatedDataTypes; var associatedDataTypes = item.associatedDataTypes;
$("#isAssociated").removeClass("layui-hide"); $("#isAssociated").removeClass("layui-hide");
associatedDataTypesChange(associatedDataTypes); associatedDataTypesChange(associatedDataTypes);
if (associatedDataTypes == "1") { if (associatedDataTypes == "1") {
var obj = item.aData; var obj = item.aData;
if (typeof item.aData != 'string') { if (typeof item.aData != 'string') {
...@@ -294,73 +290,73 @@ layui.config({ ...@@ -294,73 +290,73 @@ layui.config({
if(inDataIndex == -1){ if(inDataIndex == -1){
return; return;
} }
var newParams = jsonArray[inDataIndex]; var newParams = jsonArray[inDataIndex];
newParams.labelContent = $("#title").val(); newParams.labelContent = $("#title").val();
newParams.placeholder = $("#placeholder").val(); newParams.placeholder = $("#placeholder").val();
newParams.requireId = arr.join(","); newParams.requireId = arr.join(",");
newParams.value = $("#defaultValue").val(); newParams.value = $("#defaultValue").val();
newParams.defaultWidth = $("#defaultWidth").val(); newParams.defaultWidth = $("#defaultWidth").val();
newParams.keyId = $("#keyId").val(); newParams.keyId = $("#keyId").val();
newParams.editableNodeId = data.field.editableNodeId; newParams.editableNodeId = data.field.editableNodeId;
newParams.editableNodeName = data.field.editableNodeName; newParams.editableNodeName = data.field.editableNodeName;
var linkedData; //控件关联的数据 var linkedData; //控件关联的数据
var defaultData; //选择事件的默认数据 var defaultData; //选择事件的默认数据
var tplContentVal; //数据展示模板的内容的值 var tplContentVal; //数据展示模板的内容的值
var templateContent; //数据展示模板的内容 var templateContent; //数据展示模板的内容
$.each(formPageControl, function(i, item){ $.each(formPageControl, function (i, item) {
if(item.id == newParams.formContentId){ if (item.id == newParams.formContentId) {
linkedData = item.linkedData; linkedData = item.linkedData;
templateContent = item.templateContent; templateContent = item.templateContent;
if (!isNull(item.templateContent)){ if (!isNull(item.templateContent)) {
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词 tplContentVal = strMatchAllByTwo(item.templateContent, '{{', '}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this"); removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each"); removeByValue(tplContentVal, "/each");
} }
if (!isNull(item.defaultData)){ if (!isNull(item.defaultData)) {
defaultData = item.defaultData; defaultData = item.defaultData;
} }
} }
}); });
if(newParams.linkedData == 1){ if (newParams.linkedData == 1) {
newParams.associatedDataTypes = data.field.associatedDataTypes; newParams.associatedDataTypes = data.field.associatedDataTypes;
if(newParams.associatedDataTypes == 1){ if (newParams.associatedDataTypes == 1) {
var defaultDataStr = $("#JsonData").val(); var defaultDataStr = $("#JsonData").val();
if(isNull(defaultDataStr)){ if (isNull(defaultDataStr)) {
winui.window.msg("请填写Json串！", {icon: 2, time: 2000}); winui.window.msg("请填写Json串！", {icon: 2, time: 2000});
return false; return false;
} else { } else {
if(isJSON(defaultDataStr)){ if (isJSON(defaultDataStr)) {
var defaultKey = getOutKey(defaultDataStr);//取出json串的键 var defaultKey = getOutKey(defaultDataStr);//取出json串的键
if(subset(tplContentVal, defaultKey)){ if (subset(tplContentVal, defaultKey)) {
newParams.aData = defaultDataStr; newParams.aData = defaultDataStr;
} else { } else {
winui.window.msg('json串内容有误，请重新填写!', {icon: 2, time: 2000}); winui.window.msg('json串内容有误，请重新填写!', {icon: 2, time: 2000});
return false; return false;
} }
} else { } else {
winui.window.msg('json串格式不正确，请重新填写!', {icon: 2, time: 2000}); winui.window.msg('json串格式不正确，请重新填写!', {icon: 2, time: 2000});
return false; return false;
} }
} }
}else if(newParams.associatedDataTypes == 2){ } else if (newParams.associatedDataTypes == 2) {
var interfa = $("#nterfac").val(); var interfa = $("#nterfac").val();
if(interfa.length == 0){ if (interfa.length == 0) {
winui.window.msg("请填写接口！", {icon: 2, time: 2000}); winui.window.msg("请填写接口！", {icon: 2, time: 2000});
return false; return false;
} }
if(!checkURL(interfa)){ if (!checkURL(interfa)) {
winui.window.msg("接口请填写为URL类型！", {icon: 2, time: 2000}); winui.window.msg("接口请填写为URL类型！", {icon: 2, time: 2000});
return false; return false;
} }
newParams.aData = interfa; newParams.aData = interfa;
} else { } else {
winui.window.msg("状态值错误。", {icon: 2, time: 2000}); winui.window.msg("状态值错误。", {icon: 2, time: 2000});
return false; return false;
} }
}else if(newParams.linkedData == 2){ } else if (newParams.linkedData == 2) {
newParams.associatedDataTypes = ""; newParams.associatedDataTypes = "";
newParams.aData = ""; newParams.aData = "";
} }
jsonArray = jsonArray.map(t => { jsonArray = jsonArray.map(t => {
return t.id === rowid ? newParams : t; return t.id === rowid ? newParams : t;
}); });
......
dsform/src/main/resources/template/js/dsformcontent/dsformcontentadd.js
浏览文件 @ 1d90be0c
...@@ -6,168 +6,164 @@ layui.config({ ...@@ -6,168 +6,164 @@ layui.config({
version: skyeyeVersion version: skyeyeVersion
}).extend({ }).extend({
window: 'js/winui.window' window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'element', 'colorpicker', 'fileUpload'], function (exports) { }).define(['window', 'table', 'jquery', 'winui', 'element'].concat(dsFormUtil.mastHaveImport), function (exports) {
winui.renderColor(); winui.renderColor();
layui.use(['form', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', var index = parent.layer.getFrameIndex(window.name);
'solr', 'sql', 'vue'], function (form) { var $ = layui.$,
var index = parent.layer.getFrameIndex(window.name); element = layui.element,
var $ = layui.$, colorpicker = layui.colorpicker,
element = layui.element, form = layui.form;
colorpicker = layui.colorpicker,
form = layui.form;
// 加载图标信息 // 加载图标信息
systemCommonUtil.initIconChooseHtml('iconMation', form, colorpicker, 12); systemCommonUtil.initIconChooseHtml('iconMation', form, colorpicker, 12);
// 组件分类 // 组件分类
sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["dsFormContentType"]["key"], 'select', "dsFormContentType", '', form); sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["dsFormContentType"]["key"], 'select', "dsFormContentType", '', form);
// 根据类型获取部分功能的使用说明 // 根据类型获取部分功能的使用说明
systemCommonUtil.queryExplainMationByType(2, function(json) { systemCommonUtil.queryExplainMationByType(2, function(json) {
$(".layui-colla-title").html(json.bean.title); $(".layui-colla-title").html(json.bean.title);
$(".layui-colla-content").html(json.bean.content); $(".layui-colla-content").html(json.bean.content);
}); });
element.init(); element.init();
//是否关联数据 //是否关联数据
form.on('switch(linkedData)', function (data) { form.on('switch(linkedData)', function (data) {
//关联数据值 //关联数据值
$(data.elem).val(data.elem.checked); $(data.elem).val(data.elem.checked);
if($("#linkedData").val() == 'true'){ if($("#linkedData").val() == 'true'){
$(".dataTpl").removeClass("layui-hide"); $(".dataTpl").removeClass("layui-hide");
if(!initDatatpl){ if(!initDatatpl){
initDataShowTpl();//初始化关联的数据类型 initDataShowTpl();//初始化关联的数据类型
} }
} else { } else {
$(".dataTpl").addClass("layui-hide"); $(".dataTpl").addClass("layui-hide");
} }
}); });
//初始化关联的数据类型 //初始化关联的数据类型
var initDatatpl = false; var initDatatpl = false;
function initDataShowTpl(){ function initDataShowTpl(){
initDatatpl = true; initDatatpl = true;
showGrid({ showGrid({
id: "dataShowTpl", id: "dataShowTpl",
url: flowableBasePath + "dsformdisplaytemplate006", url: flowableBasePath + "dsformdisplaytemplate006",
params: {}, params: {},
pagination: false, pagination: false,
template: getFileContent('tpl/template/select-option.tpl'), template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb){}, ajaxSendLoadBefore: function(hdb){},
ajaxSendAfter:function (json) { ajaxSendAfter:function (json) {
form.render('select'); form.render('select');
jsonStr = json.rows; jsonStr = json.rows;
}
});
}
//数据展示模板监听事件
form.on('select(dataShowTpl)', function(data) {
dataShowTplValue = $('#dataShowTpl').val();
if(dataShowTplValue.length == 0){
$("#templateContent").html("");
} else {
$.each(jsonStr, function(i, item){
if(dataShowTplValue == item.id){
var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each");
return false;
}
});
} }
}); });
}
//数据展示模板监听事件
form.on('select(dataShowTpl)', function(data) {
dataShowTplValue = $('#dataShowTpl').val();
if(dataShowTplValue.length == 0){
$("#templateContent").html("");
} else {
$.each(jsonStr, function(i, item){
if(dataShowTplValue == item.id){
var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each");
return false;
}
});
}
});
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 htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), { var jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), {
mode : "xml", // 模式 mode : "text/javascript", // 模式
theme : "eclipse", // CSS样式选择 theme : "eclipse", // CSS样式选择
indentUnit : 4, // 缩进单位，默认2 indentUnit : 4, // 缩进单位，默认2
smartIndent : true, // 是否智能缩进 smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进，默认4 tabSize : 4, // Tab缩进，默认4
readOnly : false, // 是否只读，默认false readOnly : false, // 是否只读，默认false
showCursorWhenSelecting : true, showCursorWhenSelecting : true,
lineNumbers : true, // 是否显示行号 lineNumbers : true, // 是否显示行号
styleActiveLine: true, //line选择是是否加亮 styleActiveLine: true, //line选择是是否加亮
matchBrackets: true, matchBrackets: true,
}); });
var jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), { matchingLanguage();
mode : "text/javascript", // 模式 form.render();
theme : "eclipse", // CSS样式选择 form.on('submit(formAddBean)', function (data) {
indentUnit : 4, // 缩进单位，默认2 if (winui.verifyForm(data.elem)) {
smartIndent : true, // 是否智能缩进 if(isNull(htmlEditor.getValue())){
tabSize : 4, // Tab缩进，默认4 winui.window.msg('请输入模板内容', {icon: 2, time: 2000});
readOnly : false, // 是否只读，默认false } else {
showCursorWhenSelecting : true, var params = {
lineNumbers : true, // 是否显示行号 contentName: $("#contentName").val(),
styleActiveLine: true, //line选择是是否加亮 htmlContent: encodeURIComponent(htmlEditor.getValue()),
matchBrackets: true, htmlType: $("#htmlType").val(),
}); jsContent: encodeURIComponent(jsEditor.getValue()),
jsType: $("#jsType").val(),
matchingLanguage(); typeId: $("#dsFormContentType").val(),
form.render(); };
form.on('submit(formAddBean)', function (data) { if($("#linkedData").val() == 'true'){
if (winui.verifyForm(data.elem)) { params.linkedData = '1';
if(isNull(htmlEditor.getValue())){ params.dataShowTpl = $("#dataShowTpl").val();
winui.window.msg('请输入模板内容', {icon: 2, time: 2000}); if(isNull(params.dataShowTpl)){
} else { winui.window.msg('请选择数据展示模板', {icon: 2, time: 2000});
var params = { return false;
contentName: $("#contentName").val(), }
htmlContent: encodeURIComponent(htmlEditor.getValue()), var defaultDataStr = $("#defaultData").val();//默认数据值
htmlType: $("#htmlType").val(), if (defaultDataStr.length != 0) {
jsContent: encodeURIComponent(jsEditor.getValue()), if (isJSON(defaultDataStr)) {
jsType: $("#jsType").val(), var defaultKey = getOutKey(defaultDataStr);//从默认数据中取出json串的键
typeId: $("#dsFormContentType").val(), if (subset(tplContentVal, defaultKey)) {
}; params.defaultData = defaultDataStr;
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;
}
} else { } else {
winui.window.msg('默认数据格式不正确，请重新填写!', {icon: 2, time: 2000}); winui.window.msg('默认数据内容有误，请重新填写!', {icon: 2, time: 2000});
return false; return false;
} }
} else { } else {
winui.window.msg('请填写默认数据', {icon: 2, time: 2000}); winui.window.msg('默认数据格式不正确，请重新填写!', {icon: 2, time: 2000});
return false; return false;
} }
} else { } else {
params.linkedData = '2'; winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
params.dataShowTpl = "";
params.defaultData = "";
}
// 获取图标信息
params = systemCommonUtil.getIconChoose(params);
if (!params["iconChooseResult"]) {
return false; return false;
} }
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormContent", params: params, type: 'json', method: 'POST', callback: function(json) { } else {
parent.layer.close(index); params.linkedData = '2';
parent.refreshCode = '0'; params.dataShowTpl = "";
}}); params.defaultData = "";
} }
} // 获取图标信息
return false; params = systemCommonUtil.getIconChoose(params);
}); if (!params["iconChooseResult"]) {
return false;
// 取消 }
$("body").on("click", "#cancle", function() { AjaxPostUtil.request({url: flowableBasePath + "writeDsFormContent", params: params, type: 'json', method: 'POST', callback: function(json) {
parent.layer.close(index); parent.layer.close(index);
}); parent.refreshCode = '0';
}});
}
}
return false;
});
// 取消
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
}); });
}); });
\ No newline at end of file
dsform/src/main/resources/template/js/dsformcontent/dsformcontentedit.js
浏览文件 @ 1d90be0c
...@@ -6,215 +6,211 @@ layui.config({ ...@@ -6,215 +6,211 @@ layui.config({
version: skyeyeVersion version: skyeyeVersion
}).extend({ }).extend({
window: 'js/winui.window' window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'element', 'colorpicker', 'fileUpload'], function (exports) { }).define(['window', 'table', 'jquery', 'winui', 'element'].concat(dsFormUtil.mastHaveImport), function (exports) {
winui.renderColor(); winui.renderColor();
layui.use(['form', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', var index = parent.layer.getFrameIndex(window.name);
'solr', 'sql', 'vue'], function (form) { var $ = layui.$,
var index = parent.layer.getFrameIndex(window.name); element = layui.element,
var $ = layui.$, colorpicker = layui.colorpicker,
element = layui.element, form = layui.form;
colorpicker = layui.colorpicker, var htmlEditor, jsEditor;
form = layui.form;
var htmlEditor, jsEditor;
showGrid({
id: "showForm",
url: flowableBasePath + "queryDsFormContentMationById",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: getFileContent('tpl/dsformcontent/dsformcontenteditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb){
//是否为系统菜单
hdb.registerHelper("compare2", function(v1, options){
if(v1 == '1'){
return 'checked';
}else if(v1 == '2'){
return '';
} else {
return '';
}
});
hdb.registerHelper("compare3", function(v1, options){
if(v1 == '1'){
return 'true';
}else if(v1 == '2'){
return 'false';
} else {
return 'false';
}
});
},
ajaxSendAfter: function(json) {
// 加载图标信息
systemCommonUtil.initEditIconChooseHtml('iconMation', form, colorpicker, 12, json.bean);
// 组件分类 showGrid({
sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["dsFormContentType"]["key"], 'select', "dsFormContentType", json.bean.typeId, form); id: "showForm",
url: flowableBasePath + "queryDsFormContentMationById",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: getFileContent('tpl/dsformcontent/dsformcontenteditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb){
//是否为系统菜单
hdb.registerHelper("compare2", function(v1, options){
if(v1 == '1'){
return 'checked';
}else if(v1 == '2'){
return '';
} else {
return '';
}
});
hdb.registerHelper("compare3", function(v1, options){
if(v1 == '1'){
return 'true';
}else if(v1 == '2'){
return 'false';
} else {
return 'false';
}
});
},
ajaxSendAfter: function(json) {
// 加载图标信息
systemCommonUtil.initEditIconChooseHtml('iconMation', form, colorpicker, 12, json.bean);
// 根据类型获取部分功能的使用说明 // 组件分类
systemCommonUtil.queryExplainMationByType(2, function (json) { sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["dsFormContentType"]["key"], 'select', "dsFormContentType", json.bean.typeId, form);
$(".layui-colla-title").html(json.bean.title);
$(".layui-colla-content").html(json.bean.content);
});
element.init();
htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), { // 根据类型获取部分功能的使用说明
mode : "xml", // 模式 systemCommonUtil.queryExplainMationByType(2, function (json) {
theme : "eclipse", // CSS样式选择 $(".layui-colla-title").html(json.bean.title);
indentUnit : 4, // 缩进单位，默认2 $(".layui-colla-content").html(json.bean.content);
smartIndent : true, // 是否智能缩进 });
tabSize : 4, // Tab缩进，默认4 element.init();
readOnly : false, // 是否只读，默认false
showCursorWhenSelecting : true, htmlEditor = CodeMirror.fromTextArea(document.getElementById("htmlContent"), {
lineNumbers : true, // 是否显示行号 mode : "xml", // 模式
styleActiveLine: true, //line选择是是否加亮 theme : "eclipse", // CSS样式选择
matchBrackets: true, indentUnit : 4, // 缩进单位，默认2
}); smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进，默认4
jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), { readOnly : false, // 是否只读，默认false
mode : "text/javascript", // 模式 showCursorWhenSelecting : true,
theme : "eclipse", // CSS样式选择 lineNumbers : true, // 是否显示行号
indentUnit : 4, // 缩进单位，默认2 styleActiveLine: true, //line选择是是否加亮
smartIndent : true, // 是否智能缩进 matchBrackets: true,
tabSize : 4, // Tab缩进，默认4 });
readOnly : false, // 是否只读，默认false
showCursorWhenSelecting : true, jsEditor = CodeMirror.fromTextArea(document.getElementById("jsContent"), {
lineNumbers : true, // 是否显示行号 mode : "text/javascript", // 模式
styleActiveLine: true, //line选择是是否加亮 theme : "eclipse", // CSS样式选择
matchBrackets: true, indentUnit : 4, // 缩进单位，默认2
}); smartIndent : true, // 是否智能缩进
tabSize : 4, // Tab缩进，默认4
if(json.bean.linkedData == 1){ readOnly : false, // 是否只读，默认false
$(".dataTpl").removeClass("layui-hide"); showCursorWhenSelecting : true,
initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型 lineNumbers : true, // 是否显示行号
var str = '<textarea class="layui-textarea" readonly>' + json.bean.templateContent + '</textarea>'; styleActiveLine: true, //line选择是是否加亮
$("#templateContent").html(str); matchBrackets: true,
tplContentVal = strMatchAllByTwo(json.bean.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词 });
removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each"); if(json.bean.linkedData == 1){
} $(".dataTpl").removeClass("layui-hide");
initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型
//是否关联数据 var str = '<textarea class="layui-textarea" readonly>' + json.bean.templateContent + '</textarea>';
form.on('switch(linkedData)', function (data) { $("#templateContent").html(str);
//关联数据值 tplContentVal = strMatchAllByTwo(json.bean.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
$(data.elem).val(data.elem.checked); removeByValue(tplContentVal, "#each this");
if($("#linkedData").val() == 'true'){ removeByValue(tplContentVal, "/each");
$(".dataTpl").removeClass("layui-hide"); }
if(!initDatatpl){
initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型 //是否关联数据
} form.on('switch(linkedData)', function (data) {
} else { //关联数据值
$(".dataTpl").addClass("layui-hide"); $(data.elem).val(data.elem.checked);
} if($("#linkedData").val() == 'true'){
}); $(".dataTpl").removeClass("layui-hide");
if(!initDatatpl){
//初始化关联的数据类型 initDataShowTpl(json.bean.dataShowTpl);//初始化关联的数据类型
var initDatatpl = false;
function initDataShowTpl(id){
initDatatpl = true;
showGrid({
id: "dataShowTpl",
url: flowableBasePath + "dsformdisplaytemplate006",
params: {},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb){},
ajaxSendAfter:function (json) {
$("#dataShowTpl").val(id);
form.render('select');
jsonStr = json.rows;
}
});
}
//数据展示模板监听事件
form.on('select(dataShowTpl)', function(data) {
dataShowTplValue = $('#dataShowTpl').val();
if(dataShowTplValue.length == 0){
$("#templateContent").html("");
} else {
$.each(jsonStr, function(i, item){
if(dataShowTplValue == item.id){
var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
$("#templateContent").html(str);
tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
removeByValue(tplContentVal, "#each this");
removeByValue(tplContentVal, "/each");
return false;
}
});
} }
}); } else {
$(".dataTpl").addClass("layui-hide");
}
});
matchingLanguage(); //初始化关联的数据类型
form.render(); var initDatatpl = false;
form.on('submit(formEditBean)', function (data) { function initDataShowTpl(id){
if (winui.verifyForm(data.elem)) { initDatatpl = true;
if(isNull(htmlEditor.getValue())){ showGrid({
winui.window.msg('请输入模板内容', {icon: 2, time: 2000}); id: "dataShowTpl",
} else { url: flowableBasePath + "dsformdisplaytemplate006",
var params = { params: {},
contentName: $("#contentName").val(), pagination: false,
htmlContent: encodeURIComponent(htmlEditor.getValue()), template: getFileContent('tpl/template/select-option.tpl'),
htmlType: $("#htmlType").val(), ajaxSendLoadBefore: function(hdb){},
jsContent: encodeURIComponent(jsEditor.getValue()), ajaxSendAfter:function (json) {
jsType: $("#jsType").val(), $("#dataShowTpl").val(id);
typeId: $("#dsFormContentType").val(), form.render('select');
id: parent.rowId jsonStr = json.rows;
}; }
if($("#linkedData").val() == 'true'){ });
params.linkedData = '1'; }
params.dataShowTpl = $("#dataShowTpl").val(); //数据展示模板监听事件
if(isNull(params.dataShowTpl)){ form.on('select(dataShowTpl)', function(data) {
winui.window.msg('请选择数据展示模板', {icon: 2, time: 2000}); dataShowTplValue = $('#dataShowTpl').val();
return false; if(dataShowTplValue.length == 0){
} $("#templateContent").html("");
var defaultDataStr = $("#defaultData").val();//默认数据值 } else {
if(defaultDataStr.length != 0){ $.each(jsonStr, function(i, item){
if(isJSON(defaultDataStr)){ if(dataShowTplValue == item.id){
var defaultKey = getOutKey(defaultDataStr);//从默认数据中取出json串的键 var str = '<textarea class="layui-textarea" readonly>' + item.templateContent + '</textarea>';
if(subset(tplContentVal,defaultKey)){ $("#templateContent").html(str);
params.defaultData = defaultDataStr; tplContentVal = strMatchAllByTwo(item.templateContent, '{{','}}');//取出数据模板中用{{}}包裹的词
} else { removeByValue(tplContentVal, "#each this");
winui.window.msg('默认数据内容有误，请重新填写!', {icon: 2, time: 2000}); removeByValue(tplContentVal, "/each");
return false; return false;
} }
} else { });
winui.window.msg('默认数据格式不正确，请重新填写!', {icon: 2, time: 2000}); }
return false; });
}
} else {
winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
return false;
}
} else {
params.linkedData = '2';
params.dataShowTpl = '';
params.defaultData = "";
}
// 获取图标信息 matchingLanguage();
params = systemCommonUtil.getIconChoose(params); form.render();
if (!params["iconChooseResult"]) { form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
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(),
id: parent.rowId
};
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;
}
} else {
winui.window.msg('默认数据格式不正确，请重新填写!', {icon: 2, time: 2000});
return false;
}
} else {
winui.window.msg('请填写默认数据', {icon: 2, time: 2000});
return false; return false;
} }
} else {
params.linkedData = '2';
params.dataShowTpl = '';
params.defaultData = "";
}
// 获取图标信息
params = systemCommonUtil.getIconChoose(params);
if (!params["iconChooseResult"]) {
return false;
}
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormContent", params: params, type: 'json', method: 'POST', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
}
return false;
});
}
});
AjaxPostUtil.request({url: flowableBasePath + "writeDsFormContent", params: params, type: 'json', method: 'POST', callback: function (json) { // 取消
parent.layer.close(index); $("body").on("click", "#cancle", function() {
parent.refreshCode = '0'; parent.layer.close(index);
}});
}
}
return false;
});
}
});
// 取消
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
}); });
}); });
\ No newline at end of file
dsform/src/main/resources/template/tpl/dsFormPage/dsFormPageDesign.html
浏览文件 @ 1d90be0c
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<span class="hr-title">{{@key}}</span><hr> <span class="hr-title">{{@key}}</span><hr>
</div> </div>
{{#each @this}} {{#each @this}}
<div class="form-group draggable ui-draggable btntext" rowid="{{id}}"> <div class="form-group draggable ui-draggable btntext layui-col-xs4" rowid="{{id}}">
<div class="icon"> <div class="icon">
{{{logo}}} {{{logo}}}
</div> </div>
......
erp/src/main/resources/template/js/purchaseorder/purchaseorderadd.js
浏览文件 @ 1d90be0c
...@@ -14,7 +14,7 @@ layui.config({ ...@@ -14,7 +14,7 @@ layui.config({
version: skyeyeVersion version: skyeyeVersion
}).extend({ }).extend({
window: 'js/winui.window' window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'laydate', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) { }).define(['window', 'jquery', 'winui', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) {
winui.renderColor(); winui.renderColor();
var index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$, var $ = layui.$,
......
erp/src/main/resources/template/js/purchaseorder/purchaseorderedit.js
浏览文件 @ 1d90be0c
...@@ -14,7 +14,7 @@ layui.config({ ...@@ -14,7 +14,7 @@ layui.config({
version: skyeyeVersion version: skyeyeVersion
}).extend({ }).extend({
window: 'js/winui.window' window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'laydate', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) { }).define(['window', 'jquery', 'winui', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) {
winui.renderColor(); winui.renderColor();
var index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$, var $ = layui.$,
......
web/src/main/resources/template/assets/lib/layui/customer/dsFormUtil.js
浏览文件 @ 1d90be0c
...@@ -9,7 +9,7 @@ var dsFormUtil = { ...@@ -9,7 +9,7 @@ var dsFormUtil = {
dsFormBtnTemplate: '<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="{{btnId}}">表单选择</button>', 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>', 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>',
// 必须包含的包 // 必须包含的包
mastHaveImport: ['layedit', 'colorpicker', 'slider', 'fileUpload', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', 'solr', 'sql', 'vue', mastHaveImport: ['laydate', 'layedit', 'colorpicker', 'slider', 'fileUpload', 'codemirror', 'xml', 'clike', 'css', 'htmlmixed', 'javascript', 'nginx', 'solr', 'sql', 'vue',
'matchbrackets', 'closebrackets', 'showHint', 'anywordHint', 'lint', 'jsonLint', 'foldcode', 'foldgutter', 'braceFold', 'commentFold', 'form'], 'matchbrackets', 'closebrackets', 'showHint', 'anywordHint', 'lint', 'jsonLint', 'foldcode', 'foldgutter', 'braceFold', 'commentFold', 'form'],
showType: { showType: {
'1': '{{#bean}}<div class="layui-form-item {{defaultWidth}}"><label class="layui-form-label">{{labelContent}}：</label><div class="layui-input-block ver-center">{{text}}</div></div>{{/bean}}', // 文本展示 '1': '{{#bean}}<div class="layui-form-item {{defaultWidth}}"><label class="layui-form-label">{{labelContent}}：</label><div class="layui-input-block ver-center">{{text}}</div></div>{{/bean}}', // 文本展示
...@@ -127,16 +127,16 @@ var dsFormUtil = { ...@@ -127,16 +127,16 @@ var dsFormUtil = {
form.render(); form.render();
}, },
loadDsFormItemToEdit: function (customBoxId, rows){ loadDsFormItemToEdit: function (customBoxId, rows) {
$.each(rows, function(i, item){ $.each(rows, function(i, item) {
if(item.associatedDataTypes == 1){//json串 if (item.associatedDataTypes == 1) {//json串
var obj = item.aData; var obj = item.aData;
if(typeof item.aData == 'string'){ if(typeof item.aData == 'string'){
obj = JSON.parse(item.aData); obj = JSON.parse(item.aData);
} }
item.context = getDataUseHandlebars(item.templateContent, obj); item.context = getDataUseHandlebars(item.templateContent, obj);
}else if(item.associatedDataTypes == 2){//接口 } else if (item.associatedDataTypes == 2) {//接口
AjaxPostUtil.request({url: flowableBasePath + "dsformpage011", params: {interfa: item.aData}, type: 'json', callback: function(j){ AjaxPostUtil.request({url: flowableBasePath + "dsformpage011", params: {interfa: item.aData}, type: 'json', callback: function(j) {
var obj = JSON.parse(j.bean.aData); var obj = JSON.parse(j.bean.aData);
item.context = getDataUseHandlebars(item.templateContent, obj); item.context = getDataUseHandlebars(item.templateContent, obj);
}, async: false}); }, async: false});
...@@ -147,37 +147,38 @@ var dsFormUtil = { ...@@ -147,37 +147,38 @@ var dsFormUtil = {
var jsCon = '<script>layui.define(["jquery"], function(exports) {var jQuery = layui.jquery;(function($) {' + html_js + '})(jQuery);});</script>'; var jsCon = '<script>layui.define(["jquery"], function(exports) {var jQuery = layui.jquery;(function($) {' + html_js + '})(jQuery);});</script>';
$("#" + customBoxId).append(html + jsCon); $("#" + customBoxId).append(html + jsCon);
$("#" + item.id).val(item.value); //给能通过id赋值的控件赋值 // 给能通过id赋值的控件赋值
$("#" + item.id).val(item.value);
var _this = $("#" + customBoxId + " .layui-form-item").eq(i);//当前控件 var _this = $("#" + customBoxId + " .layui-form-item").eq(i);//当前控件
if (!isNull(item.require) && item.require.indexOf("required") >= 0){ if (!isNull(item.require) && item.require.indexOf("required") >= 0){
_this.find(".layui-form-label").append('<i class="red">*</i>'); _this.find(".layui-form-label").append('<i class="red">*</i>');
} }
_this.attr("controId", item.id); _this.attr("controId", item.id);
var vid = _this.attr("controlType");//控件类型 var vid = _this.attr("controlType");//控件类型
if(vid === 'color'){//类型为颜色选择器 if (vid === 'color') {//类型为颜色选择器
_this.find("input").val(item.value); _this.find("input").val(item.value);
_this.find('div[id="' + item.id + '"]').find("span .layui-colorpicker-trigger-span").attr("style", "background:" + item.value); _this.find('div[id="' + item.id + '"]').find("span .layui-colorpicker-trigger-span").attr("style", "background:" + item.value);
}else if(vid === 'switchedradio'){//类型为开关式单选框 } else if (vid === 'switchedradio') {//类型为开关式单选框
_this.find("input").val(item.value); _this.find("input").val(item.value);
if(item.value === 'true' || item.value == true){ if (item.value === 'true' || item.value == true) {
_this.find("input").prop("checked", true); _this.find("input").prop("checked", true);
} }
_this.find("input").attr('id', item.id); _this.find("input").attr('id', item.id);
_this.find("input").attr('name', item.id); _this.find("input").attr('name', item.id);
_this.find("input").attr('lay-filter', item.id); _this.find("input").attr('lay-filter', item.id);
}else if(vid === 'radio'){//类型为单选框 } else if (vid === 'radio') {//类型为单选框
_this.find("input:radio").attr("name", item.id); _this.find("input:radio").attr("name", item.id);
if (!isNull(item.value)) if (!isNull(item.value))
_this.find("input:radio[value=" + item.value + "]").attr("checked", true); _this.find("input:radio[value=" + item.value + "]").attr("checked", true);
}else if(vid === 'richtextarea'){//类型为富文本框 } else if (vid === 'richtextarea') {//类型为富文本框
_this.find('iframe[textarea="' + item.id + '"]').contents().find("body").html(item.value); _this.find('iframe[textarea="' + item.id + '"]').contents().find("body").html(item.value);
}else if(vid === 'checkbox'){//类型为多选框 } else if (vid === 'checkbox') {//类型为多选框
var checkArray = item.value.split(","); var checkArray = item.value.split(",");
var checkBoxAll = _this.find("input:checkbox"); var checkBoxAll = _this.find("input:checkbox");
checkBoxAll.attr("name", item.id); checkBoxAll.attr("name", item.id);
for(var k = 0; k < checkArray.length; k++){ for (var k = 0; k < checkArray.length; k++) {
$.each(checkBoxAll, function(j, item){ $.each(checkBoxAll, function (j, item) {
if(checkArray[k] == $(this).val()){ if (checkArray[k] == $(this).val()) {
$(this).prop("checked", true); $(this).prop("checked", true);
} }
}); });
...@@ -209,68 +210,64 @@ var dsFormUtil = { ...@@ -209,68 +210,64 @@ var dsFormUtil = {
var _this = _item.find(".layui-form-item").eq(i); var _this = _item.find(".layui-form-item").eq(i);
var vid = _this.attr("controlType"),//控件类型 var vid = _this.attr("controlType"),//控件类型
showType = "", text = "", value = ""; showType = "", text = "", value = "";
if(isNull(vid)){ if (isNull(vid)) {
continue; continue;
} }
if(vid === 'input'){//类型为输入框 if (vid === 'textarea') {//类型为文本框
text = _this.find("input").val();
value = _this.find("input").val();
showType = "1";
}else if(vid === 'textarea'){//类型为文本框
text = _this.find("textarea").val(); text = _this.find("textarea").val();
value = _this.find("textarea").val(); value = _this.find("textarea").val();
showType = "1"; showType = "1";
}else if(vid === 'select'){//类型为下拉框 } else if (vid === 'select') {//类型为下拉框
text = _this.find("select").find("option:selected").text(); text = _this.find("select").find("option:selected").text();
value = _this.find("select").val(); value = _this.find("select").val();
showType = "1"; showType = "1";
}else if(vid === 'checkbox'){//类型为多选框 } else if (vid === 'checkbox') {//类型为多选框
var checkName = _this.find("input:first").attr("name"); var checkName = _this.find("input:first").attr("name");
var texts = [], values = []; var texts = [], values = [];
var arr = _this.find("input:checkbox[name='" + checkName + "']:checked"); var arr = _this.find("input:checkbox[name='" + checkName + "']:checked");
$.each(arr, function(i, item){ $.each(arr, function (i, item) {
texts[i] = $(this).attr("title"); texts[i] = $(this).attr("title");
values[i] = $(this).attr("value"); values[i] = $(this).attr("value");
}); });
text = texts.join(","); text = texts.join(",");
value = values.join(","); value = values.join(",");
showType = "1"; showType = "1";
}else if(vid === 'radio'){//类型为单选框 } else if (vid === 'radio') {//类型为单选框
text = _this.find("input:radio:checked").attr("title"); text = _this.find("input:radio:checked").attr("title");
value = _this.find("input:radio:checked").val(); value = _this.find("input:radio:checked").val();
showType = "1"; showType = "1";
}else if(vid === 'upload'){//类型为图片上传 } else if (vid === 'upload') {//类型为图片上传
var uploadId = _this.find(".upload").attr("id"); var uploadId = _this.find(".upload").attr("id");
text = $("#" + uploadId).find("input[type='hidden'][name='upload']").attr("oldurl"); text = $("#" + uploadId).find("input[type='hidden'][name='upload']").attr("oldurl");
value = $("#" + uploadId).find("input[type='hidden'][name='upload']").attr("oldurl"); value = $("#" + uploadId).find("input[type='hidden'][name='upload']").attr("oldurl");
if(isNull(text)) if (isNull(text))
text = ""; text = "";
if(isNull(value)) if (isNull(value))
value = ""; value = "";
showType = "4"; showType = "4";
}else if(vid === 'color'){//类型为颜色选择器 } else if (vid === 'range') {//类型为滑块
text = _this.find("input").val();
value = _this.find("input").val();
showType = "1";
}else if(vid === 'range'){//类型为滑块
text = _this.find(".layui-slider-tips").html(); text = _this.find(".layui-slider-tips").html();
value = _this.find(".layui-slider-tips").html(); value = _this.find(".layui-slider-tips").html();
showType = "1"; showType = "1";
}else if(vid === 'richtextarea'){//类型为富文本框 } else if (vid === 'richtextarea') {//类型为富文本框
var textareaId = _this.find("textarea").attr("id"); var textareaId = _this.find("textarea").attr("id");
var content = encodeURIComponent(_this.find('iframe[textarea="' + textareaId + '"]').contents().find("body").html()); var content = encodeURIComponent(_this.find('iframe[textarea="' + textareaId + '"]').contents().find("body").html());
text = content; text = content;
value = content; value = content;
showType = "3"; showType = "3";
}else if(vid === 'switchedradio'){//类型为开关式单选框 } else if (vid === 'switchedradio') {//类型为开关式单选框
value = _this.find("input").val(); value = _this.find("input").val();
var layText = _this.find("input").attr('lay-text'); var layText = _this.find("input").attr('lay-text');
if(value == "true"){ if (value == "true") {
text = layText.split('|')[0]; text = layText.split('|')[0];
} else { } else {
text = layText.split('|')[1]; text = layText.split('|')[1];
} }
showType = "1"; showType = "1";
} else {
text = _this.find("input").val();
value = _this.find("input").val();
showType = "1";
} }
list.push({ list.push({
value: value, value: value,
......
web/src/main/resources/template/assets/lib/winui/css/customer/skyeye-icon.css
浏览文件 @ 1d90be0c
...@@ -57,10 +57,15 @@ ...@@ -57,10 +57,15 @@
/*开关*/ /*开关*/
.skyeye-switchedradio { .skyeye-switchedradio {
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M659.2 579.2h-294.4c-57.6 0-105.6 48-105.6 105.6v9.6c0 57.6 48 105.6 105.6 105.6h294.4c57.6 0 105.6-48 105.6-105.6v-9.6c0-57.6-48-105.6-105.6-105.6z m-288 188.8c-41.6 0-76.8-35.2-76.8-76.8 0-41.6 35.2-76.8 76.8-76.8 41.6 0 76.8 35.2 76.8 76.8-3.2 41.6-35.2 76.8-76.8 76.8zM659.2 220.8h-294.4c-57.6 0-105.6 48-105.6 105.6v9.6c0 57.6 48 105.6 105.6 105.6h294.4c57.6 0 105.6-48 105.6-105.6v-9.6c0-57.6-48-105.6-105.6-105.6z m-6.4 188.8c-41.6 0-76.8-35.2-76.8-76.8 0-41.6 35.2-76.8 76.8-76.8 41.6 0 76.8 35.2 76.8 76.8 0 41.6-35.2 76.8-76.8 76.8z' fill=''/%3E%3Cpath d='M96 0c-54.4 0-96 41.6-96 96v832c0 54.4 41.6 96 96 96h928V0h-928z m700.8 697.6c0 73.6-60.8 134.4-134.4 134.4h-294.4c-73.6 0-134.4-60.8-134.4-134.4v-9.6c0-73.6 60.8-134.4 134.4-134.4h294.4c73.6 0 134.4 60.8 134.4 134.4v9.6z m0-358.4c0 73.6-60.8 134.4-134.4 134.4h-294.4c-73.6 0-134.4-60.8-134.4-134.4v-9.6c0-73.6 60.8-134.4 134.4-134.4h294.4c73.6 0 134.4 60.8 134.4 134.4v9.6z' fill=''/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M659.2 579.2h-294.4c-57.6 0-105.6 48-105.6 105.6v9.6c0 57.6 48 105.6 105.6 105.6h294.4c57.6 0 105.6-48 105.6-105.6v-9.6c0-57.6-48-105.6-105.6-105.6z m-288 188.8c-41.6 0-76.8-35.2-76.8-76.8 0-41.6 35.2-76.8 76.8-76.8 41.6 0 76.8 35.2 76.8 76.8-3.2 41.6-35.2 76.8-76.8 76.8zM659.2 220.8h-294.4c-57.6 0-105.6 48-105.6 105.6v9.6c0 57.6 48 105.6 105.6 105.6h294.4c57.6 0 105.6-48 105.6-105.6v-9.6c0-57.6-48-105.6-105.6-105.6z m-6.4 188.8c-41.6 0-76.8-35.2-76.8-76.8 0-41.6 35.2-76.8 76.8-76.8 41.6 0 76.8 35.2 76.8 76.8 0 41.6-35.2 76.8-76.8 76.8z' fill=''/%3E%3Cpath d='M96 0c-54.4 0-96 41.6-96 96v832c0 54.4 41.6 96 96 96h928V0h-928z m700.8 697.6c0 73.6-60.8 134.4-134.4 134.4h-294.4c-73.6 0-134.4-60.8-134.4-134.4v-9.6c0-73.6 60.8-134.4 134.4-134.4h294.4c73.6 0 134.4 60.8 134.4 134.4v9.6z m0-358.4c0 73.6-60.8 134.4-134.4 134.4h-294.4c-73.6 0-134.4-60.8-134.4-134.4v-9.6c0-73.6 60.8-134.4 134.4-134.4h294.4c73.6 0 134.4 60.8 134.4 134.4v9.6z' fill=''/%3E%3C/svg%3E");
} }
/*多行输入框*/ /*多行输入框*/
.skyeye-textarea { .skyeye-textarea {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 160H128c-35.2 0-64 28.8-64 64v576c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V224c0-35.2-28.8-64-64-64z m0 608c0 16-12.8 32-32 32H160c-19.2 0-32-12.8-32-32V256c0-16 12.8-32 32-32h704c19.2 0 32 12.8 32 32v512z' fill=''/%3E%3Cpath d='M224 288c-19.2 0-32 12.8-32 32v256c0 16 12.8 32 32 32s32-12.8 32-32V320c0-16-12.8-32-32-32z m608 480c19.2 0 32-12.8 32-32V608L704 768h128z' fill=''/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 160H128c-35.2 0-64 28.8-64 64v576c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V224c0-35.2-28.8-64-64-64z m0 608c0 16-12.8 32-32 32H160c-19.2 0-32-12.8-32-32V256c0-16 12.8-32 32-32h704c19.2 0 32 12.8 32 32v512z' fill=''/%3E%3Cpath d='M224 288c-19.2 0-32 12.8-32 32v256c0 16 12.8 32 32 32s32-12.8 32-32V320c0-16-12.8-32-32-32z m608 480c19.2 0 32-12.8 32-32V608L704 768h128z' fill=''/%3E%3C/svg%3E");
} }
/*日期yyyy-MM-dd HH:mm:ss*/
.skyeye-dateTime {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M989.5 753c0-132.1-107.5-239.5-239.5-239.5-132.1 0-239.5 107.5-239.5 239.5 0 132.1 107.5 239.5 239.5 239.5S989.5 885 989.5 753z m-112.6 21.2h-127c-11.3 0-20.5-9.2-20.5-20.5v-127c0-11.3 9.2-20.5 20.5-20.5s20.5 9.2 20.5 20.5v87c0 10.8 8.7 19.5 19.5 19.5h87c11.3 0 20.5 9.2 20.5 20.5s-9.2 20.5-20.5 20.5z' fill=''/%3E%3Cpath d='M750 512.5c-64.2 0-124.6 25-170.1 70.4-45.4 45.4-70.4 105.8-70.4 170.1 0 64.2 25 124.6 70.4 170.1 45.4 45.4 105.8 70.4 170.1 70.4 64.2 0 124.6-25 170.1-70.4 45.4-45.4 70.4-105.8 70.4-170.1s-25-124.6-70.4-170.1c-45.5-45.4-105.9-70.4-170.1-70.4zM510.5 753c0-132.1 107.5-239.5 239.5-239.5 132.1 0 239.5 107.5 239.5 239.5S882 992.5 750 992.5C617.9 992.5 510.5 885 510.5 753z' fill=''/%3E%3Cpath d='M876.9 733.2h-87c-10.8 0-19.5-8.7-19.5-19.5v-87c0-11.3-9.2-20.5-20.5-20.5s-20.5 9.2-20.5 20.5v127c0 11.3 9.2 20.5 20.5 20.5h127c11.3 0 20.5-9.2 20.5-20.5s-9.2-20.5-20.5-20.5z m-127 40c-10.8 0-19.5-8.7-19.5-19.5v-127c0-10.8 8.7-19.5 19.5-19.5s19.5 8.7 19.5 19.5v87c0 11.3 9.2 20.5 20.5 20.5h87c10.8 0 19.5 8.7 19.5 19.5s-8.7 19.5-19.5 19.5h-127zM283.4 438.6c0-9.9-8-17.9-17.9-17.9H192c-9.9 0-17.9 8-17.9 17.9v73.5c0 9.9 8 17.9 17.9 17.9h73.5c9.8 0 17.8-8.1 17.9-17.9v-73.5zM470.6 438.6c0-9.9-8-17.9-17.9-17.9h-73.5c-9.9 0-17.9 8-17.9 17.9v73.5c0 9.9 8 17.9 17.9 17.9h73.5c9.9 0 17.9-8.1 17.9-17.9v-73.5zM582.4 530c1.2 0 2.3-0.4 3.2-1.1 3.7-2.8 7.4-5.5 11.3-8 17.9-12.1 37-22 57-29.6h0.1c2.3-0.9 3.8-3.1 3.8-5.6v-47c0-9.9-8-17.9-17.9-17.9h-73.5c-9.9 0-17.9 8-17.9 17.9v73.5c0 9.9 8 17.9 17.9 17.9h16zM754 473c30 0 59.3 4.7 87.1 13.7 2 0.6 4-0.8 4-2.9v-45.1c0-9.9-8-17.9-17.9-17.9h-73.5c-9.9 0-17.9 8-17.9 17.9v29.2c0 3.1 2.6 5.6 5.7 5.4 4.1-0.2 8.3-0.3 12.5-0.3zM283.4 623.5c0-9.9-8-17.9-17.9-17.9H192c-9.9 0-17.9 8-17.9 17.9V697c0 9.9 8 17.9 17.9 17.9h73.5c9.8 0 17.8-8 17.9-17.9v-73.5zM470.6 623.5c0-9.9-8-17.9-17.9-17.9h-73.5c-9.9 0-17.9 8-17.9 17.9V697c0 9.9 8 17.9 17.9 17.9h73.5c9.9 0 17.9-8 17.9-17.9v-73.5zM192 778.9c-9.9 0-17.9 8-17.9 17.9v73.5c0 9.9 8 17.9 17.9 17.9h73.5c9.8 0 17.8-8 17.9-17.9v-73.5c0-9.9-8-17.9-17.9-17.9H192zM452.7 778.9h-73.5c-9.9 0-17.9 8-17.9 17.9v73.5c0 9.9 8 17.9 17.9 17.9h73.5c9.9 0 17.9-8 17.9-17.9v-73.5c0-9.9-8-17.9-17.9-17.9z' fill=''/%3E%3Cpath d='M970.3 154.3h-115c-21.7 0-39.3 17.6-39.3 39.3v6c0 51.9-42.1 94-94 94h-16c-51.9 0-94-42.1-94-94v-6c0-21.7-17.6-39.3-39.3-39.3H451.3c-21.7 0-39.3 17.6-39.3 39.3v6c0 51.9-42.1 94-94 94h-16c-51.9 0-94-42.1-94-94v-6c0-21.7-17.6-39.3-39.3-39.3h-115C24.1 154.3 0 174.8 0 199.9v778.5c0 25.2 24.1 45.6 53.7 45.6h589.8c6 0 7.7-8.3 2.1-10.6-24.2-10.1-46.9-23.6-67.6-40.3-2.8-2.2-5.5-4.5-8.2-6.9-1.2-1.1-2.8-1.7-4.5-1.7H120.8c-28 0-50.8-19.4-50.8-43.1V391.7c0-23.9 22.8-43.1 50.8-43.1h782.4c28.1 0 50.8 19.4 50.8 43.1v152.5c0 7.7 2.9 15.2 8.1 20.9l0.1 0.1c17.9 19.6 32.6 41.4 44.1 64.7 4.4 8.9 17.7 5.8 17.7-4.1V199.9c0-25.1-24.1-45.6-53.7-45.6z' fill=''/%3E%3Cpath d='M302 243.7h16c35.2 0 64-28.8 64-64.1V64c0-35.2-28.8-64-64-64h-16c-35.2 0-64 28.8-64 64v115.7c0 35.2 28.8 64 64 64zM706 243.7h16c35.2 0 64-28.8 64-64.1V64c0-35.2-28.8-64-64-64h-16c-35.2 0-64 28.8-64 64v115.7c0 35.2 28.8 64 64 64z' fill=''/%3E%3C/svg%3E");
}
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或