From d7c085262b1f87561aa311f77814499060fea1a4 Mon Sep 17 00:00:00 2001 From: zjlnb666 <14659021+zhangjianlong666@user.noreply.gitee.com> Date: Fri, 12 Sep 2025 14:45:38 +0800 Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E6=82=A3=E6=8E=92=E6=9F=A5=E7=BB=93?= =?UTF-8?q?=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/routes.js | 6 +++ .../HiddenTrouble.js | 30 +++++++++++ .../component/MyCard.js | 49 +++++++++++++++++ .../hiddenDangerInspection.js | 54 +++++++++++++++++++ .../nav_system_content/SystemContentList.less | 4 +- src/pages/topnavbar/TopNavBar.js | 5 ++ src/pages/topnavbar/TopNavBar.less | 2 +- 7 files changed, 147 insertions(+), 3 deletions(-) create mode 100644 src/pages/hrefficiency_hiddentrouble/HiddenTrouble.js create mode 100644 src/pages/hrefficiency_hiddentrouble/component/MyCard.js create mode 100644 src/pages/hrefficiency_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js diff --git a/config/routes.js b/config/routes.js index fd4a34a..cdfdd5a 100644 --- a/config/routes.js +++ b/config/routes.js @@ -61,6 +61,12 @@ export default [ name: 'workreport', component: './hrefficiency_workreport/WorkReport', }, + // 隐患排查 + { + path:'/topnavbar00/hrefficiency/hiddentrouble', + name: 'hiddentrouble', + component: './hrefficiency_hiddentrouble/HiddenTrouble', + } ], }, ], diff --git a/src/pages/hrefficiency_hiddentrouble/HiddenTrouble.js b/src/pages/hrefficiency_hiddentrouble/HiddenTrouble.js new file mode 100644 index 0000000..e5945e0 --- /dev/null +++ b/src/pages/hrefficiency_hiddentrouble/HiddenTrouble.js @@ -0,0 +1,30 @@ +import MyCard from "@/pages/hrefficiency_hiddentrouble/component/MyCard"; +import {Col, Row, Tabs} from "antd"; +import HiddenDangerInspection + from "@/pages/hrefficiency_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection"; + +const items = [ + { + key: '1', + label: '隐患检查', + children: , + }, + { + key: '2', + label: '隐患整改', + children: 'Content of Tab Pane 2', + }, + { + key: '3', + label: '隐患统计', + children: 'Content of Tab Pane 3', + }, +]; +const HiddenTrouble = () => { + return ( + <> + + + ) +} +export default HiddenTrouble diff --git a/src/pages/hrefficiency_hiddentrouble/component/MyCard.js b/src/pages/hrefficiency_hiddentrouble/component/MyCard.js new file mode 100644 index 0000000..c78c8f6 --- /dev/null +++ b/src/pages/hrefficiency_hiddentrouble/component/MyCard.js @@ -0,0 +1,49 @@ +import Icon from "antd/es/icon"; + +const HourglassSvg=()=>{ + return ( + + hourglass icon + + + ) +} +const HourglassIcon=(props)=>{ + return( + + ) +} + +const MyCard = (props) => { + return ( +
+
+
{props.title}
+
{props.num}
+ {props.flag === 1 &&
+ {props.grow === 1 ? <>⬆ : <>⬇} {props.data}% 较上周 +
} + {props.flag===2 &&
+ {props.grow===1 ? <>⬆:<>⬇} {props.data}% 较上周 +
} + {props.flag===3 &&
+ {props.grow===1 ? <>⬆:<>⬇} {props.data}% 较上周 +
} +
+
+ +
+
+ ) +} +export default MyCard; diff --git a/src/pages/hrefficiency_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js b/src/pages/hrefficiency_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js new file mode 100644 index 0000000..ec742a0 --- /dev/null +++ b/src/pages/hrefficiency_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js @@ -0,0 +1,54 @@ +import {Col, Row} from "antd"; +import MyCard from "@/pages/hrefficiency_hiddentrouble/component/MyCard"; +const dataList=[ + { + title:'隐患总数', + num:'169', + data:'12', + flag:1, + grow:1, + backgroundColor:'#E5EEFE', + color:'#1269FF', + }, + { + title:'已整改隐患', + num:'169', + data:'12', + flag:1, + grow:1, + backgroundColor:'#D9F8E8', + color:'#1DCE74', + }, + { + title:'整改中隐患', + num:'169', + data:'8', + flag:2, + grow:0, + backgroundColor:'#FFF3E9', + color:'orange', + }, + { + title:'超期未整改', + num:'169', + data:'2', + flag:3, + grow:0, + backgroundColor:'#FFE6E8', + color:'#FF3E48', + } +] +const HiddenDangerInspection=()=>{ + return( + <> +
+ + {dataList.map((item) => { + return + })} + +
+ + ) +} +export default HiddenDangerInspection diff --git a/src/pages/nav_system_content/SystemContentList.less b/src/pages/nav_system_content/SystemContentList.less index be78f5c..3260f3d 100644 --- a/src/pages/nav_system_content/SystemContentList.less +++ b/src/pages/nav_system_content/SystemContentList.less @@ -105,10 +105,10 @@ .rightContentMain { width: 100%; - background-color: #ffffff; + //background-color: #ffffff; // border-radius: 6px; overflow-y: auto; // height: 100%; overflow: auto; } -} \ No newline at end of file +} diff --git a/src/pages/topnavbar/TopNavBar.js b/src/pages/topnavbar/TopNavBar.js index 71ee4c3..d50ba83 100644 --- a/src/pages/topnavbar/TopNavBar.js +++ b/src/pages/topnavbar/TopNavBar.js @@ -38,6 +38,11 @@ const menuItem = [ key: '/topnavbar00/hrefficiency/allstaffuph', // icon: , }, + { + label: '隐患排查', + key: '/topnavbar00/hrefficiency/hiddentrouble', + // icon: , + }, ] }, ] diff --git a/src/pages/topnavbar/TopNavBar.less b/src/pages/topnavbar/TopNavBar.less index 73c847d..cd4277d 100644 --- a/src/pages/topnavbar/TopNavBar.less +++ b/src/pages/topnavbar/TopNavBar.less @@ -53,4 +53,4 @@ height: calc(100% - 46px); overflow-y: hidden; } -} \ No newline at end of file +}