From 977a98876643947aca10fc5c0aa30f723ba6e48e Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 28 四月 2023 13:36:37 +0800
Subject: [PATCH] 添加包保责任制页面
---
src/main/resources/templates/tr/riskAndPeopleInfo/riskAndPeopleInfo.html | 148 +++++++++++++++++++++++++------------------------
1 files changed, 75 insertions(+), 73 deletions(-)
diff --git a/src/main/resources/templates/tr/riskAndPeopleInfo/riskAndPeopleInfo.html b/src/main/resources/templates/tr/riskAndPeopleInfo/riskAndPeopleInfo.html
index eac336a..56eed5b 100644
--- a/src/main/resources/templates/tr/riskAndPeopleInfo/riskAndPeopleInfo.html
+++ b/src/main/resources/templates/tr/riskAndPeopleInfo/riskAndPeopleInfo.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<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="include :: header('所有包保责任制列表')"/>
</head>
<body class="gray-bg">
@@ -9,54 +9,45 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
+ <div style="display: flow-root;padding: 20px 0">
+ <div class="form-group" style="font-size: 16px;color: #4CAF50;">
+ <label class="col-sm-3 control-label">所有责任人所有的任务:<span id="count"></span></label>
+ <label class="col-sm-3 control-label">所有责任人所有完成的任务:<span id="complete"></span></label>
+ <label class="col-sm-3 control-label">所有任务完成率:<span id="completeRatio"></span></label>
+ <label class="col-sm-3 control-label">操作责任人所有的任务:<span id="countOfHandle"></span></label>
+ </div>
+ <div class="form-group" style="font-size: 16px;color: #4CAF50;">
+ <label class="col-sm-3 control-label">操作责任人所有完成的任务:<span id="completeOfHandle"></span></label>
+ <label class="col-sm-3 control-label">操作任务完成率:<span id="completeRatioOfHandle"></span></label>
+ <label class="col-sm-3 control-label">技术责任人所有的任务:<span id="countOfTechnology"></span></label>
+ <label class="col-sm-3 control-label">技术责任人所有完成的任务:<span id="completeOfTechnology"></span></label>
+ </div>
+ <div class="form-group" style="font-size: 16px;color: #4CAF50;">
+ <label class="col-sm-3 control-label">技术任务完成率:<span id="completeRatioOfTechnology"></span></label>
+ <label class="col-sm-3 control-label">主要责任人所有的任务:<span id="countOfMain"></span></label>
+ <label class="col-sm-3 control-label">主要责任人所有完成的任务:<span id="completeOfMain"></span></label>
+ <label class="col-sm-3 control-label">主要任务完成率:<span id="completeRatioOfMain"></span></label>
+ </div>
+ </div>
<form id="formId">
<div class="select-list">
<ul>
<li>
<label>搜索:</label>
- <input type="text" name="riskDep"/>
+ <input type="text" name="hazardName" placeholder="请输入重大危险源名称"/>
</li>
<li>
- <label>隐患级别:</label>
- <select name="riskLevel">
+ <label>重大危险源级别:</label>
+ <select name="hazardRank">
<option value="">所有</option>
- <option value="A级">A级</option>
- <option value="B级">B级</option>
- <option value="C级">C级</option>
+ <option value="1">一级</option>
+ <option value="2">二级</option>
+ <option value="3">三级</option>
+ <option value="4">四级</option>
</select>
</li>
- <li>
-<!-- <label>搜索:</label>-->
- <input type="text" name="findPeople" placeholder="请输入隐患发现人"/>
- </li>
- <li>
- <!-- <label>搜索:</label>-->
- <input type="text" name="reportPeople" placeholder="请输入上报人"/>
- </li>
- <li>
- <!-- <label>搜索:</label>-->
- <input type="text" name="acceptPeople" placeholder="请输入验收人"/>
- </li>
- <li>
- <label>专业:</label>
- <select name="major">
- <option value="">所有</option>
- <option value="安全基础专业">安全基础专业</option>
- <option value="工艺专业">工艺专业</option>
- <option value="设备专业">设备专业</option>
- <option value="电气专业">电气专业</option>
- <option value="仪表专业">仪表专业</option>
- <option value="消防专业">消防专业</option>
- <option value="其它">其它</option>
- </select>
- </li>
- <li class="select-time">
- <label>发现时间:</label>
- <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="startTime"/>
- <span>-</span>
- <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="endTime"/>
- </li>
+
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
class="fa fa-search"></i> 搜索</a>
@@ -82,7 +73,22 @@
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
- var prefix = ctx + "tr/riskAndPeopleInfo";
+ var prefix = ctx + "tr/selectRiskAndPeoplePage";
+
+ $(function () {
+ $("#count").text([[${count}]]);
+ $("#complete").text([[${complete}]]);
+ $("#completeRatio").text([[${completeRatio}]]);
+ $("#countOfHandle").text([[${countOfHandle}]]);
+ $("#completeOfHandle").text([[${completeOfHandle}]]);
+ $("#completeRatioOfHandle").text([[${completeRatioOfHandle}]]);
+ $("#countOfTechnology").text([[${countOfTechnology}]]);
+ $("#completeOfTechnology").text([[${completeOfTechnology}]]);
+ $("#completeRatioOfTechnology").text([[${completeRatioOfTechnology}]]);
+ $("#countOfMain").text([[${countOfMain}]]);
+ $("#completeOfMain").text([[${completeOfMain}]]);
+ $("#completeRatioOfMain").text([[${completeRatioOfMain}]]);
+ });
// var common = [[${common}]];//用户角色 是否在公司管理员
$(function () {
var options = {
@@ -91,47 +97,44 @@
// updateUrl: prefix + "/edit/{id}",
// removeUrl: prefix + "/removeDangerLedger",
// exportUrl: prefix + "/export",
- // detailUrl: prefix + "/detail/{id}",
- modalName: "隐患列表",
+ detailUrl: prefix + "/detailRiskAndPeopleInfo/{id}",
+ modalName: "包保责任制",
detailView: true,
detailFormatter: detailFormatter,
columns: [
{
- field: 'id',
- title: 'id'
+ field: 'companyName',
+ title: '企业名称',
},
{
- field: 'riskLevel',
- title: '级别'
+ field: 'companyNatureName',
+ title: '企业类型'
},
{
- field: 'riskDep',
- title: '隐患所在部门',
+ field: 'hazardCode',
+ title: '危险源编码'
},
{
- field: 'findPeople',
- title: '发现人'
+ field: 'hazardName',
+ title: '危险源名称'
},
{
- field: 'reportPeople',
- title: '上报人'
+ field: 'hazardRankName',
+ title: '危险级别'
},
{
- field: 'liabilityPeople',
- title: '负责人'
+ field: 'parkName',
+ title: '所在园区'
},
- {
- field: 'acceptPeople',
- title: '验收人'
- },
- {
- field: 'riskDesc',
- title: '隐患内容'
- },
- {
- field: 'findTime',
- title: '隐患发现时间'
- }
+ // {
+ // title: '操作',
+ // align: 'center',
+ // formatter: function (value, row, index) {
+ // var actions = [];
+ // actions.push('<a class="btn btn-default btn-xs " href="javascript:void(0)" onclick="$.operate.detail(\'' + row.id + '\')"><i class="fa fa-search"></i>查看</a> ');
+ // return actions.join('');
+ // }
+ // }
]
};
$.table.init(options);
@@ -139,14 +142,13 @@
function detailFormatter(index, row) {
var html = [];
html.push('<p><b>id:</b> ' + row.id + '</p>');
- html.push('<p><b>级别:</b> ' + row.riskLevel + '</p>');
- html.push('<p><b>隐患所在部门:</b> ' + row.riskDep + '</p>');
- html.push('<p><b>发现人:</b> ' + row.findPeople + '</p>');
- html.push('<p><b>上报人:</b> ' + row.reportPeople + '</p>');
- html.push('<p><b>负责人:</b> ' + row.liabilityPeople + '</p>');
- html.push('<p><b>验收人:</b> ' + row.acceptPeople + '</p>');
- html.push('<p><b>隐患内容:</b> ' + row.riskDesc + '</p>');
- html.push('<p><b>隐患发现时间:</b> ' + row.findTime + '</p>');
+ html.push('<p><b>行政区划:</b> ' + row.areaCode + '</p>');
+ html.push('<p><b>企业名称:</b> ' + row.companyName + '</p>');
+ html.push('<p><b>企业类型:</b> ' + row.companyNatureName + '</p>');
+ html.push('<p><b>危险源编码:</b> ' + row.hazardCode + '</p>');
+ html.push('<p><b>危险源名称:</b> ' + row.hazardName + '</p>');
+ html.push('<p><b>危险级别:</b> ' + row.hazardRankName + '</p>');
+ html.push('<p><b>所在园区:</b> ' + row.parkName + '</p>');
// $.each(row, function(key, value) {
// html.push('<p><b>' + key + ':</b> ' + value + '</p>');
// });
--
Gitblit v1.9.2