128 lines
7.6 KiB
HTML
128 lines
7.6 KiB
HTML
<div class="layui-fluid">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header"></div>
|
|
<div class="layui-card-header">
|
|
<div class="form-container">
|
|
<div id="formView"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 表单模板 -->
|
|
<script type="text/html" id="formTpl">
|
|
<div class="layui-tab layui-tab-brief" lay-filter="formTab">
|
|
<ul class="layui-tab-title">
|
|
{{# layui.each(d.groups, function(index, group){ }}
|
|
<li class="{{# if(index === 0){ }}layui-this{{# } }}">{{ group }}</li>
|
|
{{# }); }}
|
|
</ul>
|
|
|
|
<div class="layui-tab-content">
|
|
{{# layui.each(d.groups, function(groupIndex, group){ }}
|
|
<div class="layui-tab-item {{# if(groupIndex === 0){ }}layui-show{{# } }}">
|
|
<form class="layui-form" lay-filter="form-{{ group }}">
|
|
<div class="form-group-title">{{ group }} 设置</div>
|
|
|
|
{{# layui.each(d.data[group], function(fieldIndex, field){ }}
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">{{ field.title }}</label>
|
|
<div class="layui-input-block">
|
|
{{# if(field.type === 'string' || field.type === 'text'){ }}
|
|
<!-- 文本输入框 -->
|
|
<input type="text"
|
|
name="{{ field.name }}"
|
|
value="{{ field.value || '' }}"
|
|
placeholder="{{ field.tip || '请输入' + field.title }}"
|
|
class="layui-input"
|
|
{{# if(field.rule === 'required'){ }}lay-verify="required"{{# } }}>
|
|
|
|
{{# } else if(field.type === 'textarea'){ }}
|
|
<!-- 文本域 -->
|
|
<textarea name="{{ field.name }}"
|
|
placeholder="{{ field.tip || '请输入' + field.title }}"
|
|
class="layui-textarea"
|
|
{{# if(field.rule === 'required'){ }}lay-verify="required"{{# } }}>{{ field.value || '' }}</textarea>
|
|
|
|
{{# } else if(field.type === 'select'){ }}
|
|
<!-- 下拉选择框 -->
|
|
<select name="{{ field.name }}"
|
|
{{# if(field.rule === 'required'){ }}lay-verify="required"{{# } }}>
|
|
<option value="">请选择{{ field.title }}</option>
|
|
{{#
|
|
var options = field.content ? field.content.split(',') : [];
|
|
layui.each(options, function(optIndex, option){
|
|
}}
|
|
<option value="{{ option }}" {{# if(field.value == option){ }}selected{{# } }}>{{ option }}</option>
|
|
{{# }); }}
|
|
</select>
|
|
|
|
{{# } else if(field.type === 'checkbox'){ }}
|
|
<!-- 复选框 -->
|
|
{{#
|
|
var checkboxes = field.content ? field.content.split(',') : [];
|
|
layui.each(checkboxes, function(cbIndex, cbValue){
|
|
}}
|
|
<input type="checkbox"
|
|
name="{{ field.name }}"
|
|
title="{{ cbValue }}"
|
|
value="{{ cbValue }}"
|
|
{{# if(field.value && field.value.indexOf(cbValue) !== -1){ }}checked{{# } }}
|
|
lay-skin="primary">
|
|
{{# }); }}
|
|
|
|
{{# } else if(field.type === 'radio'){ }}
|
|
<!-- 单选框 -->
|
|
{{#
|
|
var radios = field.content ? field.content.split(',') : [];
|
|
layui.each(radios, function(rdIndex, rdValue){
|
|
}}
|
|
<input type="radio"
|
|
name="{{ field.name }}"
|
|
title="{{ rdValue }}"
|
|
value="{{ rdValue }}"
|
|
{{# if(field.value == rdValue){ }}checked{{# } }}>
|
|
{{# }); }}
|
|
|
|
{{# } else if(field.type === 'number'){ }}
|
|
<!-- 数字输入框 -->
|
|
<input type="number"
|
|
name="{{ field.name }}"
|
|
value="{{ field.value || '' }}"
|
|
placeholder="{{ field.tip || '请输入' + field.title }}"
|
|
class="layui-input"
|
|
{{# if(field.rule === 'required'){ }}lay-verify="required|number"{{# } }}>
|
|
|
|
{{# } else if(field.type === 'date'){ }}
|
|
<!-- 日期选择器 -->
|
|
<input type="text"
|
|
name="{{ field.name }}"
|
|
value="{{ field.value || '' }}"
|
|
placeholder="{{ field.tip || '请选择日期' }}"
|
|
class="layui-input"
|
|
id="date-{{ field.id }}">
|
|
{{# } }}
|
|
|
|
{{# if(field.tip){ }}
|
|
<div class="form-item-tip">{{ field.tip }}</div>
|
|
{{# } }}
|
|
</div>
|
|
</div>
|
|
{{# }); }}
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button type="button" class="layui-btn" lay-submit lay-filter="submit-{{ group }}">保存设置</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{# }); }}
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script>
|
|
layui.use('configure')
|
|
</script>
|