养护大屏-养护详情模块展示字段添加优化

web/client/src/sections/quanju/containers/footer/conserve/right/right-top.js

@@ -116,7 +116,7 @@ const RightTop = (props) => {
     return (
         <>
             <Module style={style} title={"养护详情"}>
-                <div style={{ paddingLeft: '8%', height: '100%' }}>
+                <div style={{ paddingLeft: '2%', height: '100%' }}>
                     {/* {
             lists?.map((item, index) => {
               return <div style={{ display: 'flex', marginTop: "5%", justifyContent: 'space-around' }} key={index}>
@@ -134,10 +134,21 @@ const RightTop = (props) => {
               </div>
             })
           } */}
+                    <div style={{ width: "98%", height: "3vh", backgroundColor: "rgba(21,77,160,0.2)", position: "relative", left: "0%", top: "5%" }}>
+                        <p style={{ width: "30%", fontSize: "12px", color: "#FFFFFF", height: "100%", textAlign: "center", position: "absolute", lineHeight: "3vh", left: "-3%" }}>养护道路</p>
+                        <p style={{ width: "40%", fontSize: "12px", color: "#FFFFFF", height: "100%", textAlign: "center", position: "absolute", lineHeight: "3vh", left: "30%" }}>养护人</p>
+                        <p style={{ width: "30%", fontSize: "12px", color: "#FFFFFF", height: "100%", textAlign: "center", position: "absolute", lineHeight: "3vh", left: "70%" }}>养护时间</p>
+                    </div>
                     <Lun
                         // canScroll={true}
+                        // heads={['养护道路', '养护人', '养护时间']}
+                        // spans={[8, 8, 8]}
                         content={renderBody()}
-                        containerStyle={{ height: "100%", width: "90%" }}
+                        containerStyle={{
+                            position: 'relative',
+                            top: '10%',
+                            height: "80%", width: "98%"
+                        }}
                         divHeight={"100%"}
                         divId={"screen"}
                     />