代码生成:新增表单(1列、2列、3列)布局选项的快速选择,相比列设置栅格,更便于操作和理解

This commit is contained in:
thinkgem
2021-10-22 09:53:34 +08:00
parent ef41c51275
commit eaf53cf9fa
2 changed files with 28 additions and 19 deletions

View File

@@ -506,7 +506,7 @@ public class InitCoreData extends BaseInitDataTests {
){ ){
column.setQueryType("LIKE"); column.setQueryType("LIKE");
column.getOptionMap().put("isNewLine", Global.YES); column.getOptionMap().put("isNewLine", Global.YES);
column.getOptionMap().put("gridRowCol", "12/2/10"); // column.getOptionMap().put("gridRowCol", "12/2/10");
} }
else if ("test_select".equals(column.getColumnName()) else if ("test_select".equals(column.getColumnName())
|| "test_select_multiple".equals(column.getColumnName()) || "test_select_multiple".equals(column.getColumnName())

View File

@@ -1,5 +1,12 @@
<% <%
var rowFlag = -1, preGridRowCol; var rowFlag = -1, preGridRowCol, txtGridRowCol;
if (table.optionMap['formColNum'] == "1") {
txtGridRowCol = ['col-xs-12', 'col-sm-2', 'col-sm-8'];
} else if (table.optionMap['formColNum'] == "3") {
txtGridRowCol = ['col-xs-12', 'col-sm-2 col-sm-9-1', 'col-sm-10 col-sm-9-8'];
} else {
txtGridRowCol = ['col-xs-12', 'col-sm-2', 'col-sm-10'];
}
for (c in table.columnList){ for (c in table.columnList){
if (c.isEdit == '1' || c.isPk == '1'){ if (c.isEdit == '1' || c.isPk == '1'){
// 如果是树结构的字段,则自动忽略 // 如果是树结构的字段,则自动忽略
@@ -15,13 +22,15 @@
// 输出表单字段 // 输出表单字段
else{ else{
// 栅格参数获取 // 栅格参数获取
var gridRowCol = @StringUtils.split(c.optionMap['gridRowCol'], '/'); var gridRowCol = null;
if (isBlank(gridRowCol) || gridRowCol.~size != 3){ if (c.showType == 'textarea') {
if (c.showType == 'textarea'){ gridRowCol = txtGridRowCol;
gridRowCol = @StringUtils.split('12/2/10', '/'); } else if (table.optionMap['formColNum'] == "1") {
}else{ gridRowCol = ['col-xs-12', 'col-sm-2', 'col-sm-4'];
gridRowCol = @StringUtils.split('6/4/8', '/'); } else if (table.optionMap['formColNum'] == "3") {
} gridRowCol = ['col-xs-4', 'col-sm-4', 'col-sm-8'];
} else {
gridRowCol = ['col-xs-6', 'col-sm-4', 'col-sm-8'];
} }
// 是否强制新行获取,生成字段界面用户设定的 // 是否强制新行获取,生成字段界面用户设定的
var isNewLine = @Global.YES.equals(c.optionMap['isNewLine']); var isNewLine = @Global.YES.equals(c.optionMap['isNewLine']);
@@ -31,7 +40,7 @@
} }
} }
// 如果上一个控件占12列则强制新行算了 // 如果上一个控件占12列则强制新行算了
if (isNotEmpty(preGridRowCol) && preGridRowCol[0] == '12'){ if (isNotEmpty(preGridRowCol) && preGridRowCol[0] == 'col-xs-12'){
isNewLine = true; isNewLine = true;
} }
// 保存上一个控件输出栅格对象 // 保存上一个控件输出栅格对象
@@ -71,11 +80,11 @@
} }
// 开始输出控件 // 开始输出控件
%> %>
<div class="col-xs-${gridRowCol[0]}"> <div class="${gridRowCol[0]}">
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-${gridRowCol[1]}" title=""> <label class="control-label ${gridRowCol[1]}" title="">
<span class="required ${c.isNull == '1' ? 'hide' : ''}">*</span> \${text('${c.columnLabel}')}<i class="fa icon-question hide"></i></label> <span class="required ${c.isNull == '1' ? 'hide' : ''}">*</span> \${text('${c.columnLabel}')}<i class="fa icon-question hide"></i></label>
<div class="col-sm-${gridRowCol[2]}"> <div class="${gridRowCol[2]}">
<% <%
var attrs = ''; var attrs = '';
if (c.dataLength != '0'){ if (c.dataLength != '0'){
@@ -171,11 +180,11 @@
if(toBoolean(table.optionMap['isImageUpload'])){ if(toBoolean(table.optionMap['isImageUpload'])){
%> %>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="${txtGridRowCol[0]}">
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-2"> <label class="control-label ${txtGridRowCol[1]}">
<span class="required hide">*</span> \${text('图片上传')}</label> <span class="required hide">*</span> \${text('图片上传')}</label>
<div class="col-sm-10"> <div class="${txtGridRowCol[2]}">
<${'#'}form:fileupload id="uploadImage" bizKey="\${${className}.id}" bizType="${className}_image" <${'#'}form:fileupload id="uploadImage" bizKey="\${${className}.id}" bizType="${className}_image"
uploadType="image" class="" readonly="false" preview="true"/> uploadType="image" class="" readonly="false" preview="true"/>
</div> </div>
@@ -188,11 +197,11 @@
if(toBoolean(table.optionMap['isFileUpload'])){ if(toBoolean(table.optionMap['isFileUpload'])){
%> %>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="${txtGridRowCol[0]}">
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-2"> <label class="control-label ${txtGridRowCol[1]}">
<span class="required hide">*</span> \${text('附件上传')}</label> <span class="required hide">*</span> \${text('附件上传')}</label>
<div class="col-sm-10"> <div class="${txtGridRowCol[2]}">
<${'#'}form:fileupload id="uploadFile" bizKey="\${${className}.id}" bizType="${className}_file" <${'#'}form:fileupload id="uploadFile" bizKey="\${${className}.id}" bizType="${className}_file"
uploadType="all" class="" readonly="false" preview="true"/> uploadType="all" class="" readonly="false" preview="true"/>
</div> </div>