huanghai
/
QingLong
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'commit'

Browse Source
main
kgdxpr 1 year ago
parent 0f857c4542
commit 2f60092803
1 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File

67
WebRoot/view/tb/form/ayq/modules/formDesigner.js
Unescape View File

@ -17,7 +17,7 @@
+ 4.表单数据的获取与回显,禁用全表单
+------------------------------------------------------------------------------------+
*/
layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "element", "form", "slider", "laydate", "rate", "colorpicker", "layedit", "carousel", "upload", "formField", "staticField", "numberInput", "iconPicker", "cron", "labelGeneration"]
layui.config({ base: './ayq/modules/' }).define(["layer", 'flow', "laytpl", "element", "form", "slider", "laydate", "rate", "colorpicker", "layedit", "carousel", "upload", "formField", "staticField", "numberInput", "iconPicker", "cron", "labelGeneration"]
, function (exports) {
var $ = layui.jquery
, layer = layui.layer
@ -662,8 +662,8 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
_html += '<textarea name="{0}" placeholder="{3}" width="{2}" class="layui-textarea{6}" {4} {5} {7}>{1}</textarea>'
.format(json.id, json.defaultValue ? json.defaultValue : '', json.width, json.placeholder, _disabled, _required, _disabledClass, _readonly);
$('#' + json.id + ' .layui-input-block').append(_html);
$label.css({width: '{0}'.format(json.width)});
$block.css({width: '{0}'.format(json.width)});
$label.css({ width: '{0}'.format(json.width) });
$block.css({ width: '{0}'.format(json.width) });
if (json.required) {
$label.append('<span style="color:red;">*</span>');
}
@ -796,15 +796,15 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
}
$label.append(json.label + ":");
form.render('select', json.id);
$('#' + json.id + ' .layui-input-block div.layui-unselect.layui-form-select').css({width: '{0}'.format(json.width)});
$('#' + json.id + ' .layui-input-block div.layui-unselect.layui-form-select').css({ width: '{0}'.format(json.width) });
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
},
/**
@ -927,11 +927,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
var _html = '';
//重绘设计区改id下的所有元素
@ -1186,11 +1186,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css("border", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
$label.css("width", json.labelWidth);
form.render('checkbox');
@ -1301,11 +1301,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
slider.render({
elem: '#' + json.tag + json.id,
@ -1439,11 +1439,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
$label.css("width", json.labelWidth);
if (json.required) {
@ -1968,7 +1968,7 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
_html += '</div>';
elem.append(_html);
if (that.config.viewOrDesign) {
var data = {"select": json.tag + json.id, "uploadUrl": json.uploadUrl};
var data = { "select": json.tag + json.id, "uploadUrl": json.uploadUrl };
images.push(data);
}
},
@ -2093,7 +2093,7 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
_html += '</div>';
elem.append(_html);
if (that.config.viewOrDesign) {
var data = {"select": json.tag + json.id, "uploadUrl": json.uploadUrl};
var data = { "select": json.tag + json.id, "uploadUrl": json.uploadUrl };
files.push(data);
}
},
@ -2563,11 +2563,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
$label.css("width", json.labelWidth);
$label.append(json.label + ":");
@ -2892,11 +2892,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
$label.css("width", json.labelWidth);
if (json.required) {
@ -3068,11 +3068,11 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
if (json.hideLabel) {
$label.css("display", "none");
$block.css("margin-left", "0px");
$block.css({width: 'calc({0})'.format(json.width)});
$block.css({ width: 'calc({0})'.format(json.width) });
} else {
$label.css("display", "block");
$block.css("margin-left", json.labelWidth);
$block.css({width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth)});
$block.css({ width: 'calc({0} - {1}px)'.format(json.width, json.labelWidth) });
}
$label.css("width", json.labelWidth);
$label.append(json.label + ":");
@ -3623,7 +3623,7 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
, options = that.config;
$('#select-option-add').on('click', function () {
//添加html
json.options.splice(json.options.length + 1, 0, {text: 'option', value: 'value', checked: false});
json.options.splice(json.options.length + 1, 0, { text: 'option', value: 'value', checked: false });
var _htmloption = '';
_htmloption += '<div class="layui-form-item option select-options" data-index="{0}">'.format(json.options.length - 1);
_htmloption += ' <div class="layui-inline" style="width: 30px; margin-right: 0px;">';
@ -4405,9 +4405,9 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
}
});
form.on('radio', function (data) {
console.log(data);
form.on('radio', function (data) {
var _json = options.selectItem;
switch (_json.tag) {
case 'radio':
var _index = parseInt($("#" + _json.id + " .layui-input-block div.layui-form-radio").index(data.othis[0]));
@ -4420,8 +4420,7 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
continue;
}
_json.options[i].checked = false;
}
console.log(_json);
}
that.components[_json.tag].update(_json, that);
break;
case 'select':
@ -4515,6 +4514,15 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
Class.prototype.render = function () {
var that = this
, options = that.config;
options.data.forEach(function (item, index) {
if (index === 0) {
options.selectItem = item;
}
that.bindPropertyEvent(item);
});
if (options.viewOrDesign) {
var that = this
, options = that.config;
@ -5168,10 +5176,7 @@ layui.config({base: './ayq/modules/'}).define(["layer", 'flow', "laytpl", "eleme
//显示当前的属性
that.components[tag].property(options.selectItem, that);
alert("点击！");
that.bindPropertyEvent(options.selectItem);
//移除 #formDesignerForm .layui-form-item 下所有的 active
$('#formDesignerForm .layui-form-item').removeClass('active');
//给当前元素增加class

Write Preview
Loading…
Cancel
Save