Tenlion/tenlion-module
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加动态表单自动排版配置界面的保存回显逻辑

Browse Source
This commit is contained in:
cuibaocheng 2021-07-29 18:09:24 +08:00
parent 77294d7fc8
commit 39f7b6f09f
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
module-config-table/src/main/resources/templates/configtable/list-field.html
View File

@ -116,7 +116,21 @@
<input type="text" id="configTableFieldDefault" name="configTableFieldDefault" class="layui-input" placeholder="请输入默认值" > <input type="text" id="configTableFieldDefault" name="configTableFieldDefault" class="layui-input" placeholder="请输入默认值" >
</div> </div>
</div> </div>
<div class="layui-form-item" id="configTableFieldModeDiv" style="display: none;"> <!-- <div class="layui-form-item" >
<label class="layui-form-label">宽度</label>
<div class="layui-collapse layui-input-block" lay-accordion id="widthChange">
<div class="layui-input-block">
<div style="margin-left:-35px;padding-top: 50px;width:100%;" id="widthChangeDiv"></div>
</div>
</div>
</div>-->
<div class="layui-form-item" pane>
<label class="layui-form-label">宽度比</label>
<div class="layui-input-block">
<div lay-accordion class="layui-collapse" style="padding: 20px 10px 0 10px; width:100%;box-sizing: border-box" id="widthChangeDiv"></div>
</div>
</div>
<!--<div class="layui-form-item" id="configTableFieldModeDiv" style="display: none;">
<label class="layui-form-label">展示方式<span style="color: red">*</span></label> <label class="layui-form-label">展示方式<span style="color: red">*</span></label>
<div class="layui-input-block layui-form" id="configTableFieldModeSelectTemplateBox" lay-filter="configTableFieldModeSelectTemplateBox"></div> <div class="layui-input-block layui-form" id="configTableFieldModeSelectTemplateBox" lay-filter="configTableFieldModeSelectTemplateBox"></div>
<script id="configTableFieldModeSelectTemplate" type="text/html"> <script id="configTableFieldModeSelectTemplate" type="text/html">
@ -139,17 +153,17 @@
{{# } }} {{# } }}
</select> </select>
</script> </script>
</div> </div>-->
<iframe src="" id="attribute" style="width: 100%;" frameborder="0" ></iframe> <iframe src="" id="attribute" style="width: 100%;" frameborder="0" ></iframe>
</div> </div>
</div> </div>
</form> </form>
<!--
<div class="layui-collapse" lay-accordion style="display: none" id="widthChange"> <div class="layui-collapse" lay-accordion style="display: none" id="widthChange">
<div class="layui-input-block"> <div class="layui-input-block">
<div style="margin-left:-35px;padding-top: 50px;width:250px;" id="widthChangeDiv"></div> <div style="margin-left:-35px;padding-top: 50px;width:250px;" id="widthChangeDiv"></div>
</div> </div>
</div> </div>-->
<script id="type1" type="text/html"> <script id="type1" type="text/html">
<div row-col="{{ d.configTableFieldRowCol }}" class="{{ d.configTableFieldRow ? 'clearOut' : '' }} layui-col-lg{{ d.configTableFieldRowCol }} layui-col-md{{ d.configTableFieldRowCol }} layui-col-sm{{ d.configTableFieldRowCol }} layui-form-item module1 js_module_{{ d.configTableFieldId }}" id="{{ d.configTableFieldId }}" > <div row-col="{{ d.configTableFieldRowCol }}" class="{{ d.configTableFieldRow ? 'clearOut' : '' }} layui-col-lg{{ d.configTableFieldRowCol }} layui-col-md{{ d.configTableFieldRowCol }} layui-col-sm{{ d.configTableFieldRowCol }} layui-form-item module1 js_module_{{ d.configTableFieldId }}" id="{{ d.configTableFieldId }}" >
@ -488,7 +502,7 @@
$(".js_module_" + data.configTableFieldId).moduleSet({ $(".js_module_" + data.configTableFieldId).moduleSet({
background:'rgba(0, 0, 0, 0.7)', background:'rgba(0, 0, 0, 0.7)',
button:[ button:[
{text:'调整', value:data.configTableFieldId, callback:function(data){ /*{text:'调整', value:data.configTableFieldId, callback:function(data){
layer.open({ layer.open({
type: 1, type: 1,
title: false, title: false,
@ -502,7 +516,7 @@
widthChange(getField(data.value)); widthChange(getField(data.value));
} }
}); });
},iconfont:'fa-arrows-h'}, },iconfont:'fa-arrows-h'},*/
{text:'合并', value:data.configTableFieldId, callback:function(data){ {text:'合并', value:data.configTableFieldId, callback:function(data){
// 开启合并 // 开启合并
if(!$("#" + data.value).hasClass("clearOut")) { if(!$("#" + data.value).hasClass("clearOut")) {
@ -582,6 +596,7 @@
var dataFormData = getMapBaseConfig(evt.item.id); var dataFormData = getMapBaseConfig(evt.item.id);
dataFormData.configTableFieldMust = dataFormData.configTableFieldMust == 1 ? true : false; dataFormData.configTableFieldMust = dataFormData.configTableFieldMust == 1 ? true : false;
dataFormData.configTableFieldDisplay = dataFormData.configTableFieldDisplay == 1 ? true : false; dataFormData.configTableFieldDisplay = dataFormData.configTableFieldDisplay == 1 ? true : false;
widthChange(getField(evt.item.id));
form.val('dataForm', getMapBaseConfig(evt.item.id)); form.val('dataForm', getMapBaseConfig(evt.item.id));
form.render(null, 'dataForm'); form.render(null, 'dataForm');
}, },