<!--
|
功能描述：应用程序-图文列表
|
-->
|
<style type="text/css">
|
.div_zy {
|
float: left;
|
width: 525px;
|
height: 180px;
|
/*padding: 7px 0 0 15px;*/
|
background-color: white;
|
border-radius: 10px;
|
box-shadow: 0px 0px 1px 1px #bfbfbf;
|
margin-bottom: 12px;
|
/*border-bottom: 1px solid #E0DEDB;*/
|
}
|
|
.div_zy:nth-child(2n) {
|
margin-left: 7px;
|
}
|
|
.div_zy:hover {
|
background-color: #ebf8fe;
|
}
|
|
.div_zy:hover .div_img {
|
-webkit-animation: blink 1s;
|
animation: blink 1s;
|
}
|
|
@-webkit-keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
@keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
.div_img {
|
float: left;
|
width: 114px;
|
height: 72px;
|
}
|
|
.div_img img {
|
/*width: 100%;*/
|
/*height: 100%;*/
|
cursor: pointer;
|
margin-top: 16px;
|
margin-left: 20px;
|
width: 94px;
|
height: 96px;
|
}
|
|
.div_info {
|
width: 73%;
|
/*height: 100%;*/
|
float: left;
|
font-size: 16px;
|
margin-left: 15px;
|
margin-top: 6px;
|
line-height: 28px;
|
}
|
|
#div_title {
|
/*width: 100%;*/
|
/*float: left;*/
|
font-size: 20px;
|
color: #2B56BF;
|
cursor: pointer;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.appButton {
|
color: #fff;
|
background-color: #039cfd;
|
border-color: #039cfd;
|
float: right;
|
}
|
|
.div_info div {
|
overflow-x: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.div_info div:not(:first-child) {
|
width: 100%;
|
float: left;
|
}
|
|
/*边框公共样式*/
|
.div_border {
|
box-shadow: 0px 0px 1px 1px #bfbfbf;
|
}
|
|
.pagination {
|
margin: 13px 15px;
|
float: right;
|
}
|
|
/*.pagination > li > a, .pagination > li > span {*/
|
/*margin: 0 5px;*/
|
/*color: #5C5C5C;*/
|
/*}*/
|
</style>
|
<div width="100%" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div th:each="Ziyuan,ZiyuanStat:${SysList}" class="div_zy">
|
<div id="div_title" >
|
<div style='margin-top:20px;margin-left: 35px;' th:onclick="'javascript:OpenSystem(\''+${Ziyuan.sysaddress}+'\')'" th:title="${Ziyuan.appfullname}">
|
<span style="font-size: 16px;color: white;padding: 2px 15px;border-radius: 5px;background-color: #2B85FF;" th:text="${Ziyuan.systype}"></span>
|
<span th:text="${Ziyuan.appfullname}"></span>
|
</div>
|
</div>
|
<div class="div_img" th:onclick="'javascript:OpenSystem(\''+${Ziyuan.sysaddress}+'\')'" th:title="${Ziyuan.remark}">
|
<img th:if="${#lists.isEmpty(Ziyuan.sysimgurl)}" src="/image/NewMenHu/sys.png" />
|
<img th:if="${not #lists.isEmpty(Ziyuan.sysimgurl)}" th:src="${Ziyuan.sysimgurl}" />
|
</div>
|
<div class="div_info">
|
<div><span th:text="'单位名称：'+${Ziyuan.unitname}"></span><span th:if="${not #lists.isEmpty(Ziyuan.chinesename)}" th:text="'（'+${Ziyuan.chinesename}+'）'" title="系统负责人"></span></div>
|
<div style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"><span>系统地址：<a style="color: grey;" th:href="${Ziyuan.sysaddress}" th:text="${Ziyuan.sysaddress}"></a></span></div>
|
<div>
|
<span>系统状态：</span>
|
<span th:if="${Ziyuan.sysstatusname} == '正常'" th:text="'系统'+${Ziyuan.sysstatusname}"></span>
|
<span th:if="${Ziyuan.sysstatusname} == '暂停'" style="background-color: #FF6B6B;padding: 0px 12px;color: #FFFFFF;" th:text="'系统'+${Ziyuan.sysstatusname}"></span>
|
<span th:if="${Ziyuan.iscaslogin} == 1" style="display:none;background-color: #1bb99a;padding: 0px 12px;color: #FFFFFF;">集成单点登录</span>
|
|
</div>
|
<><span th:text="'浏览器推荐：'"></span>
|
<img src="/image/Systeminfo/IEicon.png" style="margin-bottom: 4px;" />
|
<span th:if="${not #lists.isEmpty(Ziyuan.browser)}" th:text="${Ziyuan.browser}"></span>
|
<button onclick="test(this)" class="appButton" th:value="${Ziyuan}">申请系统</button>
|
<!-- <input type="button" class="appButton" value="申请系统" />-->
|
<div id="myDialog" closed="true"></div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<div id="pagediv" class="row-fluid" style="float:left;width: 100%;margin-bottom: 50px; height: 60px;box-shadow: 0px 0px 1px 1px #bfbfbf;border-radius: 10px;background-color: white;line-height: 60px;">
|
<span style="font-size: 16px;margin-left: 25px;color: grey;">搜索到<span th:text="${Count}"></span>条结果</span>
|
<input th:value="${Page}" type="hidden" id="curren" />
|
<input th:value="${Count}" type="hidden" id="total" />
|
<div id="Paginator" class="pagination"></div>
|
</div>
|
<script type="text/javascript" th:inline="javascript" >
|
var obj;
|
var template;
|
var content;
|
var modal;
|
$(function () {
|
var count = [[${Count}]];
|
$("#countNum").text(count);
|
// $("#div_bg").css("height",$("#pagebody").height() - 115 +'px');
|
$("#pagediv").css("width",$(".div_right").width() - 3 +'px');
|
});
|
|
function test(param) {
|
let div=document.getElementById("tokenPanel");
|
obj=JSON.parse(param.value);
|
obj.date=new Date();
|
template = `
|
<div class="modal fade" id="tokenPanel">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
<h4 class="modal-title" id="tokenPanelClose">系统申请信息</h4>
|
</div>
|
<div class="modal-body">
|
customHtml
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default" data-dismiss="modal" id="closeBtn">关闭</button>
|
<!-- <button type="button" class="btn btn-default" onclick="close()">关闭</button>-->
|
<button type="button" class="btn btn-primary" onclick="apply()">确认</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
`;
|
|
content = `
|
<div class="form-group" >
|
<div class="input-group">
|
<span class="input-group-addon">申请系统:</span>
|
<input id="applySys" type="text" class="form-control" value="${obj.appfullname}" style="text-align: center" readonly />
|
</div>
|
</div>
|
<div class="form-group" >
|
<div class="input-group">
|
<span class="input-group-addon">系统管理:</span>
|
<input id="applyMana" type="text" class="form-control" value="${obj.chinesename}" style="text-align: center" readonly/>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group">
|
<span class="input-group-addon">申请日期:</span>
|
<input id="applyDate" type="text" class="form-control" value="${obj.date.getFullYear()}/${obj.date.getMonth()+1}/${obj.date.getDate()}" style="text-align: center" readonly />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group">
|
<span class="input-group-addon">申请理由:</span>
|
<input id="appreason" type="text" class="form-control" style="text-align: center" placeholder="请填写申请该系统理由,便于管理员审批"/>
|
</div>
|
</div>
|
`;
|
template = template.replace('customHtml', content);
|
$("body").append(template);
|
debugger
|
modal = $("#tokenPanel");
|
modal.modal();
|
$("#applySys").val(obj.appfullname);
|
$("#applyMana").val(obj.chinesename);
|
$("#applyDate").val(obj.date.getFullYear()+'/'+(obj.date.getMonth()+1)+'/'+obj.date.getDate());
|
$("#appreason").val(null);
|
}
|
function close() {
|
let div=document.getElementById("tokenPanel");
|
div.style.display="none";
|
}
|
function apply() {
|
obj.appreason=$("#appreason").val();
|
const record = {};
|
record.apptype=3;
|
record.sysid=obj.appid;
|
record.appreason=obj.appreason;
|
$.ajax(
|
{type:"POST",
|
url:"/res/manage/applyrecommend/saveSysApply",//添加系统申请的接口
|
// url:"http://localhost:8082/res/manage/applyrecommend/saveSysApply",//添加系统申请的接口
|
data:record,
|
dataType:"json",
|
success:function (data) {
|
if(data.code==0){
|
modal.modal("hide");
|
try {
|
$("body").remove($("#tokenPanel"));
|
}
|
catch (ex) {
|
}
|
alert("系统申请成功,请等待管理员审批")
|
}
|
}
|
}
|
);
|
|
}
|
|
</script>
|
