123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389 |
- <!DOCTYPE html>
- <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
- <head>
- <th:block th:include="include :: header('修改${functionName}')" />
- #foreach($column in $columns)
- #if($column.edit && !$column.superColumn && !$column.pk && $column.htmlType == "datetime")
- <th:block th:include="include :: datetimepicker-css" />
- #break
- #end
- #end
- #foreach($column in $columns)
- #if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "upload")
- <th:block th:include="include :: bootstrap-fileinput-css"/>
- #break
- #end
- #end
- #foreach($column in $columns)
- #if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "summernote")
- <th:block th:include="include :: summernote-css" />
- #break
- #end
- #end
- </head>
- <body class="white-bg">
- <div class="wrapper wrapper-content animated fadeInRight ibox-content">
- <form class="form-horizontal m" id="form-${businessName}-edit" th:object="${${className}}">
- #if($table.sub)
- <h4 class="form-header h4">${functionName}信息</h4>
- #end
- <input name="${pkColumn.javaField}" th:field="*{${pkColumn.javaField}}" type="hidden">
- #foreach($column in $columns)
- #if($column.edit && !$column.pk)
- #if(($column.usableColumn) || (!$column.superColumn))
- #set($parentheseIndex=$column.columnComment.indexOf("("))
- #if($parentheseIndex != -1)
- #set($comment=$column.columnComment.substring(0, $parentheseIndex))
- #else
- #set($comment=$column.columnComment)
- #end
- #set($field=$column.javaField)
- #set($dictType=$column.dictType)
- #if("" != $treeParentCode && $column.javaField == $treeParentCode)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <div class="input-group">
- #set($BusinessName=$businessName.substring(0,1).toUpperCase() + ${businessName.substring(1)})
- <input id="treeId" name="${treeParentCode}" type="hidden" th:field="*{${treeParentCode}}" />
- <input class="form-control" type="text" onclick="select${BusinessName}Tree()" id="treeName" readonly="true" th:field="*{parentName}"#if($column.required) required#end>
- <span class="input-group-addon"><i class="fa fa-search"></i></span>
- </div>
- </div>
- </div>
- #elseif($column.htmlType == "input")
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <input name="${field}" th:field="*{${field}}" class="form-control" type="text"#if($column.required) required#end>
- </div>
- </div>
- #elseif($column.htmlType == "upload")
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <input type="hidden" name="${field}" th:field="*{${field}}">
- <div class="file-loading">
- <input class="form-control file-upload" id="${field}" name="file" type="file">
- </div>
- </div>
- </div>
- #elseif($column.htmlType == "summernote")
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <input type="hidden" class="form-control" th:field="*{${field}}">
- <div class="summernote" id="${field}"></div>
- </div>
- </div>
- #elseif($column.htmlType == "select" && "" != $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <select name="${field}" class="form-control m-b" th:with="type=${@dict.getType('${dictType}')}"#if($column.required) required#end>
- <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{${field}}"></option>
- </select>
- </div>
- </div>
- #elseif($column.htmlType == "select" && $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <select name="${field}" class="form-control m-b"#if($column.required) required#end>
- <option value="">所有</option>
- </select>
- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
- </div>
- </div>
- #elseif($column.htmlType == "checkbox" && "" != $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8" th:with="type=${@dict.getType('${dictType}')}">
- <label th:each="dict : ${type}" class="check-box">
- <input name="${field}" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}" th:attr="checked=${${className}.${field}.contains(dict.dictValue)?true:false}"#if($column.required) required#end>
- </label>
- </div>
- </div>
- #elseif($column.htmlType == "checkbox" && $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <label class="check-box">
- <input name="${field}" type="checkbox"#if($column.required) required#end> 无
- </label>
- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
- </div>
- </div>
- #elseif($column.htmlType == "radio" && "" != $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <div class="radio-box" th:each="dict : ${@dict.getType('${dictType}')}">
- <input type="radio" th:id="${'${field}_' + dict.dictCode}" name="${field}" th:value="${dict.dictValue}" th:field="*{${field}}"#if($column.required) required#end>
- <label th:for="${'${field}_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
- </div>
- </div>
- </div>
- #elseif($column.htmlType == "radio" && $dictType)
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <div class="radio-box">
- <input type="radio" name="${field}" value=""#if($column.required) required#end>
- <label th:for="${field}" th:text="未知"></label>
- </div>
- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
- </div>
- </div>
- #elseif($column.htmlType == "datetime")
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <div class="input-group date">
- <input name="${field}" th:value="${#dates.format(${className}.${field}, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text"#if($column.required) required#end>
- <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
- </div>
- </div>
- </div>
- #elseif($column.htmlType == "textarea")
- <div class="form-group">
- <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}:</label>
- <div class="col-sm-8">
- <textarea name="${field}" class="form-control"#if($column.required) required#end>[[*{${field}}]]</textarea>
- </div>
- </div>
- #end
- #end
- #end
- #end
- #if($table.sub)
- <h4 class="form-header h4">${subTable.functionName}信息</h4>
- <div class="row">
- <div class="col-sm-12">
- <button type="button" class="btn btn-white btn-sm" onclick="addColumn()"><i class="fa fa-plus"> 增加</i></button>
- <button type="button" class="btn btn-white btn-sm" onclick="sub.delColumn()"><i class="fa fa-minus"> 删除</i></button>
- <div class="col-sm-12 select-table table-striped">
- <table id="bootstrap-table"></table>
- </div>
- </div>
- </div>
- #end
- </form>
- </div>
- <th:block th:include="include :: footer" />
- #foreach($column in $columns)
- #if($column.edit && !$column.superColumn && !$column.pk && $column.htmlType == "datetime")
- <th:block th:include="include :: datetimepicker-js" />
- #break
- #end
- #end
- #foreach($column in $columns)
- #if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "upload")
- <th:block th:include="include :: bootstrap-fileinput-js"/>
- #break
- #end
- #end
- #foreach($column in $columns)
- #if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "summernote")
- <th:block th:include="include :: summernote-js" />
- #break
- #end
- #end
- <script th:inline="javascript">
- var prefix = ctx + "${moduleName}/${businessName}";
- #if($table.sub)
- #foreach($column in $subTable.columns)
- #if(${column.dictType} != '')
- var ${column.javaField}Datas = [[${@dict.getType('${column.dictType}')}]];
- #end
- #end
- #end
- $("#form-${businessName}-edit").validate({
- focusCleanup: true
- });
- function submitHandler() {
- if ($.validate.form()) {
- $.operate.save(prefix + "/edit", $('#form-${businessName}-edit').serialize());
- }
- }
- #foreach($column in $columns)
- #if($column.edit && !$column.superColumn && !$column.pk && $column.htmlType == "datetime")
- $("input[name='$column.javaField']").datetimepicker({
- format: "yyyy-mm-dd",
- minView: "month",
- autoclose: true
- });
- #end
- #end
- #foreach($column in $columns)
- #if($column.edit && !$column.superColumn && !$column.pk && $column.htmlType == "upload")
- $(".file-upload").each(function (i) {
- var val = $("input[name='" + this.id + "']").val()
- $(this).fileinput({
- 'uploadUrl': ctx + 'common/upload',
- initialPreviewAsData: true,
- initialPreview: [val],
- maxFileCount: 1,
- autoReplace: true
- }).on('fileuploaded', function (event, data, previewId, index) {
- $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
- }).on('fileremoved', function (event, id, index) {
- $("input[name='" + event.currentTarget.id + "']").val('')
- })
- $(this).fileinput('_initFileActions');
- });
- #break
- #end
- #end
- #foreach($column in $columns)
- #if($column.edit && !$column.superColumn && !$column.pk && $column.htmlType == "summernote")
- $(function() {
- $('.summernote').each(function(i) {
- $('#' + this.id).summernote({
- lang: 'zh-CN',
- callbacks: {
- onChange: function(contents, $edittable) {
- $("input[name='" + this.id + "']").val(contents);
- },
- onImageUpload: function(files) {
- var obj = this;
- var data = new FormData();
- data.append("file", files[0]);
- $.ajax({
- type: "post",
- url: ctx + "common/upload",
- data: data,
- cache: false,
- contentType: false,
- processData: false,
- dataType: 'json',
- success: function(result) {
- if (result.code == web_status.SUCCESS) {
- $('#' + obj.id).summernote('insertImage', result.url);
- } else {
- $.modal.alertError(result.msg);
- }
- },
- error: function(error) {
- $.modal.alertWarning("图片上传失败。");
- }
- });
- }
- }
- });
- var content = $("input[name='" + this.id + "']").val();
- $('#' + this.id).summernote('code', content);
- })
- });
- #break
- #end
- #end
- #if($table.tree)
- /*${functionName}-编辑-选择父${functionName}树*/
- function select${BusinessName}Tree() {
- var options = {
- title: '${functionName}选择',
- width: "380",
- url: prefix + "/select${BusinessName}Tree/" + $("#treeId").val(),
- callBack: doSubmit
- };
- $.modal.openOptions(options);
- }
- function doSubmit(index, layero){
- var body = layer.getChildFrame('body', index);
- $("#treeId").val(body.find('#treeId').val());
- $("#treeName").val(body.find('#treeName').val());
- layer.close(index);
- }
- #end
- #if($table.sub)
- $(function() {
- var options = {
- data: [[${${className}.${subclassName}List}]],
- pagination: false,
- showSearch: false,
- showRefresh: false,
- showToggle: false,
- showColumns: false,
- sidePagination: "client",
- columns: [{
- checkbox: true
- },
- {
- field: 'index',
- align: 'center',
- title: "序号",
- formatter: function (value, row, index) {
- var columnIndex = $.common.sprintf("<input type='hidden' name='index' value='%s'>", $.table.serialNumber(index));
- return columnIndex + $.table.serialNumber(index);
- }
- },
- #foreach($column in $subTable.columns)
- #set($dictType=$column.dictType)
- #set($javaField=$column.javaField)
- #set($parentheseIndex=$column.columnComment.indexOf("("))
- #if($parentheseIndex != -1)
- #set($comment=$column.columnComment.substring(0, $parentheseIndex))
- #else
- #set($comment=$column.columnComment)
- #end
- #if($column.pk || $javaField == ${subTableFkclassName})
- #elseif($column.list && "" != $dictType)
- {
- field: '${javaField}',
- align: 'center',
- title: '${comment}',
- formatter: function(value, row, index) {
- var name = $.common.sprintf("${subclassName}List[%s].${javaField}", index);
- return $.common.dictToSelect(${javaField}Datas, value, name);
- }
- #if($velocityCount != $subTable.columns.size())},#end
- #else
- {
- field: '${javaField}',
- align: 'center',
- title: '${comment}',
- formatter: function(value, row, index) {
- var html = $.common.sprintf("<input class='form-control' type='text' name='${subclassName}List[%s].${javaField}' value='%s'>", index, value);
- return html;
- }
- #if($velocityCount != $subTable.columns.size())},#end
- #end
- #end
- }]
- };
- $.table.init(options);
- });
- function addColumn() {
- var count = $("#" + table.options.id).bootstrapTable('getData').length;
- sub.editColumn();
-
- $("#" + table.options.id).bootstrapTable('insertRow', {
- index: count,
- row: {
- index: $.table.serialNumber(count),
- #foreach($column in $subTable.columns)
- #set($javaField=$column.javaField)
- #if($column.pk || $javaField == ${subTableFkclassName})
- #else
- ${javaField}: ""#if($velocityCount != $subTable.columns.size()),#end
- #end
- #end
- }
- });
- }
- #end
- </script>
- </body>
- </html>
|