diff --git a/src/pages/smartinspection/components/Inspectiontaskplan/InspectionTaskPlan.less b/src/pages/smartinspection/components/Inspectiontaskplan/InspectionTaskPlan.less
index 4021ae9..a44332a 100644
--- a/src/pages/smartinspection/components/Inspectiontaskplan/InspectionTaskPlan.less
+++ b/src/pages/smartinspection/components/Inspectiontaskplan/InspectionTaskPlan.less
@@ -1,6 +1,6 @@
-
-.header{
+.header {
display: flex;
+ align-self: center;
backdrop-filter: blur(3.4000000953674316px);
box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
border: 1px solid;
@@ -9,7 +9,8 @@
border-top-left-radius: 20px;
background-color: #fff;
}
-.logo{
+
+.logo {
position: relative;
font-size: 20px;
font-weight: 400;
@@ -21,10 +22,11 @@
height: 54px;
width: 258px;
}
-.logo::before{
+
+.logo::before {
position: absolute;
display: block;
- content:'';
+ content: '';
top: -7px;
left: -57px;
width: 327px;
@@ -37,16 +39,19 @@
border-top-left-radius: 20px;
z-index: -1;
}
-.menu{
- :global(.ant-menu-title-content){
+
+.menu {
+ :global(.ant-menu-title-content) {
color: rgba(0, 102, 101, 1);
- font-size:16px;
+ font-size: 16px;
}
- :global(.parallelogram-container___Lxkxf){
- height:30px;
+
+ :global(.parallelogram-container___Lxkxf) {
+ height: 30px;
margin-top: 12px;
}
}
+
.parallelogram-container {
/* 平行四边形变换 */
transform: skewX(-45deg);
@@ -56,16 +61,17 @@
display: inline-flex;
align-items: center;
padding: 0 34px;
- background-color: #e0f0f0; /* 浅蓝底色 */
+ background-color: #e0f0f0;
+ /* 浅蓝底色 */
//border: none;
cursor: pointer;
/* 文字样式重置(因为容器有倾斜,内部文字需要反向倾斜) */
font-size: 16px;
- color:#006665;
+ color: #006665;
border: 1px solid;
- border-image-slice:1;
+ border-image-slice: 1;
border-image-source: linear-gradient(96.05deg, #FFFFFF 9.52%, rgba(255, 255, 255, 0) 27.03%, rgba(0, 143, 142, 0) 60.86%, #0E5A4B 72.09%);
@@ -77,29 +83,32 @@
//-webkit-transform: skewX(15deg);
margin-right: 8px;
}
-.addBtn{
- background-size:cover;
- background-position:center;
- color:#fff;
- opacity:0.7;
- border-radius:4px;
+
+.addBtn {
+ background-size: cover;
+ background-position: center;
+ color: #fff;
+ opacity: 0.7;
+ border-radius: 4px;
height: 36px;
}
-.delBtn{
- background-size:cover;
- background-position:center;
- color:#000;
+
+.delBtn {
+ background-size: cover;
+ background-position: center;
+ color: #000;
//opacity:0.7;
- border-radius:4px;
+ border-radius: 4px;
width: 88px;
height: 36px;
}
-.exportBtn{
- background-size:cover;
- background-position:center;
- color:#fff;
- opacity:0.7;
- border-radius:4px;
+
+.exportBtn {
+ background-size: cover;
+ background-position: center;
+ color: #fff;
+ opacity: 0.7;
+ border-radius: 4px;
width: 88px;
height: 36px;
}
@@ -138,75 +147,87 @@
color: black;
}
-.resetBtn{
- background-size:cover;
- background-position:center;
- color:#006665;
+.resetBtn {
+ background-size: cover;
+ background-position: center;
+ color: #006665;
//opacity:0.7;
- border-radius:4px;
+ border-radius: 4px;
width: 88px;
height: 36px;
}
-.view{
- background-color:#B7E5D533;
- margin-right:30px;
- border:none;
+
+.view {
+ background-color: #B7E5D533;
+ margin-right: 30px;
+ border: none;
}
-.paibanBg{
+
+.paibanBg {
background-size: cover;
background-position: center;
width: 100%;
height: 631px;
}
-.tree{
+
+.tree {
background-color: #E7F2ED;
- :global(.ant-tree-switcher-leaf-line::after){
- border-bottom:1px solid #006665;
+
+ :global(.ant-tree-switcher-leaf-line::after) {
+ border-bottom: 1px solid #006665;
}
- :global(.ant-tree-switcher-leaf-line::before){
- border-inline-end:1px solid #006665;
+
+ :global(.ant-tree-switcher-leaf-line::before) {
+ border-inline-end: 1px solid #006665;
}
- :global(.ant-tree-checkbox-inner){
- border:1px solid #006665 !important;
+
+ :global(.ant-tree-checkbox-inner) {
+ border: 1px solid #006665 !important;
}
- :global(.ant-tree-indent-unit::before){
- border-inline-end:none !important;
+
+ :global(.ant-tree-indent-unit::before) {
+ border-inline-end: none !important;
}
}
-.font1{
+
+.font1 {
color: #999999;
font-size: 14px;
}
-.box{
- display:flex;
- flex-wrap:wrap;
- margin:20px 0;
+
+.box {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 20px 0;
}
-.tag{
- margin-right:20px;
+
+.tag {
+ margin-right: 20px;
margin-bottom: 10px;
}
-.ul{
- li{
+
+.ul {
+ li {
margin-bottom: 10px;
}
}
-.customDrawer{
- :global(.ant-drawer-header){
- background-color:#B8E0D833 !important;
+
+.customDrawer {
+ :global(.ant-drawer-header) {
+ background-color: #B8E0D833 !important;
}
}
// 仪表盘容器样式 - 复杂边框和阴影效果
-.dashboardContainer{
+.dashboardContainer {
border: 1px solid;
border-image-slice: 1;
border-image-source: conic-gradient(from 102.21deg at 52.75% 38.75%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(64, 64, 64, 0.5) 10.52deg, rgba(64, 64, 64, 0.35) 32.12deg, #FFFFFF 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(64, 64, 64, 0.35) 187.59deg, #F9F9F9 207.58deg, #FFFFFF 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(64, 64, 64, 0.5) 370.52deg);
backdrop-filter: blur(15px);
box-shadow: -2px 4px 10px 0px rgba(145, 145, 145, 0.05),
- -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
- -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
+ -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
+ -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
}
// 阈值配置区样式 - 带背景、边框和阴影效果
@@ -216,8 +237,8 @@
border-image-source: conic-gradient(from 102.21deg at 52.75% 38.75%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(64, 64, 64, 0.5) 10.52deg, rgba(64, 64, 64, 0.35) 32.12deg, #FFFFFF 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(64, 64, 64, 0.35) 187.59deg, #F9F9F9 207.58deg, #FFFFFF 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(64, 64, 64, 0.5) 370.52deg);
backdrop-filter: blur(15px);
box-shadow: -2px 4px 10px 0px rgba(145, 145, 145, 0.05),
- -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
- -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
+ -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
+ -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
}
.chartContainer {
@@ -226,6 +247,6 @@
border-image-source: conic-gradient(from 102.21deg at 52.75% 38.75%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(64, 64, 64, 0.5) 10.52deg, rgba(64, 64, 64, 0.35) 32.12deg, #FFFFFF 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(64, 64, 64, 0.35) 187.59deg, #F9F9F9 207.58deg, #FFFFFF 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(64, 64, 64, 0.5) 370.52deg);
backdrop-filter: blur(15px);
box-shadow: -2px 4px 10px 0px rgba(145, 145, 145, 0.05),
- -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
- -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
-}
+ -7px 17px 18px 0px rgba(145, 145, 145, 0.04),
+ -15px 37px 24px 0px rgba(145, 145, 145, 0.03);
+}
\ No newline at end of file
diff --git a/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js b/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js
index 8bce2db..0a49576 100644
--- a/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js
+++ b/src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js
@@ -107,460 +107,146 @@ const Drawers = (props) => {
)
}
-// 员工表格组件
-const EmployeeTable = () => {
- // 状态管理
- const [dataSource, setDataSource] = useState([]); // 表格数据
- const [loading, setLoading] = useState(false); // 加载状态
- const [total, setTotal] = useState(0); // 总条数
- const [currentPage, setCurrentPage] = useState(1); // 当前页码
- const [pageSize, setPageSize] = useState(10); // 每页条数
- const [selectedRowKeys, setSelectedRowKeys] = useState([]); // 选中的行ID
-
- // 表格列配置
- const columns = [
- {
- title: '序号',
- dataIndex: 'index',
- key: 'index',
- width: 100,
- align: 'center',
- render: (text, record, index) => (index + 1) + (currentPage - 1) * pageSize
- },
- {
- title: '工号',
- dataIndex: 'employeeId',
- key: 'employeeId',
- align: 'center',
- },
- {
- title: '姓名',
- dataIndex: 'name',
- key: 'name',
- align: 'center',
- },
- {
- title: '性别',
- dataIndex: 'gender',
- key: 'gender',
- align: 'center',
- },
- {
- title: '所属部门',
- dataIndex: 'department',
- key: 'department',
- align: 'center',
- },
- {
- title: '岗位',
- dataIndex: 'position',
- key: 'position',
- align: 'center',
- },
- {
- title: '手机号码',
- dataIndex: 'phone',
- key: 'phone',
- align: 'center',
- },
- {
- title: '状态',
- dataIndex: 'status',
- key: 'status',
- align: 'center',
- render: (status) => (
-
| 序号 | 故障时间 | 检测区域 | @@ -2294,7 +1707,7 @@ const SmartInspectionContent = () => { marginTop: '10px' }}> -|||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {
);
case '仪器仪表采集':
+ return (
+
+ {/* 顶部批量编辑按钮 */}
+
+ );
case '环境监测':
return (
+
+
+ {/* 状态统计卡片 */}
+ | 仪器仪表采集
+
+
+
+
+ {/* 采集数据列表 */}
+ 状态统计卡片+
+ {/* 正常仪表卡片 */}
+
+
+
+
+ {/* 超限仪表卡片 */}
+
+
+
+ 正常仪表
+ 28
+
+
+
+ {/* 待确认卡片 */}
+
+
+
+ 超限仪表
+ 2
+
+
+
+
+
+ 待确认
+ 0
+
+
+
+ {/* 分页控件 */}
+ 统计数据列表+
+
+
+
+ 共95条 10/95页
+
+
+
+ ...
+
+
+
+
+
+
@@ -2553,7 +2133,7 @@ const SmartInspectionContent = () => {
// 任务规划与执行流程组件
const TaskPlanningFlow = () => {
return (
-
+
{/* 顶部标题 */}
@@ -2960,46 +2540,20 @@ const DeviceAttributeSettings = () => {
)
}
const items = [
- {
- label: |