<!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"/>
|
<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} + 'media/js/jquery.form-3.51.0.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/jquery.validate.min.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/messages_zh.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/additional-methods.min.js'}"
|
type="text/javascript"></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: 94px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 94px;
|
}
|
|
.row {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.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;
|
}
|
|
.x-grid-view {
|
overflow: hidden !important;
|
}
|
|
.x-body {
|
overflow-x: hidden;
|
}
|
</style>
|
|
<script>
|
function getChartcontent() {
|
$("#div_id").css("display", "");
|
setTimeout('getData()', 3000);//延迟三秒
|
}
|
|
function getData() {
|
var url = $("#templateParamsURL").val();
|
var rtname = parent.$("#rtname").val();
|
if (rtname == '') {
|
alert("模板名称为空！");
|
$("#div_id").css("display", "none");
|
return;
|
}
|
var exist = 'false';
|
$.ajax({
|
url: url,
|
type: 'POST',
|
async: false,
|
dataType: 'json',
|
success: function (data) {
|
var jsonarray = data.results[0].value;
|
for (var i = 0; i < jsonarray.length; i++) {
|
var layoutTemplate = jsonarray[i].layoutTemplate;
|
if (rtname == layoutTemplate) {
|
exist = true;
|
$("#div_id").css("display", "none");
|
$("#tr_id").css("display", "none");
|
var layoutOptions = jsonarray[i].layoutOptions;
|
var pageSize = jsonarray[i].pageSize;
|
var pageSizeWidth = pageSize[0];
|
var pageSizeHight = pageSize[1];
|
parent.$("#mapwidth").val(pageSizeWidth);
|
parent.$("#mapheight").val(pageSizeHight);
|
var customTextElements = layoutOptions.customTextElements;
|
for (var m = 0; m < customTextElements.length; m++) {
|
for (var p in customTextElements[m]) {
|
var pValue = customTextElements[m][p];
|
addTable(p, pValue);
|
}
|
}
|
}
|
}
|
if (exist == 'false') {
|
$("#div_id").css("display", "none");
|
alert("无法获取到该模板参数,请刷新服务!");
|
}
|
},
|
error: function () {
|
$("#div_id").css("display", "none");
|
alert("请求失败,网络异常！");
|
}
|
})
|
|
}
|
|
var index = 0;
|
|
function addTable(paramname,chinesename) {
|
index++;
|
var tr = "<tr>" +
|
"<td class='index'>"+
|
"<input name='paramname' value='" + paramname + "'" + "class='form-control col-sm-12' />"+
|
"</td>" +
|
|
"<td class='index'>"+
|
"<input name='chinesename' value='" + chinesename + "'" + "class='form-control col-sm-12' />"+
|
"</td>" +
|
|
"<td class='index'><input name='defaultvalue' class='form-control col-sm-7' onfocus='show(this)'/>" +
|
"<select class='form-control col-sm-3' name='selectname' onchange='setDefault(this)' style='display:none'>" +
|
"<option value=''>请选择</option>" +
|
"<option value='{username}'>用户名称</option>" +
|
"<option value='{company}'>所属单位</option>" +
|
"<option value='{sheetid}'>图幅编号</option>" +
|
"<option value='{nowdate}'>当前时间</option>" +
|
"</select>" +
|
"</td>" +
|
|
"<td>" +
|
"<input name='read_only" + index + "' type='radio' value='true'/>是 " +
|
"<input name='read_only" + index + "' type='radio' value='false' checked='checked'/>否" +
|
"</td>" +
|
|
"<td>" +
|
"<img src='" + "/image/wrong.gif" + "' alt='删除' style='cursor:pointer;' onclick='delTable(this)' /> " +
|
"<img src='/image/down.gif' onclick='check(this,'MoveDown')' style='cursor:pointer;'/> " +
|
"<img src='/image/up.gif' onclick='check(this,'MoveUp')' style='cursor:pointer;'/>" +
|
"</td>" +
|
"</tr>";
|
$("#tbody").append(tr);
|
}
|
|
function delTable(obj) {
|
var tr = obj.parentNode.parentNode;
|
var tbody = tr.parentNode;
|
tbody.removeChild(tr);
|
}
|
|
var count = 0;
|
|
function saveChartcontent() {
|
var chartcontentConfig = "[";
|
var falg = false;
|
var contexts = $("input[name='chinesename']");
|
if (contexts.length > 0) {
|
for (var i = 0; i < contexts.length; i++) {
|
var row = $(contexts[i]).parent("td").parent("tr");
|
var chinesename = row.find("[name='chinesename']").val();
|
var paramname = row.find("[name='paramname']").val();
|
var defaultvalue = row.find("[name='defaultvalue']").val();
|
var readonly = row.find("input[type='radio']:checked").val();
|
if (chinesename != '' && paramname != '') {
|
count++;
|
falg = true;
|
chartcontentConfig += "{chinesename:\"" + chinesename + "\"," + "paramname:\"" + paramname + "\"," + "defaultvalue:\"" + defaultvalue + "\"," + "order:\"readonly" + count + "\"," + "readonly:" + (readonly == "true" ? true : false) + "}";
|
if (i != contexts.length - 1) {
|
chartcontentConfig += ",";
|
}
|
}
|
//防最后一条为无效数据,去掉逗号
|
if (i == contexts.length - 1 && chinesename == '' && paramname == '') {
|
chartcontentConfig = chartcontentConfig.substr(0, chartcontentConfig.length - 1);
|
}
|
}
|
}
|
chartcontentConfig += "]";
|
if (falg) {
|
parent.$("#chartcontent").text(chartcontentConfig);
|
} else {
|
parent.$("#chartcontent").text('');
|
}
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
}
|
|
function check(obj, oper) {
|
var data_tr = $(obj).parent().parent(); //获取到触发的tr
|
if (oper == "MoveUp") { //向上移动
|
if ($(data_tr).prev().html() == null) { //获取tr的前一个相同等级的元素是否为空
|
alert("已经是最顶部了!");
|
return;
|
} else {
|
$(data_tr).insertBefore($(data_tr).prev()); //将本身插入到目标tr的前面
|
}
|
} else {
|
if ($(data_tr).next().html() == null) {
|
alert("已经是最低部了!");
|
return;
|
} else {
|
$(data_tr).insertAfter($(data_tr).next()); //将本身插入到目标tr的后面
|
}
|
}
|
}
|
|
function show(obj) {
|
var row = $(obj).parent("td").parent("tr");
|
row.find("[name='selectname']").show();
|
}
|
|
function setDefault(obj) {
|
var row = $(obj).parent("td").parent("tr");
|
row.find("[name='defaultvalue']").val(obj.value);
|
}
|
|
</script>
|
</head>
|
<body layout:fragment="content">
|
<div class="portlet box ltblue" style="margin-bottom: 0px !important;border:none;width:100%;">
|
<div class="portlet-body">
|
<div id="div_id" style="text-align:center;display:none">
|
<img src="/image/loading.gif" alt='正在加载'/>
|
</div>
|
<input type="hidden" id="templateParamsURL" name="templateParamsURL" th:value="${templateParamsURL}"/>
|
<table id="sort" class="table table-bordered table-hover">
|
<thead>
|
<tr>
|
<th style="width:15%">参数id</th>
|
<th style="width:15%">参数名称</th>
|
<th style="width:40%">默认值</th>
|
<th style="width:15%">是否只读</th>
|
<th style="width:15%">操作 <img id="tdOper" src="/image/Plus.gif" onclick="addTable('','')" style="cursor:pointer;"/></th>
|
</tr>
|
</thead>
|
<tbody id="tbody">
|
<tr th:each="json,jsonStat:${jsonArray}">
|
<td><input name="paramname" th:value="${json.paramname}" class="form-control col-sm-12"/></td>
|
<td class="index"><input name="chinesename" th:value="${json.chinesename}" class="form-control col-sm-12"/>
|
</td>
|
<td class="index">
|
<input name="defaultvalue" th:value="${json.defaultvalue}" class="form-control col-sm-7" onfocus="show(this)"/>
|
<select class="form-control col-sm-3" name="selectname" onchange="setDefault(this)" style="display:none">
|
<option value="">请选择</option>
|
<option value="{username}">用户名称</option>
|
<option value="{company}">所属单位</option>
|
<option value="{sheetid}">图幅编号</option>
|
<option value="{nowdate}">当前时间</option>
|
</select>
|
</td>
|
<td>
|
<input th:name="${json.order}" type="radio" value="true" th:checked="${json.readonly == true?'true':'false'}"/>是
|
<input th:name="${json.order}" type="radio" value="false" th:checked="${json.readonly == false?'true':'false'}"/>否
|
</td>
|
<td class="index">
|
<img src="/image/wrong.gif" alt='删除' style='cursor:pointer;' onclick='delTable(this)'/>
|
<img src="/image/down.gif" onclick="check(this,'MoveDown')" style="cursor:pointer;"/>
|
<img src="/image/up.gif" onclick="check(this,'MoveUp')" style="cursor:pointer;"/>
|
</td>
|
</tr>
|
<tr id="tr_id">
|
<td class="index">
|
<input name="chinesename" class="form-control col-sm-12"/>
|
</td>
|
<td class="index">
|
<input name="paramname" class="form-control col-sm-12"/>
|
</td>
|
<td class="index">
|
<input name="defaultvalue" class="form-control col-sm-7" onfocus="show(this)"/>
|
<select class="form-control col-sm-3" name="selectname" onchange="setDefault(this)" style="display:none">
|
<option value="">请选择</option>
|
<option value="{username}">用户名称</option>
|
<option value="{company}">所属单位</option>
|
<option value="{sheetid}">图幅编号</option>
|
<option value="{nowdate}">当前时间</option>
|
</select>
|
</td>
|
<td>
|
<input name="read_only" type="radio" value="true"/>是
|
<input name="read_only" type="radio" value="false" checked="checked"/>否
|
</td>
|
<td><img src="/image/wrong.gif" alt='删除' style='cursor:pointer;' onclick='delTable(this)'/>
|
<img src="/image/down.gif" onclick="check(this,'MoveDown')" style="cursor:pointer;"/>
|
<img src="/image/up.gif" onclick="check(this,'MoveUp')" style="cursor:pointer;"/>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div style="height:50px;"></div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<!-- <button type="button" class="btn btn-primary" onclick="refreshService();"><i class="icon-save"></i> 刷新服务
|
</button> -->
|
<button type="button" class="btn btn-primary" onclick="getChartcontent();"><i class="icon-save"></i> 自动获取
|
</button>
|
<button type="button" class="btn btn-primary" onclick="saveChartcontent();"><i class="icon-save"></i> 保 存
|
|
</button>
|
</div>
|
</div>
|
</body>
|
</html>
|
