13 changed files with 483 additions and 80 deletions
@ -0,0 +1,182 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="include :: header('执法投诉统计')"/> |
|||
<th:block th:include="zdxtInclude :: datetimepicker-css"/> |
|||
<link type="text/css" href="/css/stat1.css" rel="stylesheet"/> |
|||
<link href="/layui/css/layui.css" rel="stylesheet"> |
|||
<style> |
|||
|
|||
.tab-content { |
|||
display: none; |
|||
width: 100%; |
|||
height: calc(100% - 50px); |
|||
} |
|||
|
|||
.tab-content.active { |
|||
display: block; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<div class="container-div"> |
|||
<div class="statit"> |
|||
<span id="one1" class="actit" onclick="setTab('one',1,2)">处置进度</span> |
|||
<span id="one2" onclick="setTab('one',2,2)">投诉详情</span> |
|||
</div> |
|||
<div id="one-tab1" class="tab-content active"> |
|||
<form class="form-horizontal m"> |
|||
<div class="form-group"> |
|||
<div class="form-group"> |
|||
<div class="col-sm-8" |
|||
th:if="${mssqOrderFlowList != null and mssqOrderFlowList.size()>0}"> |
|||
<div class="layui-timeline" th:each="mssqOrderFlow,status:${mssqOrderFlowList}"> |
|||
<div class="layui-timeline-item"> |
|||
<i class="layui-icon layui-timeline-axis" th:if="${status.first}"></i> |
|||
<i class="layui-icon layui-timeline-axis" th:if="${!status.first}" style="color: rgba(0,0,0,0.5)"></i> |
|||
<!-- <img src="/img/icon_doing.png" th:if="${status.first}"/>--> |
|||
<!-- <img src="/img/icon_done.png" th:if="${!status.first}"/>--> |
|||
<div class="layui-timeline-content layui-text"> |
|||
<h3 class="layui-timeline-title" |
|||
th:text="${mssqOrderFlow.appOrgShortname}"></h3> |
|||
<ul> |
|||
<li style="display: flex"><strong>处理部门:</strong> |
|||
<p th:text="${mssqOrderFlow.appOrgName}"></p></li> |
|||
<li style="display: flex"><strong>处理意见:</strong> |
|||
<p th:text="${mssqOrderFlow.approveContent}"></p></li> |
|||
<!-- <li style="display: flex"><strong>处理结果:</strong> |
|||
<p th:text="${mssqOrderFlow.operName}"></p></li>--> |
|||
<li style="display: flex"><strong>处理时间:</strong> |
|||
<p th:text="${mssqOrderFlow.approveTime}"></p></li> |
|||
<!-- <li th:if="${mssqOrderFlow.AppFiles!=null}"><strong>处理时间:</strong><p th:text="${mssqOrderFlow.AppFiles.fileName}" onclick="openFile(this)"></p></li>--> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div id="one-tab2" class="tab-content"> |
|||
<form class="form-horizontal m" id="form-information-add"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">投诉部门:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" th:value="${complaintStatistics.complaintDepartment}" |
|||
class="form-control" disabled type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">投诉时间:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.createTimeStr}" |
|||
class="form-control" disabled type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">投诉类型:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.enforceTypeStr}" |
|||
class="form-control" disabled type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">投诉内容:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.problemDescription}" |
|||
class="form-control" disabled type="textarea"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">涉事地址:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.enterpriseAddress}" |
|||
class="form-control" disabled type="textarea"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">附件:</label> |
|||
<div class="col-sm-8"> |
|||
<img th:src="${url}" th:each="url:${complaintStatistics.fileList}" |
|||
style="height: 100px;width: 100px;padding: 10px;cursor: pointer;" |
|||
onclick="openPicture(this)"/> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">授权状态:</label> |
|||
<div class="col-sm-8" th:if="${complaintStatistics.enterpriseComplaint.authorization==1}" |
|||
style="padding: 6px"> |
|||
<input type="checkbox" title="同意" lay-text="同意" checked disabled><label |
|||
style="margin-left: 10px;margin-right: 15px;">同意</label> |
|||
<input type="checkbox" title="不同意" disabled><label |
|||
style="margin-left: 10px;margin-right: 15px;">不同意</label> |
|||
</div> |
|||
<div class="col-sm-8" th:if="${complaintStatistics.enterpriseComplaint.authorization==0}" |
|||
style="padding: 6px"> |
|||
<input type="checkbox" title="同意" lay-text="同意" disabled><label |
|||
style="margin-left: 10px;margin-right: 15px;">同意</label> |
|||
<input type="checkbox" title="不同意" checked disabled><label |
|||
style="margin-left: 10px;margin-right: 15px;">不同意</label> |
|||
</div> |
|||
</div> |
|||
<div class="form-group" th:if="${complaintStatistics.enterpriseComplaint.authorization==1}"> |
|||
<label class="col-sm-3 control-label">联系人:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.linkman}" |
|||
class="form-control" disabled type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group" th:if="${complaintStatistics.enterpriseComplaint.authorization==1}"> |
|||
<label class="col-sm-3 control-label">联系电话:</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" |
|||
th:value="${complaintStatistics.enterpriseComplaint.linkmanTel}" |
|||
class="form-control" disabled type="text"> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<th:block th:include="zdxtInclude :: footer"/> |
|||
<script th:inline="javascript"> |
|||
function openPicture(body) { |
|||
url = body.src; |
|||
if (url != null && url != '') { |
|||
window.open(url); |
|||
} else { |
|||
this.$message.warning('图片不存在'); |
|||
} |
|||
} |
|||
|
|||
function openFile(body) { |
|||
url = body.value; |
|||
if (url != null && url != '') { |
|||
window.open(url); |
|||
} else { |
|||
this.$message.warning('图片不存在'); |
|||
} |
|||
} |
|||
|
|||
function setTab(prefix, num, total) { |
|||
console.log(document.getElementById(`${prefix}1`)); |
|||
for (let i = 1; i <= total; i++) { |
|||
document.getElementById(`${prefix}${i}`).classList.remove('actit'); |
|||
document.getElementById(`${prefix}-tab${i}`).classList.remove('active'); |
|||
} |
|||
document.getElementById(`${prefix}${num}`).classList.add('actit'); |
|||
document.getElementById(`${prefix}-tab${num}`).classList.add('active'); |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue