<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" layout:decorator="MasterPage/Layout.Empty">
|
<head>
|
<meta charset="UTF-8" />
|
<title>显示格式</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css'}" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/datepicker.css'}" />
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/css/portlet.css'}" />
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/portlet.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.zh-CN.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/layer/layer.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.form-3.51.0.js'}"></script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
display: inline-block;
|
}
|
|
.control-label {
|
padding-top: 0 !important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3,
|
.col-sm-6, .col-sm-12 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.fade {
|
display: none;
|
}
|
|
.in.fade {
|
display: block;
|
}
|
|
.control-group error {
|
border-color: #b94a48;
|
}
|
|
#button {
|
color: #fff !important;
|
background-color: #039cfd !important;
|
border-color: #039cfd !important;
|
}
|
|
img {
|
cursor: pointer;
|
}
|
|
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
|
color: #555;
|
cursor: default;
|
background-color: #fff;
|
border: 1px solid #ddd;
|
border-bottom-color: transparent;
|
}
|
|
. {
|
display: none;
|
}
|
|
.row {
|
padding: 10px;
|
}
|
</style>
|
|
<script th:inline="javascript">
|
$(function () {
|
//读取父页面的值
|
var id = $("#hangshu").val();
|
var ZDGS = parent.$('#ZiDuanGeShi' + id).val();
|
jiazaixuanzekuang(ZDGS);
|
})
|
|
//加载已经选择的框或文字
|
function jiazaixuanzekuang(ZDGS) {
|
if (ZDGS == "{}") {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0 && ZDGS.indexOf(1) > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
$(":radio[name='radio1'][value='1']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0 && ZDGS.indexOf(2) > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
$(":radio[name='radio1'][value='2']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0 && ZDGS.indexOf(3) > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
$(":radio[name='radio1'][value='3']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0 && ZDGS.indexOf(4) > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
$(":radio[name='radio1'][value='4']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("riqi") > 0 && ZDGS.indexOf(5) > 0) {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='erqi']").attr("checked", "checked");
|
$(":radio[name='radio1'][value='5']").attr("checked", "checked");
|
}
|
if (ZDGS.indexOf("xiaoshudian") > 0) {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").show();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='xiaoshudian']").attr("checked", "checked");
|
var arr = ZDGS.split(':');
|
$("#xiaoshudian").val(arr[1].replace('}', '').trim());
|
}
|
if (ZDGS.indexOf("guanlianzidian") > 0) {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").show();
|
$("#div_SQLchaxun").hide();
|
$(":radio[name='type'][value='guanlianzidian']").attr("checked", "checked");
|
var arr = ZDGS.split(':');
|
var ZiDianValue = arr[1].replace('}', '').replace('"', '').replace('"', '').trim();
|
$("#guanlianzidian").val(ZiDianValue);
|
}
|
if (ZDGS.indexOf("SQLchaxun") > 0) {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").show();
|
$(":radio[name='type'][value='SQLchaxun']").attr("checked", "checked");
|
var data = eval('(' + ZDGS + ')');
|
$("#SQLkey").val(data.SQLchaxun[0].SQLkey);
|
$("#SQLtext").val(data.SQLchaxun[0].SQLtext);
|
$("#SQLtable").val(data.SQLchaxun[0].SQLtable);
|
}
|
}
|
|
//切换tab样式 改变
|
function QieHuan(jihuo, leixin) {
|
if (leixin == "erqi") {
|
$("#div_erqi").show();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
}
|
if (leixin == "xiaoshudian") {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").show();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").hide();
|
}
|
if (leixin == "guanlianzidian") {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").show();
|
$("#div_SQLchaxun").hide();
|
}
|
if (leixin == "SQLchaxun") {
|
$("#div_erqi").hide();
|
$("#div_xiaoshudian").hide();
|
$("#div_guanlianzidian").hide();
|
$("#div_SQLchaxun").show();
|
}
|
}
|
|
//保存之后关闭页面，并且讲值保存为json格式传递给父页面
|
function addSave() {
|
var index = parent.layer.getFrameIndex(window.name);
|
//获取选中tab的值
|
var name = $("input[name='type']:checked").val();
|
var ZiDuanGeShi;
|
var json = "{}";
|
|
if (name == "erqi") {
|
//获取选中的值
|
ZiDuanGeShi = $('#div_erqi input[name="radio1"]:checked ').val();
|
if (ZiDuanGeShi != undefined) {
|
json = "{\"riqi\" : " + ZiDuanGeShi + "}";
|
} else {
|
json = "{}";
|
}
|
}
|
if (name == "xiaoshudian") {
|
ZiDuanGeShi = $("#xiaoshudian").val();
|
if (ZiDuanGeShi != "") {
|
json = "{\"xiaoshudian\" : " + ZiDuanGeShi + "}";
|
} else {
|
json = "{}";
|
}
|
}
|
if (name == "guanlianzidian") {
|
ZiDuanGeShi = $("#guanlianzidian option:selected").val();
|
if (ZiDuanGeShi != "--请选择--") {
|
json = "{\"guanlianzidian\" : \"" + ZiDuanGeShi + "\"}";
|
} else {
|
json = "{}";
|
}
|
}
|
if (name == "SQLchaxun") {
|
var SQLkey = $("#SQLkey").val();
|
var SQLtext = $("#SQLtext").val();
|
var SQLtable = $("#SQLtable").val();
|
if (SQLkey != "" && SQLtext != "" && SQLtable != "") {
|
json = "{\"SQLchaxun\": [{\"SQLkey\": \"" + SQLkey + "\", \"SQLtext\": \"" + SQLtext + "\",\"SQLtable\": \"" + SQLtable + "\"}]}";
|
} else {
|
json = "{}";
|
}
|
}
|
var id = $("#hangshu").val();
|
parent.$('#ZiDuanGeShi' + id).val(json);
|
parent.layer.close(index);
|
}
|
|
function joindictionry(data) {
|
$.ajax({
|
url: "/res/ResManage/ResRegister/selectDictionry?key=" + data.value,
|
type: "POST",
|
success: function (result) {
|
var create_div = document.getElementById("create_div");
|
if (create_div) {
|
create_div.parentNode.removeChild(create_div);
|
}
|
var create_div = document.createElement("create_div");
|
create_div.id = "create_div";
|
$("#explain").append(create_div);
|
$("#label_id").css("display", "");
|
var label = "";
|
for (var i in result) {
|
label += "<label class='col-sm-6'>" + "代码：" + i + " , 对应的值为 : " + result[i] + " ;</label>";
|
}
|
$("#create_div").append(label);
|
}
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div id="rapp" layout:fragment="content" style="background-color: #fff;">
|
<input type="hidden" id="hangshu" th:value="${id}">
|
<div id="curtain" style="position:fixed!important;z-index:100;width:100%;height:100%;opacity:0.7;bottom:70px;visibility:collapse;color:white;text-align:center;display:table;">
|
<div id="uploading" style="height:100px;width:200px;background-color:black;color:white;margin:auto;text-align:center;font-size:larger;display:table-cell;vertical-align:middle">
|
上传中
|
</div>
|
</div>
|
<div id="div_content" style="width: 100%;">
|
<div class="tabbable tabbable-custom" id="divTabsView">
|
<div class="tab-content" id="divContent">
|
<div class="tab-pane active" id="tabContent" style="overflow-y: auto;">
|
<div class="row-fluid">
|
<div class="span12">
|
<!--BEGIN TABS-->
|
<div>
|
<table class="table" style="margin-bottom:0px;border-left: 1px solid #ddd;border-right:1px solid #ddd;">
|
<th>
|
<input type="radio" name="type" id="erqi" value="erqi" onclick="QieHuan(this, 'erqi')">日期格式
|
</th>
|
<th>
|
<input type="radio" name="type" value="xiaoshudian" onclick="QieHuan(this, 'xiaoshudian')">小数点位数
|
</th>
|
<th>
|
<input type="radio" name="type" value="guanlianzidian" onclick="QieHuan(this, 'guanlianzidian')">关联字典
|
</th>
|
<th>
|
<input type="radio" name="type" value="SQLchaxun" onclick="QieHuan(this, 'SQLchaxun')">sql查询
|
</th>
|
</table>
|
</div>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top: 1px solid #ddd;">
|
<div id="div_erqi">
|
<table class="table">
|
<tr>
|
<td>
|
<input type="radio" id="rqi2" name="radio1" value="2" /> yyyy-MM-dd HH:mm:ss
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input type="radio" id="rqi1" name="radio1" value="1" /> yyyy-MM-dd
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input type="radio" id="rqi3" name="radio1" value="3" /> yyyy年MM月dd日
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input type="radio" id="rqi4" name="radio1" value="4" />yyyy年MM月
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input type="radio" id="rqi5" name="radio1" value="5" />yyyy年
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div id="div_xiaoshudian">
|
<div class="row">
|
<div class="col-sm-5">
|
<label class="control-label">小数点位数:</label>
|
<div class="controls">
|
<input type="input" class="form-control" id="xiaoshudian" name="xiaoshudian" />
|
<label class="control-label">(按照四舍五入规则)</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="div_guanlianzidian">
|
<div class="row">
|
<div class="col-sm-12">
|
<label class="control-label">关联字典:</label>
|
<div class="controls">
|
<select class="form-control col-sm-7" id="guanlianzidian" name="guanlianzidian" onchange="joindictionry(this);">
|
<option>--请选择--</option>
|
<option th:each="item:${KeyList}" th:value="${item.fkey}" th:text="${item.cname}+'('+${item.remark}+')'"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<label id="label_id" class="control-label" style="display:none">字典配置内容:</label>
|
<div id="explain" class="controls"></div>
|
</div>
|
</div>
|
</div>
|
<div id="div_SQLchaxun">
|
<div class="row">
|
<div class="col-sm-9">
|
<label class="control-label"><span style="color: red;">*</span>关联字段:</label>
|
<div class="controls">
|
<input type="input" class="form-control" id="SQLkey" name="SQLkey" />
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-9">
|
<label class="control-label"><span style="color: red;">*</span>被关联字段:</label>
|
<div class="controls">
|
<input type="input" class="form-control" id="SQLtext" name="SQLtext" />
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-9">
|
<label class="control-label"><span style="color: red;">*</span>被关联表格:</label>
|
<div class="controls">
|
<input type="input" class="form-control" id="SQLtable" name="SQLtable" />
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<label class="control-label"> 说明:</label>
|
<div class="controls">
|
<label class="col-sm-12"> 关联字段：关联表的字段名称(与当前显示格式配置的字段关联查询的字段名称)。</label>
|
<label class="col-sm-12"> 被关联字段：关联表的字段名称。</label>
|
<label class="col-sm-12"> 被关联表格：关联表的表名称。</label>
|
<label class="col-sm-12"> 例 : 关联字段userid,被关联字段username,被关联表格user,表示当前表配置显示格式的字段<br /> 需关联user表的userid字段查询,显示的值为username</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button class="btn btn-primary" id="addSave" type="button" onclick="addSave()">
|
<i class="fa fa-check"></i> 保存
|
</button>
|
<button th:if="${not #lists.isEmpty(resMainInfoId)}" class="btn btn-danger" id="ZhuanTiDiTuDelete" type="button">
|
<i class="fa fa-trash-o"></i> 删除
|
</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
