巡检记录的历史日值记录

src/pages/inspectiontasks/InspectionTask.less

@@ -15,3 +15,6 @@
     background-color:#F0F7F7;
   }
 }
+*{
+  font-size:16px
+}

src/pages/inspectiontasks/InspectionTasks.js

@@ -1,6 +1,7 @@
 import InspectionTaskPlan from "@/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan";
 import {ConfigProvider, Tabs} from "antd";
 import styles from './InspectionTask.less'
+import InspectionRecords from "@/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords";
 const items=[
     {
         key:1,
@@ -15,7 +16,7 @@ const items=[
     {
         key:3,
         label:'巡检记录',
-        children: <InspectionTaskPlan></InspectionTaskPlan>
+        children: <InspectionRecords></InspectionRecords>
     },
 ]
 export const Title=(props)=>{
@@ -50,7 +51,14 @@ const InspectionTasks = () => {
             },
             Table:{
                 headerBg:'#F0F7F7',
+                // bodyBg:'#F0F7F7',
+            },
+            Menu:{
+                activeBarHeight:0
             },
+            Select:{
+                activeBorderColor:'#2C9E9D'
+            }
         },
     };
     const onChange=()=>{

src/pages/inspectiontasks/components/Inspectionrecords/inspectionRecords.less

@@ -0,0 +1,118 @@
+.header{
+  display: flex;
+  backdrop-filter: blur(3.4000000953674316px);
+  box-shadow: 1px 2px 5px 0 rgba(0, 102, 101, 0.25);
+  border: 1px solid;
+
+  border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(167, 229, 228, 0) 59.69%, #A7E5E4 79.76%);
+  border-top-left-radius: 20px;
+  background-color: #fff;
+}
+.logo{
+  width: 298px;
+  background-position: -56px -6px;
+  background-repeat: no-repeat;
+  height: 54px;
+  font-size: 20px;
+  font-weight: 400;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+ }
+.menu{
+  :global(.ant-menu-title-content){
+    color: rgba(0, 102, 101, 1);
+    font-size:16px;
+  }
+  :global(.parallelogram-container___Lxkxf){
+    height:30px;
+    margin-top: 12px;
+  }
+}
+.state1{
+  color:#4E5856
+}
+.state2{
+  color:#2C9E9D
+}
+.state3{
+  color:#999999
+}
+.state1,.state2,.state3{
+  font-size: 16px;
+}
+.inspection-table{
+  :global(.ant-table-cell){
+    background-color:#F0F7F7;
+    padding:16px 1px !important;
+    border-bottom: 0.5px solid #DBE8E5 !important;
+  }
+}
+.inspection-table1{
+  :global(.ant-table-cell){
+    background-color:#F0F7F7;
+    padding:12px 1px !important;
+    border-bottom: 0.5px solid #DBE8E5 !important;
+  }
+}
+.paiBanState{
+   border: 1px solid;
+   border-image-source: conic-gradient(from 102.75deg at 50% 52.91%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(140, 160, 156, 0.5) 10.52deg, rgba(140, 160, 156, 0.35) 32.12deg, rgba(255, 255, 255, 0.5) 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(140, 160, 156, 0.35) 187.59deg, #F9F9F9 207.58deg, rgba(255, 255, 255, 0.5) 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(140, 160, 156, 0.5) 370.52deg);
+  background: #828C8833;
+  backdrop-filter: blur(8px);
+  box-shadow: -2px 4px 10px 0 #9191910D;
+  border-radius: 4px;
+  opacity: 1;
+  padding:6px 8px;
+  margin-top: 10px;
+  font-size: 12px;
+ }
+.paiBanState1{
+  border: 1px solid;
+  border-image-source: conic-gradient(from 102.75deg at 50% 52.91%, rgba(249, 249, 249, 0.5) -32.95deg, rgba(140, 160, 156, 0.5) 10.52deg, rgba(140, 160, 156, 0.35) 32.12deg, rgba(255, 255, 255, 0.5) 60.28deg, rgba(255, 255, 255, 0.5) 107.79deg, rgba(140, 160, 156, 0.35) 187.59deg, #F9F9F9 207.58deg, rgba(255, 255, 255, 0.5) 287.31deg, rgba(249, 249, 249, 0.5) 327.05deg, rgba(140, 160, 156, 0.5) 370.52deg);
+  background: #05454480;
+  backdrop-filter: blur(8px);
+  box-shadow: -2px 4px 10px 0 #9191910D;
+  border-radius: 4px;
+  opacity: 1;
+  padding:6px 8px;
+  margin-top: 10px;
+  color:#fff;
+  font-size: 12px;
+}
+.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;
+  //opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}
+.exportBtn{
+  background-size:cover;
+  background-position:center;
+  color:#fff;
+  opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}
+.resetBtn{
+  background-size:cover;
+  background-position:center;
+  color:#006665;
+  //opacity:0.7;
+  border-radius:4px;
+  width: 88px;
+  height: 36px;
+}

src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.js

@@ -16,7 +16,7 @@ import {
     RedoOutlined
 } from "@ant-design/icons";
 const {Search}=Input
-const MenuBg=(props)=>{
+export const MenuBg=(props)=>{
     return (
         <div className={styles["parallelogram-container"]}>
             <span className={styles["text-content"]}>{props.text}</span>

src/pages/inspectiontasks/components/Inspectiontaskplan/InspectionTaskPlan.less

@@ -42,17 +42,9 @@
     color: rgba(0, 102, 101, 1);
     font-size:16px;
   }
-  :global(.ant-menu-submenu-selected::after){
-      border-bottom:none !important;
-  }
-  :global(.ant-menu-submenu-open::after){
-    border-bottom:none !important;
-  }
-  :global(.ant-menu-item::after){
-    border-bottom:none !important;
-  }
   :global(.parallelogram-container___Lxkxf){
     height:30px;
+    margin-top: 12px;
   }
 }
 .parallelogram-container {
@@ -70,7 +62,7 @@
 
   /* 文字样式重置（因为容器有倾斜，内部文字需要反向倾斜） */
   font-size: 16px;
-  color: #333;
+  color:#006665;
 
   border: 1px solid;
   border-image-slice:1;