<!--
|
功能描述：资源管理 - 资源注册 - 基础信息
|
-->
|
|
<form class="form-horizontal" id="mainfrom" xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<input type="hidden" id="ZiYuanId" />
|
<input type="text" id="resourceclass" name="resourceclass" value="" style="display: none;" />
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
资源信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">资源名称<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.title}" type="text" id="title" name="title" class="form-control col-sm-9" required="" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">资源简称<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.abbreviation}" type="text" id="abbreviation" name="abbreviation" class="form-control col-sm-9" required="" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">所属目录<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.catlogid}" type="hidden" id="catlogid" name="catlogid" />
|
<input th:value="${mainInfo.catlogcode}" type="hidden" id="catlogcode" name="catlogcode" />
|
<input th:value="${catlogtitle}" type="text" id="catlogtitle" name="catlogtitle" readonly="readonly" class="form-control col-sm-8" required="" />
|
<a class="btn" style="background-color: #e5e5e5;vertical-align:baseline !important;color: black;" title='选择所属类别' id="model1">...</a>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:34px"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">数据来源</label>
|
<div class="controls input-icon">
|
<select id="datasources" name="datasources" class="form-control col-sm-9">
|
<option value="">--请选择--</option>
|
<option th:each="item:${datasourcelist}" th:value="${item.key}" th:text="${item.value}" th:selected="(${mainInfo.datasources}==${item.key})?'true':'false'"></option>
|
</select>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">图标</label>
|
<div class="controls">
|
<div class="fileupload fileupload-new" data-provides="fileupload" style="margin-bottom:0px;">
|
<div class="fileupload-new thumbnail" style="width: 262px; height: 146px;border:1px solid #CCCCCC;" id="PhotoDiv1">
|
<img id="photo" th:src="${mainInfo.imgurl}!='' ? ${Imagelujin}:'' " alt="" style="width: 262px; height: 146px;border:1px solid #ddd" />
|
</div>
|
<div class="fileupload-preview fileupload-exists thumbnail" id="PhotoDiv2" style="max-width: 262px; max-height: 146px; line-height: 20px;margin-bottom:6px;"></div>
|
<div>
|
<a class="btn btn-info" title='选择图片' id="ShowAtlas">选择图片</a>
|
<a id="dianjiUpdate" class="btn btn-info" onclick="javascript:document.getElementById('uploadInput').click();">本地上传</a>
|
<input style="display: none;" id="uploadInput" type="file" multiple="multiple" />
|
<input type="hidden" id="imgurl" name="imgurl" th:value="${mainInfo.imgurl}" />
|
<a class="btn btn-info" onclick="DelPhoto()" data-dismiss="fileupload">移除</a>
|
<span style="color:red;font-size:12px;">（建议图片大小：262 × 146 像素）</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group" id="sjcssj" th:if="${mainInfo.resourceclass}!='JKFW'">
|
<label class="control-label">数据产生时间</label>
|
<div class="controls input-icon">
|
<input th:value="${productiontime}" type="text" id="productiontime" name="productiontime" readonly="true" class="form-control col-sm-7 date-picker" style="width: 63%;" />
|
<button class="btn btn-primary" onclick="javascript:$('#productiontime').val('');" style="vertical-align: top;">清除</button>
|
</div>
|
</div>
|
<div class="control-group" id="sjgxpl" th:if="${mainInfo.resourceclass}!='JKFW'">
|
<label class="control-label">数据更新频率</label>
|
<div class="controls input-icon">
|
<select id="updatetimes" name="updatetimes" class="form-control col-sm-9">
|
<option value="">--请选择--</option>
|
<option th:each="item:${UpdateTimesList}" th:value="${item.key}" th:text="${item.value}" th:selected="(${mainInfo.updatetimes}==${item.key})?'true':'false'"></option>
|
</select>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">发布人<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.createuserid}" type="hidden" id="createuserid" name="createuserid" class="form-control col-sm-9" required="" />
|
<input th:value="${chinesename}" type="text" class="form-control col-sm-9" required="" readonly="readonly" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">共享协议<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<select id="sharprotocol" name="sharprotocol" class="form-control col-sm-7" required="">
|
<option value="">--请选择--</option>
|
<option th:each="item:${SharProtocolList}" th:value="${item.key}" th:text="${item.value}" th:selected="(${mainInfo.sharprotocol}==${item.key})?'true':'false'"></option>
|
</select>
|
<input type="checkbox" id="insteadaudit" name="insteadaudit" value="1" th:checked="(${mainInfo.insteadaudit}==1 )? 'true':'false' " style="margin-right:3px;margin-left: 15px;" />
|
<label for="insteadaudit" style="vertical-align: middle;margin-top: 0!important;">委托批复</label>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group" id="sjfgfw" th:if="${mainInfo.resourceclass}!='JKFW'">
|
<label class="control-label">数据覆盖范围</label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.administrativeid}" type="hidden" id="administrativeid" name="administrativeid" />
|
<input th:value="${administrativename}" type="text" id="administrativename" name="administrativename" readonly="readonly" class="form-control col-sm-8" />
|
<a class="btn" style="background-color: #e5e5e5;vertical-align:baseline !important;color: black;" title='选择区域' id="ShowAreaTree">...</a>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:34px"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">发布单位<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.pubunitid}" type="hidden" id="pubunitid" name="pubunitid" class="form-control col-sm-9" required="" />
|
<input th:value="${unitname}" type="text" class="form-control col-sm-9" required="" readonly="readonly" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">发布时间<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${Pubdate}" type="text" id="pubdate" name="pubdate" readonly="true" class="form-control col-sm-9 date-picker" required="" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="control-group">
|
<label class="control-label">关键字</label>
|
<div class="controls input-icon" id="divGuanJianZi">
|
<input id="txtTagsGuanJianZi" name="txtTags" class="form-control col-sm-9" type="text" />
|
<input th:value="${mainInfo.keywords}" type="hidden" id="keywords" name="keywords" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">安全级别</label>
|
<div class="controls input-icon" id="divAnQuanJiBie" style="line-height: 28px;">
|
<input type="hidden" th:value="${mainInfo.securitylev}" id="securitylev" name="securitylev" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">原始数据存储备注</label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.remark}" id="remark" name="remark" class="form-control col-sm-11" type="text" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">自定义资源说明地址</label>
|
<div class="controls input-icon">
|
<input th:value="${mainInfo.desurl}" id="desurl" name="desurl" class="form-control col-sm-11" type="text" />
|
<input type="file" name="filepath" id="filepath" style="display: none;" />
|
<button class="btn btn-primary wenjian" id="remarkfilebtn" onclick="openUploadDialog('filepath','filename','filesize','remarkfilebtn')" style="vertical-align: baseline;" type="button">
|
<span class="fa fa-upload"></span> 上传
|
</button>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">资源说明</label>
|
<div class="controls input-icon">
|
<textarea th:text="${mainInfo.description}" name="description" class="form-control col-sm-11" id="description" rows="3" cols="20" style="height: 70px;"></textarea>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
|
<script th:inline="javascript">
|
$(function () {
|
cheackForm("mainfrom");
|
var gongxiang = $("#sharprotocol option:selected").val();
|
if (gongxiang == "完全公开") {
|
$("#insteadaudit").attr("disabled", "disabled");
|
}
|
|
var imgurl = [[${mainInfo.imgurl}]];
|
if (imgurl != '') {
|
$("#PhotoDiv1").css("border", 0);
|
}
|
|
var resourceclass = $("#hidResourceClass").val();//资源类型
|
//接口服务没有数据产生时间、数据更新频率、数据覆盖范围
|
if(resourceclass == "JKFW") {
|
$("#sjcssj").hide();//数据产生时间
|
$("#sjgxpl").hide();//数据更新频率
|
$("#sjfgfw").hide();//数据覆盖范围
|
}
|
|
//共享协议默认为完全公开
|
if($("#sharprotocol").val() == "") {
|
$("#sharprotocol").val("完全公开");
|
}
|
});
|
|
$("#sharprotocol").change(function () {
|
var gongxiang = $("#sharprotocol option:selected").val();
|
if (gongxiang == "完全公开") {
|
$("#insteadaudit").attr("disabled", "disabled")
|
$("#insteadaudit").attr("checked", false);
|
} else {
|
$("#insteadaudit").removeAttr("disabled") //启用
|
}
|
});
|
|
//如果选择图片改变那么隐藏原来的图片
|
$("#uploadInput").change(function () {
|
var image = $('#uploadInput')[0].files[0];
|
if (image != null) {
|
$("#PhotoDiv1").hide();
|
$("#PhotoDiv2").show();
|
}
|
});
|
|
//弹出一个页面层
|
$('#model1').on('click', function () {
|
layer.open({
|
type: 2,
|
title: '所属目录',
|
shadeClose: true,//是否点击遮罩关闭
|
shade: 0.7,//遮罩（true、false、Number）
|
area: ['300px', '500px'],
|
content: '../ResRegister/MuLuShu'
|
});
|
});
|
|
//弹出数据覆盖范围目录树
|
$("#ShowAreaTree").on("click", function () {
|
layer.open({
|
type: 2,
|
title: "选择区域",
|
shadeClose: true,//是否点击遮罩关闭
|
shade: 0.7,//遮罩（true、false、Number）
|
area: ["350px", "500px"],
|
content: "../ResRegister/AreaTree"
|
});
|
});
|
|
var admin = [[${admin}]];
|
var auditstatus = [[${auditstatus}]];
|
|
$('input[name=espproxy]').click(function () {
|
$(this).attr("checked", true);//设置当前选中checkbox的状态为checked
|
$(this).siblings().attr("checked", false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中
|
});
|
|
function DelPhoto() {
|
$("#PhotoDiv1").show().css("border", "1px solid #CCCCCC");
|
$("#photo").attr("src", "");
|
$("#imgurl").val("");
|
$("#PhotoDiv2").html("");
|
}
|
|
//获取关键字
|
function GetTabValue(tabId) {
|
var gjz = "";
|
var spans = $("#" + tabId + " #addTagWrap").find("span")
|
if (spans.length > 0) {
|
spans.each(function (index, element) {
|
if (index != 0) {
|
gjz += ",";
|
}
|
gjz += spans[index].innerText;
|
});
|
} else
|
gjz = "";
|
return gjz;
|
}
|
|
//关键字赋值
|
function SetGuanJianZi() {
|
var gjz = GetTabValue('divGuanJianZi');
|
$("#keywords").val(gjz);
|
}
|
|
/*<![CDATA[*/
|
var KeywordsList = [[${KeywordsList}]];//关键字列表
|
//关键字初始化
|
function initGuanJianZi() {
|
var hotTags = "";
|
for (i = 0; i < KeywordsList.length; i++) {
|
hotTags += (hotTags == "" ? "" : "|") + KeywordsList[i];
|
}
|
var gjz = $("#keywords").val();
|
$("#txtTagsGuanJianZi")[0].value = gjz;
|
|
$("#txtTagsGuanJianZi").TagsInput({
|
usedTags: "",
|
hotTags: hotTags,
|
tagNum: 10,
|
maxWords: 10
|
});
|
}
|
|
//安全级别赋值
|
function SetAnQuanJiBie() {
|
$("#securitylev").val($('#divAnQuanJiBie img[data-on="yes"]').length);
|
}
|
|
//安全级别图片路径
|
var star = "/image/ZiYuan/safety.png";
|
var starOff = "/image/ZiYuan/safetyoff.png";
|
|
//初始化安全级别
|
function AnQuanJiBie() {
|
for (var i = 0; i < 5; i++) {
|
if (i < parseInt($("#securitylev").val())) {
|
$("#divAnQuanJiBie").append($('<img data-on="yes" src="/image/ZiYuan/safety.png" />'));
|
} else {
|
$("#divAnQuanJiBie").append($('<img data-on="no" src="/image/ZiYuan/safetyoff.png" />'));
|
}
|
}
|
$('#divAnQuanJiBie img').click(function () {
|
$(this).attr({"src": star, "data-on": "yes"}).prevAll().each(function (index, obj) {
|
$(obj).attr({"src": starOff, "data-on": "yes"});
|
});
|
$(this).nextAll().attr(({"src": star, "data-on": "no"}));
|
}).mousemove(function () {
|
$(this).attr("src", star).prevAll().each(function (index, obj) {
|
$(obj).attr("src", star);
|
});
|
$(this).nextAll().each(function (index, obj) {
|
$(obj).attr("src", starOff);
|
});
|
}).mouseout(function () {
|
$(this).attr("src", function () {
|
if ($(this).attr("data-on") == "no") {
|
return starOff;
|
} else {
|
return star;
|
}
|
}).siblings().each(function (index, obj) {
|
$(obj).attr("src", function () {
|
if ($(this).attr("data-on") == "no") {
|
return starOff;
|
} else {
|
return star;
|
}
|
});
|
});
|
});
|
}
|
|
/*]]>*/
|
$(function () {
|
if ($('#resourceclass').val().trim() != "") {
|
$('#resourceclass').attr("disabled", true);
|
}
|
|
jQuery(".date-picker").datepicker({ language: 'zh-CN',format: 'yyyy-mm-dd' });
|
|
//初始化关键字
|
initGuanJianZi();
|
AnQuanJiBie();
|
});
|
|
//资源类型改变事件
|
$("#resourceclass").bind("change", function () {
|
if ($(this).val() == "JKFW") {
|
$("#sjfgfw").hide();
|
$("#sjgxpl").hide();
|
$("#sjcssj").hide();
|
} else {
|
$("#sjfgfw").show();
|
$("#sjgxpl").show();
|
$("#sjcssj").show();
|
}
|
});
|
|
//打开上传文件
|
function openUploadDialog(id) {
|
document.getElementById(id).click();
|
if (document.getElementById(id).value != '') {
|
var postfix = document.getElementById(id).value.substring(document.getElementById(id).value.indexOf('.'), document.getElementById(id).value.length);
|
if (postfix != ".html" && postfix != ".htm") {
|
alert("只能上传html文件！");
|
return false;
|
}
|
var formdata = new FormData();
|
formdata.append('resourceid', $("#resMainInfoId").val());
|
var fileName = document.getElementById(id).value;
|
formdata.append("json_filesNameArray", fileName);
|
var files = document.getElementById(id).files;
|
for (var i = 0; i < files.length; i++) {
|
formdata.append("myFile", files[i]); // 文件对象
|
}
|
$.ajax({
|
url: "/res/ZiYuan/uploadfile",
|
type: "POST",
|
data: formdata,
|
cache: false,
|
async: false,
|
processData: false, // 告诉jQuery不要去处理发送的数据
|
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
|
success: function (data) {
|
var json = eval('(' + data + ')');
|
if (json.result == '0') {
|
alert("上传失败");
|
} else if (json.result == '3') {
|
alert("上传失败，此文件已存在！");
|
} else {
|
$("#desurl").val(json.Path);
|
}
|
}
|
});
|
}
|
}
|
|
//弹出图集
|
$("#ShowAtlas").on("click", function () {
|
layer.open({
|
type: 2,
|
title: "图集选择",
|
shadeClose: true,//是否点击遮罩关闭
|
shade: 0.7,//遮罩（true、false、Number）
|
area: ["953px", "600px"],
|
content: "../ResRegister/AtkasList?resourceclass=" + $("#resourceclass").val()
|
});
|
});
|
</script>
|
