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>&nbsp;搜索</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