<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
<title>表单字段配置</title>
|
<link rel="stylesheet" href="static/plugins/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" href="static/plugins/ueditor-formdesign/js/ueditor/formdesign/bootstrap/css/bootstrap.css">
|
<!--[if lte IE 6]>
|
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
|
<![endif]-->
|
<!--[if lte IE 7]>
|
<link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
|
<![endif]-->
|
<link rel="stylesheet" href="static/plugins/ueditor-formdesign/js/ueditor/formdesign/leipi.style.css">
|
<script type="text/javascript" src="static/plugins/ueditor-formdesign/js/ueditor/dialogs/internal.js"></script>
|
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/main.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/jquery.steps.css" type="text/css">
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-datagrid-dnd/datagrid-dnd.js"></script>
|
<script src="static/plugins/ace/src-noconflict/ace.js" type="text/javascript"></script>
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<script type="text/javascript">
|
|
function createElement(type, name) {
|
var element = null;
|
try {
|
element = document.createElement('<' + type + ' name="' + name + '">');
|
} catch (e) {
|
}
|
if (element == null) {
|
element = document.createElement(type);
|
element.name = name;
|
}
|
return element;
|
}
|
</script>
|
|
|
</head>
|
|
<body>
|
<div class="content">
|
<table class="table table-bordered table-striped table-hover">
|
<tr>
|
<th>
|
<span>所属表名</span>
|
</th>
|
<th width="50%">
|
<span>字段名称</span>
|
<span class="label label-important">*</span>
|
</th>
|
</tr>
|
<tr>
|
<td>
|
<div class="input-group">
|
<input type="text" id="orgtablename" class="form-control" value="${formColumn.tableName}">
|
<span class="input-group-btn">
|
<button class="btn btn-default" onclick="selectTable()">选表</button>
|
</span>
|
</div>
|
</td>
|
<td>
|
<div class="input-group">
|
<input type="text" id="orgname" class="form-control" placeholder="必填项">
|
<span class="input-group-btn">
|
<button class="btn btn-default" id="selectField" onclick="selectColumn()">选字段</button>
|
</span>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<th>
|
<span>显示名称</span>
|
</th>
|
<th>
|
<span>获取类型</span>
|
</th>
|
</tr>
|
<tr>
|
<td>
|
<input type="text" id="orgdisplayname" class="form-control" value="流水号新增保存后自动生成">
|
</td>
|
<td>
|
<select id="orgtype" class="form-control">
|
<option value="0" selected>新增保存后自动生成</option>
|
<option value="1">手动生成</option>
|
<option value="2">人工取号</option>
|
</select>
|
|
</td>
|
</tr>
|
|
|
<tr>
|
|
<th>
|
<span>可见性 唯一性& & 必填性 & 可编辑性 </span>
|
</th>
|
<th>
|
编号配置
|
</th>
|
</tr>
|
<tr>
|
|
<td>
|
|
<label class="checkbox-inline">
|
<input id="orghide" type="checkbox"/> 隐藏 </label>
|
<label class="checkbox-inline">
|
<input id="orgunique" type="checkbox"/> 唯一 </label>
|
<label class="checkbox-inline">
|
<input id="orgrequired" type="checkbox"/> 必填 </label>
|
<label class="checkbox-inline">
|
<input id="orgedit" type="checkbox" disabled/> 编辑 </label>
|
|
</td>
|
<td>
|
<select id="orgnumber" class="form-control">
|
|
</select>
|
</td>
|
</tr>
|
<tr>
|
|
|
</tr>
|
|
|
</table>
|
</div>
|
<script type="text/javascript">
|
var oNode = null, thePlugins = 'serial';
|
var gNumber = "";
|
window.onload = function () {
|
if (UE.plugins[thePlugins].editdom) {
|
oNode = UE.plugins[thePlugins].editdom;
|
|
var gName = oNode.getAttribute('name').replace(/"/g, "\""), gHidden = oNode.getAttribute('orghide'),
|
gType = oNode.getAttribute('orgtype'), gUnique = oNode.getAttribute('orgunique'),
|
gRequired = oNode.getAttribute('orgrequired'), gEdit = oNode.getAttribute('orgedit'),
|
gTableName = oNode.getAttribute('orgtablename'),
|
gDisplayName = oNode.getAttribute('placeholder');
|
|
gNumber = oNode.getAttribute("orgnumber");
|
gName = gName == null ? '' : gName;
|
gDisplayName = gDisplayName == null ? '' : gDisplayName;
|
|
$G('orgname').value = gName;
|
$G('orgdisplayname').value = gDisplayName;
|
|
if (gHidden == '1') {
|
$G('orghide').checked = true;
|
}
|
|
|
$G('orgtype').value = gType;
|
$G('orgnumber').value = gNumber;
|
$G('orgtablename').value = gTableName;
|
|
gRequired == "1" ? $G('orgrequired').checked = true : $G('orgrequired').checked = false;
|
gUnique == "1" ? $G('orgunique').checked = true : $G('orgunique').checked = false;
|
gEdit == "1" ? $G('orgedit').checked = true : $G('orgedit').checked = false;
|
}
|
loadCoding();
|
}
|
dialog.oncancel = function () {
|
if (UE.plugins[thePlugins].editdom) {
|
delete UE.plugins[thePlugins].editdom;
|
}
|
};
|
dialog.onok = function () {
|
if ($G('orgname').value == '') {
|
wcp.notify.warn('请输入字段名称！');
|
return false;
|
}
|
var gName = $G('orgname').value.replace(/\"/g, """), gType = $G('orgtype').value, gEdit = $G('orgedit'),
|
gRequired = $G("orgrequired"), gTableName = $G('orgtablename').value, gUnique = $G("orgunique"),
|
gDisplayName = $G("orgdisplayname").value, gHidden = $G("orghide"), gNumber = $G("orgnumber").value;
|
if (!oNode) {
|
try {
|
oNode = createElement('input', gName);
|
oNode.setAttribute('type', 'text');
|
oNode.setAttribute('title', gDisplayName);
|
oNode.setAttribute('name', gName);
|
oNode.setAttribute('id', gName);
|
oNode.setAttribute('placeholder', gDisplayName);
|
oNode.setAttribute('leipiPlugins', thePlugins);
|
if (!gEdit.checked) {
|
//oNode.setAttribute('readonly', 'readonly');
|
}
|
|
if (gTableName) {
|
oNode.setAttribute('orgtablename', gTableName);
|
}
|
if (gName) {
|
oNode.setAttribute('orgname', gName);
|
}
|
if (gDisplayName) {
|
oNode.setAttribute('orgdisplayname', gDisplayName);
|
}
|
|
if (gType != '') {
|
oNode.setAttribute('orgtype', gType);
|
|
}
|
if (gNumber != '') {
|
oNode.setAttribute('orgnumber', gNumber);
|
}
|
|
if (gEdit.checked) {
|
oNode.setAttribute('orgedit', "1");
|
} else {
|
oNode.setAttribute('orgedit', "0");
|
}
|
if (gRequired.checked) {
|
oNode.setAttribute('orgrequired', "1");
|
} else {
|
oNode.setAttribute('orgrequired', "0");
|
}
|
if (gUnique.checked) {
|
oNode.setAttribute('orgunique', "1");
|
} else {
|
oNode.setAttribute('orgunique', "0");
|
}
|
if (gHidden.checked) {
|
oNode.setAttribute('orghide', "1");
|
} else {
|
oNode.setAttribute('orghide', "0");
|
}
|
|
|
//oNode.setAttribute('style',style );
|
//oNode.style.cssText=style;//ie7
|
editor.execCommand('insertHtml', oNode.outerHTML);
|
} catch (e) {
|
try {
|
editor.execCommand('error');
|
} catch (e) {
|
alert('控件异常，请联系管理员！');
|
}
|
return false;
|
}
|
} else {
|
|
//oNode.setAttribute('title', gTitle);
|
oNode.setAttribute('title', gDisplayName);
|
|
oNode.setAttribute('name', gName);
|
oNode.setAttribute('id', gName);
|
|
oNode.setAttribute('placeholder', gDisplayName);
|
|
if (gTableName) {
|
oNode.setAttribute('orgtablename', gTableName);
|
} else {
|
oNode.setAttribute('orgtablename', "");
|
}
|
if (gName) {
|
oNode.setAttribute('orgname', gName);
|
} else {
|
oNode.setAttribute('orgname', "");
|
}
|
if (gDisplayName) {
|
oNode.setAttribute('orgdisplayname', gDisplayName);
|
} else {
|
oNode.setAttribute('orgdisplayname', "");
|
}
|
|
|
if (!gEdit.checked) {
|
//oNode.setAttribute('disabled', "disabled");
|
}
|
|
if (gRequired.checked) {
|
oNode.setAttribute('orgrequired', "1");
|
} else {
|
oNode.setAttribute('orgrequired', "0");
|
}
|
|
if (gUnique.checked) {
|
oNode.setAttribute('orgunique', "1");
|
} else {
|
oNode.setAttribute('orgunique', "0");
|
}
|
|
if (gHidden.checked) {
|
oNode.setAttribute('orghide', "1");
|
} else {
|
oNode.setAttribute('orghide', "0");
|
}
|
if (gType != '') {
|
oNode.setAttribute('orgtype', gType);
|
//var className = getDateClass(gType);
|
//oNode.setAttribute('class', className);
|
} else {
|
oNode.setAttribute('orgtype', '');
|
}
|
|
if (gNumber != '') {
|
oNode.setAttribute('orgnumber', gNumber);
|
}
|
|
if (gEdit.checked) {
|
oNode.setAttribute('orgedit', "1");
|
} else {
|
oNode.setAttribute('orgedit', "0");
|
}
|
|
|
delete UE.plugins[thePlugins].editdom;
|
}
|
};
|
|
|
function openSelectField() {
|
top.layer.open({
|
title: "选择表字段",
|
type: 2,
|
area: ['1000px', '600px'],
|
fixed: false, //不固定
|
content: '/select/selectField.html'
|
});
|
|
}
|
|
//选择表
|
function selectTable() {
|
var multiSelect = false;
|
wcp.picker.selectTable({
|
title: "请选择表",
|
multiSelect: multiSelect,
|
layerOpener: window
|
}, function (rows) {
|
var selectedTables = "";
|
$.each(rows, function (index, value) {
|
selectedTables += value.tableName + ',';
|
});
|
selectedTables = selectedTables.substr(0, selectedTables.length - 1);
|
$('#orgtablename').val(selectedTables);
|
});
|
}
|
|
//选择字段
|
function selectColumn() {
|
var tableNames = $('#orgtablename').val();
|
var multiSelect = false;
|
wcp.picker.selectTableColumn({
|
title: "请选择字段",
|
tableName: tableNames,
|
multiSelect: multiSelect,
|
layerOpener: window
|
}, function (rows) {
|
var selectedColumns = "";
|
var selectedDisplayName = "";
|
$.each(rows, function (index, value) {
|
selectedColumns += value.columnName + ',';
|
selectedDisplayName += value.displayName + ',';
|
});
|
selectedColumns = selectedColumns.substr(0, selectedColumns.length - 1);
|
selectedDisplayName = selectedDisplayName.substr(0, selectedDisplayName.length - 1);
|
$('#orgname').val(selectedColumns);
|
$('#orgdisplayname').val(selectedDisplayName);
|
});
|
}
|
|
//绑定编码列表
|
function loadCoding() {
|
$.ajax({
|
type: 'POST',
|
contentType: "application/json; charset=utf-8",
|
url: "config/coding/getCodingList?moduleId=${moduleId}",
|
dataType: 'json',
|
success: function (datas) {
|
var option = "<option value=\"0\">==请选择编码格式==</option> ";
|
for (var num = 0; num < datas.length; num++) {
|
if (gNumber == datas[num].codingId) {
|
option += "<option value=\"" + datas[num].codingId + "\" selected>" + datas[num].codingName + "</option>";
|
} else {
|
option += "<option value=\"" + datas[num].codingId + "\">" + datas[num].codingName + "</option>";
|
}
|
}
|
$('#orgnumber').html(option);
|
}
|
});
|
}
|
</script>
|
</body>
|
|
</html>
|
