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