样式修改

web/client/src/sections/fillion/components/maintenanceTable.js

@@ -119,7 +119,7 @@ const DetailList = (props) => {
             }
         },
         {
-            title: '缺陷名称',
+            title: '具体内容',
             key: 'content',
             dataIndex: 'content',
             align: 'center'
@@ -191,7 +191,14 @@ const DetailList = (props) => {
 const PatrolNameList = (props) => {
     const [users, setUsers] = useState([]);
     const { onChange, record, userList, loading } = props;
-    const { name } = record || { name: '' }
+    const [selectRoad, setSelectRoad] = useState();
+
+    useEffect(() => {
+        if (userList && userList instanceof Array && userList.length) {
+            setSelectRoad(userList[0].id)
+            // onChange(userList[0]);
+        }
+    }, [userList])
     const columns = [
         {
             title: '巡更人员',
@@ -230,7 +237,7 @@ const PatrolNameList = (props) => {
                 loading={loading}
                 rowKey="name"
                 rowClassName={(record) => {
-                    return record.patrolName === name ? styles['split-row-select-active'] : '';
+                    return record.id == selectRoad ? 'list-row-actived' : '';
                 }}
                 toolBarRender={() => [
                     <Input placeholder='输入养护人员名称' onChange={doUserNameSearch} ></Input>
@@ -242,7 +249,7 @@ const PatrolNameList = (props) => {
                     return {
                         onClick: () => {
                             if (record) {
-                                console.log('record:', record)
+                                setSelectRoad(record.id);
                                 onChange(record);
                             }
                         },

web/client/src/sections/fillion/components/patrolTable.js

@@ -122,7 +122,7 @@ const DetailList = (props) => {
             }
         },
         {
-            title: '缺陷名称',
+            title: '具体内容',
             key: 'content',
             dataIndex: 'content',
             align: 'center'
@@ -194,7 +194,15 @@ const DetailList = (props) => {
 const PatrolNameList = (props) => {
     const [users, setUsers] = useState([]);
     const { onChange, record, userList, loading } = props;
-    const { name } = record || { name: '' }
+    const [selectRoad, setSelectRoad] = useState();
+
+    useEffect(() => {
+        if (userList && userList instanceof Array && userList.length) {
+            setSelectRoad(userList[0].id)
+            // onChange(userList[0]);
+        }
+    }, [userList])
+
     const columns = [
         {
             title: '巡更人员',
@@ -232,7 +240,7 @@ const PatrolNameList = (props) => {
                 loading={loading}
                 rowKey="name"
                 rowClassName={(record) => {
-                    return record.patrolName === name ? styles['split-row-select-active'] : '';
+                    return record.id == selectRoad ? 'list-row-actived' : '';
                 }}
                 toolBarRender={() => [
                     <Input placeholder='输入巡更人员名称' onChange={doUserNameSearch} ></Input>
@@ -245,6 +253,7 @@ const PatrolNameList = (props) => {
                         onClick: () => {
                             if (record) {
                                 // console.log('record:', record)
+                                setSelectRoad(record.id);
                                 onChange(record);
                             }
                         },

web/client/src/sections/fillion/components/protable.less

@@ -10,8 +10,9 @@
 }
 
 .list-row-actived {
-  background-color: #7cafc6;
+  background-color: #e2f6ff;
   font-weight: 600;
+  color: #1E80FF
 }