Merge branch 'main' of http://47.122.43.22:3000/wjn/mh-sms-web

src/components/CustomPages/BI/BI013RiskAnalysisModel.js

@@ -9,6 +9,7 @@ import {
   extendOrder,
   extend,
   initQueryFilter,
+  getSixMonth
 } from "../../../utils/common";
 import { Table, Row, Col, Button, Select, DatePicker, message } from "antd";
 import echarts from "echarts";
@@ -221,7 +222,7 @@ class BI013RiskAnalysisModel extends React.Component {
       "破碎车间-粗碎单元",
       "综合回收车间-精多金属仓库单元",
       "磨重车间-脱泥单元",
-      "食堂",
+      
       "综合回收车间-精矿烘干单元",
       "尾矿库截渗池回水单元",
       "破碎车间-辊磨单元",
@@ -240,7 +241,7 @@ class BI013RiskAnalysisModel extends React.Component {
       "截渗池回水单元",
     ];
     let areaCount = [
-      1, 2, 3, 3, 4, 4, 6, 9, 9, 11, 19, 20, 21, 22, 22, 23, 27, 31, 32, 32,
+      1, 2, 3, 4, 4, 6, 9, 9, 11, 19, 20, 21, 22, 22, 23, 27, 31, 32, 32,
     ];
     // data.forEach((item) => {
     //   areaName.push(item.AREANAME);
@@ -380,22 +381,13 @@ class BI013RiskAnalysisModel extends React.Component {
   };
 
   chart4 = (data) => {
-    let riskArr = [2714, 2714, 2714, 2714];
+    let riskArr = [1914, 2014,2114, 2214, 2314, 2414, 2514, 2614, 2714, 2814, 2914, 3014];
-    let hazardArr = [50, 50, 50, 50];
+    let hazardArr = [50, 65, 72, 93,154, 175, 196, 247,278, 359, 420, 481];
     let dates = [
-      "2024/01",
-      "2024/02",
-      "2024/03",
-      "2024/04",
-      "2024/05",
-      "2024/06",
-      "2024/07",
-      "2024/08",
-      "2024/09",
-      "2024/10",
-      "2024/11",
-      "2024/12",
     ];
+    for (let i = 0; i < 12; i++) {
+      dates.unshift(getSixMonth(-i, "-", ""));
+    }
     // for (let i = 0; i < data.length; i++) {
     //   if (data[i].TYPE == 0) {
     //     riskArr.push(data[i].COUNT);

src/components/CustomPages/BI/BI014RiskPerformanceModel.js

@@ -122,16 +122,14 @@ class BI014RiskPerformanceModel extends React.Component {
                 "机电设备管理办公室",
                 "矿山部",
                 "财务部",
-                "办公室",
                 "非金属资源部筹备组",
                 "企业管理部",
                 "技术管理部",
-                "营销部",
               ],
-              LEVEL1: [0, 1, 0, 1, 0, 0, 1, 0, 0, 0],
+              LEVEL1: [0, 1, 0, 1, 0, 0, 1, 0],
-              LEVEL2: [0, 2, 0, 3, 0, 0, 1, 0, 0, 0],
+              LEVEL2: [0, 2, 0, 3, 0, 0, 1, 0],
-              LEVEL3: [56, 109, 273, 381, 74, 135, 215, 296, 123, 335],
+              LEVEL3: [56, 109, 273, 381, 74, 135, 215, 335],
-              LEVEL4: [23, 168, 250, 390, 62, 117, 244, 313, 89, 367],
+              LEVEL4: [23, 168, 250, 390, 62, 117, 244, 367],
             },
 
             {
@@ -252,14 +250,14 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           CHARTZYRW1:
           {
-            NAME: ["一般任务", "关键任务", "许可作业"],
+            NAME: ["许可作业", "关键任务", "一般任务"],
-            LEVEL1: [67, 81, 91],
+            LEVEL1: [67, 81, 191],
           }
           ,
           CHARTZYRW2: [
-            { name: "一般任务", value: 67 },
+            { name: "许可作业", value: 67 },
             { name: "关键任务", value: 81 },
-            { name: "许可作业", value: 91 },
+            { name: "一般任务", value: 191 },
           ],
         },
         TotalCount: 0,
@@ -527,6 +525,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -544,7 +543,6 @@ class BI014RiskPerformanceModel extends React.Component {
                   }
                 }
               },
-              barWidth: 30,
               label: {
                 normal: {
                   show: true,
@@ -664,6 +662,7 @@ class BI014RiskPerformanceModel extends React.Component {
         ],
         series: [
           {
+            barWidth: 20,
             name: "一级",
             type: "bar",
             data: Data.LEVEL1,
@@ -679,9 +678,10 @@ class BI014RiskPerformanceModel extends React.Component {
                 },
               },
             },
-            barWidth: 30
+
           },
           {
+            barWidth: 20,
             name: "二级",
             type: "bar",
             data: Data.LEVEL2,
@@ -699,6 +699,7 @@ class BI014RiskPerformanceModel extends React.Component {
             },
           },
           {
+            barWidth: 20,
             name: "三级",
             type: "bar",
             data: Data.LEVEL3,
@@ -716,6 +717,7 @@ class BI014RiskPerformanceModel extends React.Component {
             },
           },
           {
+            barWidth: 20,
             name: "四级",
             type: "bar",
             data: Data.LEVEL4,
@@ -788,6 +790,7 @@ class BI014RiskPerformanceModel extends React.Component {
         },
         series: [
           {
+            barWidth: 20,
             name: "露天矿",
             type: "bar",
             stack: "总量",
@@ -797,9 +800,9 @@ class BI014RiskPerformanceModel extends React.Component {
             },
             data: Data.LEVEL3.slice(0, 10),
             itemStyle: { color: this.state.level3Color },
-            barWidth: 30
           },
           {
+            barWidth: 20,
             name: "选矿厂",
             type: "bar",
             stack: "总量",
@@ -811,6 +814,7 @@ class BI014RiskPerformanceModel extends React.Component {
             itemStyle: { color: this.state.level1Color },
           },
           {
+            barWidth: 20,
             name: "尾矿库",
             type: "bar",
             stack: "总量",
@@ -822,6 +826,7 @@ class BI014RiskPerformanceModel extends React.Component {
             itemStyle: { color: this.state.level2Color },
           },
           {
+            barWidth: 20,
             name: "职能部门",
             type: "bar",
             stack: "总量",
@@ -843,10 +848,6 @@ class BI014RiskPerformanceModel extends React.Component {
       let myChart = echarts.init(chartZRDW);
       myChart.setOption(
         {
-          // title: {
-          //   text: "责任单位(等级)",
-          //   left: "center",
-          // },
           tooltip: {
             trigger: "axis",
             axisPointer: {
@@ -892,28 +893,68 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
               itemStyle: { color: this.state.level1Color },
+              label: {
+                show: true,
+                position: 'top', // 或者 'inside'（内部）、'insideLeft'、'insideRight' 等其他位置
+                formatter: '{c}', // 使用变量 {c} 表示数值，也可以自定义格式化函数
+                textStyle: {
+                  fontSize: 12, // 字体大小
+                  color: '#333', // 字体颜色
+                },
+              },
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
               itemStyle: { color: this.state.level2Color },
+              label: {
+                show: true,
+                position: 'top', // 或者 'inside'（内部）、'insideLeft'、'insideRight' 等其他位置
+                formatter: '{c}', // 使用变量 {c} 表示数值，也可以自定义格式化函数
+                textStyle: {
+                  fontSize: 12, // 字体大小
+                  color: '#333', // 字体颜色
+                },
+              },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
               itemStyle: { color: this.state.level3Color },
+              label: {
+                show: true,
+                position: 'top', // 或者 'inside'（内部）、'insideLeft'、'insideRight' 等其他位置
+                formatter: '{c}', // 使用变量 {c} 表示数值，也可以自定义格式化函数
+                textStyle: {
+                  fontSize: 12, // 字体大小
+                  color: '#333', // 字体颜色
+                },
+              },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
               itemStyle: { color: this.state.level4Color },
+              label: {
+                show: true,
+                position: 'top', // 或者 'inside'（内部）、'insideLeft'、'insideRight' 等其他位置
+                formatter: '{c}', // 使用变量 {c} 表示数值，也可以自定义格式化函数
+                textStyle: {
+                  fontSize: 12, // 字体大小
+                  color: '#333', // 字体颜色
+                },
+              },
             },
           ],
         },
@@ -969,6 +1010,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -986,6 +1028,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
@@ -1003,6 +1046,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
@@ -1020,6 +1064,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
@@ -1093,6 +1138,7 @@ class BI014RiskPerformanceModel extends React.Component {
           },
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               stack: "总量",
@@ -1102,9 +1148,9 @@ class BI014RiskPerformanceModel extends React.Component {
               },
               data: Data.LEVEL1,
               itemStyle: { color: this.state.level1Color },
-              barWidth: 30
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               stack: "总量",
@@ -1116,6 +1162,7 @@ class BI014RiskPerformanceModel extends React.Component {
               itemStyle: { color: this.state.level2Color },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               stack: "总量",
@@ -1127,6 +1174,7 @@ class BI014RiskPerformanceModel extends React.Component {
               itemStyle: { color: this.state.level3Color },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               stack: "总量",
@@ -1172,6 +1220,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -1179,17 +1228,14 @@ class BI014RiskPerformanceModel extends React.Component {
                 color: function (params) {
                   switch (params.dataIndex) {
                     case 0:
-                      return "#c02e30"; // 第一个柱子颜色
+                      return "#f7aa52"; // 第一个柱子颜色
                     case 1:
-                      return "#f7aa52"; // 第二个柱子颜色
+                      return "#fbe06a"; // 第二个柱子颜色
                     case 2:
-                      return "#fbe06a"; // 第三个柱子颜色
+                      return "#5185f3"; // 第三个柱子颜色
-                    case 3:
-                      return "#5185f3"; // 第四个柱子颜色
                   }
                 }
               },
-              barWidth: 30,
               label: {
                 normal: {
                   show: true,
@@ -1222,7 +1268,7 @@ class BI014RiskPerformanceModel extends React.Component {
           legend: {
             left: "0%",
             bottom: "10%",
-            data: ["一般任务", "关键任务", "许可作业"],
+            data: ["许可作业", "关键任务", "一般任务"],
           },
           series: [
             {
@@ -1234,13 +1280,11 @@ class BI014RiskPerformanceModel extends React.Component {
                 color: function (params) {
                   switch (params.dataIndex) {
                     case 0:
-                      return "#c02e30"; // 第一个柱子颜色
+                      return "#f7aa52"; // 第一个柱子颜色
                     case 1:
-                      return "#f7aa52"; // 第二个柱子颜色
+                      return "#fbe06a"; // 第二个柱子颜色
                     case 2:
-                      return "#fbe06a"; // 第三个柱子颜色
+                      return "#5185f3"; // 第三个柱子颜色
-                    case 3:
-                      return "#5185f3"; // 第四个柱子颜色
                   }
                 }
               },
@@ -1335,6 +1379,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -1351,9 +1396,9 @@ class BI014RiskPerformanceModel extends React.Component {
                   },
                 },
               },
-              barWidth: 30
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
@@ -1372,6 +1417,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
@@ -1390,6 +1436,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
@@ -1468,6 +1515,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -1484,9 +1532,10 @@ class BI014RiskPerformanceModel extends React.Component {
                   },
                 },
               },
-              barWidth: 30
+
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
@@ -1505,6 +1554,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
@@ -1523,6 +1573,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
@@ -1601,6 +1652,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -1617,9 +1669,10 @@ class BI014RiskPerformanceModel extends React.Component {
                   },
                 },
               },
-              barWidth: 30
+
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
@@ -1638,6 +1691,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
@@ -1656,6 +1710,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
@@ -1734,6 +1789,7 @@ class BI014RiskPerformanceModel extends React.Component {
           ],
           series: [
             {
+              barWidth: 20,
               name: "一级",
               type: "bar",
               data: Data.LEVEL1,
@@ -1750,9 +1806,10 @@ class BI014RiskPerformanceModel extends React.Component {
                   },
                 },
               },
-              barWidth: 30
+
             },
             {
+              barWidth: 20,
               name: "二级",
               type: "bar",
               data: Data.LEVEL2,
@@ -1771,6 +1828,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "三级",
               type: "bar",
               data: Data.LEVEL3,
@@ -1789,6 +1847,7 @@ class BI014RiskPerformanceModel extends React.Component {
               },
             },
             {
+              barWidth: 20,
               name: "四级",
               type: "bar",
               data: Data.LEVEL4,
@@ -1872,7 +1931,7 @@ class BI014RiskPerformanceModel extends React.Component {
               data: Data.LEVEL1,
               itemStyle: { color: this.state.level1Color },
               stack: "总量",
-              barWidth: 30,
+              barWidth: 20,
               label: {
                 normal: {
                   show: true,
@@ -1891,7 +1950,7 @@ class BI014RiskPerformanceModel extends React.Component {
               data: Data.LEVEL2,
               itemStyle: { color: this.state.level2Color },
               stack: "总量",
-              barWidth: 30,
+              barWidth: 20,
               label: {
                 normal: {
                   show: true,
@@ -1910,7 +1969,7 @@ class BI014RiskPerformanceModel extends React.Component {
               data: Data.LEVEL3,
               itemStyle: { color: this.state.level3Color },
               stack: "总量",
-              barWidth: 30,
+              barWidth: 20,
               label: {
                 normal: {
                   show: true,
@@ -1929,7 +1988,7 @@ class BI014RiskPerformanceModel extends React.Component {
               data: Data.LEVEL4,
               itemStyle: { color: this.state.level4Color },
               stack: "总量",
-              barWidth: 30,
+              barWidth: 20,
               label: {
                 normal: {
                   show: true,

src/components/CustomPages/BI/BI054HomeDetail.js

@@ -62,6 +62,9 @@ class BI054HomeDetail extends React.Component {
   componentWillUnmount() {
     // this.timerID && clearTimeout(this.timerID);
   }
+  renderSpeedColumn = ()=>{
+    return { className: 'redTableCell'} 
+  }
   loadReal = () => {
     let result = {
       ListSafeCheckCountDepartment: [
@@ -334,6 +337,7 @@ class BI054HomeDetail extends React.Component {
                 title: typeName[i],
                 dataIndex: "NUM",
                 key: i * 10 + j,
+                onCell: () => this.renderSpeedColumn(),
                 render: (value, record, index) => {
                   RowCount = record.Parent.RowCount;
                   if (
@@ -383,6 +387,7 @@ class BI054HomeDetail extends React.Component {
             if (j == 0) {
               columnsTb.push({
                 title: typeName[i],
+                onCell: () => this.renderSpeedColumn(),
                 key: i * 10 + j,
                 render: (value, record, index) => {
                   const obj = {
@@ -473,6 +478,7 @@ class BI054HomeDetail extends React.Component {
                     columnsTb.push({
                       title: typeName[i],
                       dataIndex: "NUM",
+                      onCell: () => this.renderSpeedColumn(),
                       key: i * 10 + j,
                       render: (value, record, index) => {
                         RowCount = record.Parent.RowCount;
@@ -523,6 +529,7 @@ class BI054HomeDetail extends React.Component {
                   if (j == 0) {
                     columnsTb.push({
                       title: typeName[i],
+                      onCell: () => this.renderSpeedColumn(),
                       key: i * 10 + j,
                       render: (value, record, index) => {
                         const obj = {

src/components/CustomPages/BI/BI055HomeDetail.js

@@ -276,6 +276,7 @@ class BI055HomeDetail extends React.Component {
             columnsTb.push({
               title: typeName[i],
               dataIndex: "NUM",
+              onCell: () => this.renderSpeedColumn(),
               key: i * 10 + j,
               render: (value, record, index) => {
                 RowCount = record.Parent.RowCount;
@@ -356,6 +357,7 @@ class BI055HomeDetail extends React.Component {
           if (j == 0) {
             columnsTb.push({
               title: typeName[i],
+              onCell: () => this.renderSpeedColumn(),
               key: i * 10 + j,
               render: (value, record, index) => {
                 const obj = {
@@ -456,6 +458,7 @@ class BI055HomeDetail extends React.Component {
                   //头部
                   columnsTb.push({
                     title: typeName[i],
+                    onCell: () => this.renderSpeedColumn(),
                     dataIndex: "NUM",
                     key: i * 10 + j,
                     render: (value, record, index) => {
@@ -537,6 +540,7 @@ class BI055HomeDetail extends React.Component {
                 if (j == 0) {
                   columnsTb.push({
                     title: typeName[i],
+                    onCell: () => this.renderSpeedColumn(),
                     key: i * 10 + j,
                     render: (value, record, index) => {
                       const obj = {

src/components/CustomPages/BS/BS044ShowPrint.js

@@ -32,7 +32,12 @@ class BS044ShowPrint extends React.Component {
 
     loadData = () => {
         let json = initFilter(this.props.login.OrgId);
-        extendRule(json, 'ID', 1, this.props.data.id);
+        if (this.props.data.SUBMIT_CONTENT_ID) {
+            //隐患库 查看整改单  只取  SUBMIT_CONTENT_ID ，ID传值是框架需求所传值无实际意义
+            extendRule(json, 'RISK_SUBMIT_CONTENT_ID', 1, this.props.data.SUBMIT_CONTENT_ID);
+        } else {
+            extendRule(json, 'ID', 1, this.props.data.id);
+        }
 
         extendInclude(json, 'Nav_UserDeal.Nav_UserSignFiles.Nav_ImgFile.Nav_File');
         extendInclude(json, 'Nav_UserCheck.Nav_UserSignFiles.Nav_ImgFile.Nav_File');
@@ -157,7 +162,7 @@ class BS044ShowPrint extends React.Component {
                             }</Descriptions.Item>
                             {
                                 data.Nav_ApplyDetail == null ? null :
-                                    <Descriptions.Item label="延期整改信息">{
+                                    <Descriptions.Item label="延期整改信息" span={2} >{
                                         '延期理由：' + data.Nav_ApplyDetail.REASON + ' 原整改期限：' + data.Nav_ApplyDetail.LastDate + (data.Nav_ApplyDetail.TEMPDEMAND != null ? (" 临时整改建议与措施：" + data.Nav_ApplyDetail.TEMPDEMAND) : '')
                                     }</Descriptions.Item>
                             }

src/components/CustomPages/BS/BS064ShowPrint.js

@@ -1,4 +1,4 @@
-import { Button, Descriptions, Badge, Popconfirm, Row, Col, Form, Input, Select, Table } from 'antd';
+import { Button, Icon,Modal, Descriptions, Badge, Popconfirm, Row, Col, Form, Input, Select, Table } from 'antd';
 import React from 'react';
 import { initFilter, extendRule, extendIgnoreDataRule, extendInclude, setDataFieldValue, showApprove, guid, initQueryFilter } from "../../../utils/common";
 import ReactToPrint from "react-to-print";
@@ -18,6 +18,13 @@ class BS064ShowPrint extends React.Component {
         this.state = {
             data: null,
             BtnAgreeDisplay: 'none',
+            //弹窗参数
+            detailForm: {
+              isShow: false,
+              formCode:"BS044_SHOWPRINT",
+              title: "隐患整改单",
+              ID:''
+            },
         };
     };
 
@@ -62,6 +69,37 @@ class BS064ShowPrint extends React.Component {
         XLSX.writeFile(wb, "隐患上报表.xlsx")
     }
 
+
+    //显示详情弹窗
+    showDetailModal = (SUBMIT_CONTENT_ID) => {
+        const newtmpData = {
+            data: {
+                id: SUBMIT_CONTENT_ID,//必须动态参数 这个会影响页面去后台操作数据 '00000000-0000-0000-0000-000000000000' 或者 ''都不行
+                SUBMIT_CONTENT_ID: SUBMIT_CONTENT_ID,
+            },
+            formCode: "BS044_SHOWPRINT",
+        };
+        this.setState({ tmpData: newtmpData }, () => {
+            var detailForm = {
+                isShow: true,
+                title: "隐患整改单",
+            };
+            this.setState({
+                detailForm: detailForm,
+            });
+        });
+    };
+
+    //详情弹窗关闭（隐藏）
+    detailFormClose = () => {
+        var detailForm = {
+            isShow: false,
+        };
+        this.setState({
+            detailForm: detailForm,
+        });
+    };
+
     render() {
         const { data } = this.state;
         return <div>
@@ -90,6 +128,7 @@ class BS064ShowPrint extends React.Component {
                             <td>隐患地点</td>
                             <td>整改完成时间（归档时间）</td>
                             <td>整改人</td>
+                            <td>操作</td>
                         </tr>
                         {
                             data?.map((item, i) => {
@@ -102,12 +141,26 @@ class BS064ShowPrint extends React.Component {
                                     <td>{item.ADDRESS}</td>
                                     <td>{item.FINISH_TIME}</td>
                                     <td>{item.ACTURE_USERNAME}</td>
+                                    <td><div onClick={() => this.showDetailModal(item.SUBMIT_CONTENT_ID)}><Icon type="eye" style={{ color: "#005b9b", cursor: "pointer" }} /></div></td>
                                 </tr>
                             })
                         }
                     </tbody>
                 </table>
             </div>
+            <br />
+            <div style={{ display: "inline-block" }}>
+                <Modal
+                    visible={this.state.detailForm.isShow}
+                    title={this.state.detailForm.title}
+                    maskClosable={false}
+                    closeModal={this.detailFormClose}
+                    onCancel={this.detailFormClose}
+                    footer={null}
+                    width="95%">
+                    <FormPage {...this.state.tmpData} />
+                </Modal>
+            </div>
         </div>
     }
 

src/components/CustomPages/HM/HM042ShowPrint.js

@@ -83,12 +83,15 @@ class HM042ShowPrint extends React.Component {
         if (typeof this.props.data.onCancel != "undefined" && typeof this.props.data.onCancel == 'function')
             this.props.data.onCancel();
     }
+
     loadData = (dataId) => {
         let json = initFilter(this.props.login.OrgId);
         extendRule(json, 'ID', 1, dataId);
         extendInclude(json, 'Nav_InitiatingDepartment');
         extendInclude(json, 'Nav_ReleaseUser');
         extendInclude(json, 'Nav_Details.Nav_ChargeUser');
+        extendInclude(json, 'Nav_Details.Nav_Areas.Nav_Area');
+        extendInclude(json, 'Nav_Details.Nav_Identifyings.Nav_Identifying');
         extendInclude(json, 'Nav_Files.Nav_ImgFile.Nav_File');
         extendInclude(json, 'Nav_GroupLeader.Nav_UserSignFiles.Nav_ImgFile.Nav_File');
         extendInclude(json, 'Nav_DeputyGroupLeader.Nav_UserSignFiles.Nav_ImgFile.Nav_File');
@@ -159,6 +162,43 @@ class HM042ShowPrint extends React.Component {
             tmpData: newtmpData,
         });
     }
+    joinArea(data) {
+        let ret = [];
+        for (let it of data) {
+            if (it.Nav_Area && it.Nav_Area.NAME) {
+                ret.push(it.Nav_Area.NAME);
+            }
+        }
+        return ret.join('、');
+    }
+    joinIdentifying(data) {
+        let ret = [];
+        for (let it of data) {
+            if (it.Nav_Identifying && it.Nav_Identifying.NAME) {
+                ret.push(it.Nav_Identifying.NAME);
+            }
+        }
+        return ret.join('、');
+    }
+    renderLevel(level) {
+        let str = '';
+        if (level == undefined) {
+            return str;
+        }
+        if (level.indexOf('0') >= 0) {
+            str += '部门 ';
+        }
+        if (level.indexOf('1') >= 0) {
+            str += '车间 ';
+        }
+        if (level.indexOf('2') >= 0) {
+            str += '班组 ';
+        }
+        if (level.indexOf('3') >= 0) {
+            str += '公司 ';
+        }
+        return str;
+    }
     render() {
         const { data } = this.state;
         return <div>
@@ -217,6 +257,32 @@ class HM042ShowPrint extends React.Component {
                                     {data.GROUP_LEADER_OPINION == 1 ? <img width={'200px'} alt={data.Nav_GroupLeader.NAME} src={data.Nav_GroupLeader.Nav_UserSignFiles.length > 0 ? config.picServerHost + data.Nav_GroupLeader.Nav_UserSignFiles[0].Nav_ImgFile?.Nav_File.FILE_PATH : ''} /> : ""}
                                 </Descriptions.Item>
                             </Descriptions>
+                            <table style={{ width: '100%', textAlign: 'center' }} className={styles.PrintForm1}>
+                                <tr>
+                                    <td className={styles.fontBold}>开始时间</td>
+                                    <td className={styles.fontBold}>结束时间</td>
+                                    <td className={styles.fontBold}>层级</td>
+                                    <td className={styles.fontBold}>辨识区域</td>
+                                    <td className={styles.fontBold}>类别</td>
+                                    <td className={styles.fontBold}>辨识对象</td>
+                                    <td className={styles.fontBold}>负责人</td>
+                                    <td className={styles.fontBold}>备注</td>
+                                </tr>
+                                {
+                                    data.Nav_Details && data.Nav_Details.map((item, i) => {
+                                        return <tr>
+                                            <td>{moment(item.START_TIME).format('YYYY-MM-DD')}</td>
+                                            <td>{moment(item.END_TIME).format('YYYY-MM-DD')}</td>
+                                            <td>{this.renderLevel(item.LEVEL)}</td>
+                                            <td>{this.joinArea(item.Nav_Areas)}</td>
+                                            <td>{this.joinIdentifying(item.Nav_Identifyings)}</td>
+                                            <td>{this.props.app.enums.HMRiskTypeEnmu.enums[item.RISK_TYPE]}</td>
+                                            <td>{item.Nav_ChargeUser?.NAME}</td>
+                                            <td>{item.REMARK}</td>
+                                        </tr>
+                                    })
+                                }
+                            </table>
                             <FormPage {...this.state.tmpData} />
                             <table style={{ width: '90%', lineHeight: '35px' }}>
                                 <tbody>