问题处理&巡检计划样式

web/client/src/sections/issueHandle/containers/patrolRecord.js

@@ -207,7 +207,13 @@ const PatrolRecord = (props) => {
 
     return (
         <div id='patrol-record' className='global-main'>
-            <div style={{ marginBottom: 20 }}>
+            <div style={{ marginBottom: 20, display: 'flex', justifyContent: 'space-between' }}>
+                <div className='title'>
+                    <span className='line'></span>
+                    <span className='cn'>问题处理</span>
+                    <span className='en'>&nbsp;PROBLEM HANDLING</span>
+                </div>
+                <div>
                     <Input style={{ width: 240, marginRight: 20 }}
                         value={name} onChange={e => { setName(e.target.value) }}
                         placeholder="请输入结构物名称或点位名称" allowClear />
@@ -222,6 +228,7 @@ const PatrolRecord = (props) => {
                         }))} />
                     <Button type='primary' onClick={() => { queryData() }}>搜索</Button>
                 </div>
+            </div>
             <Table
                 columns={columns}
                 dataSource={tableList}

web/client/src/sections/patrolManage/containers/patrolPlan.js

@@ -6,6 +6,7 @@ import PlanModal from '../components/planModal';
 import { createPatrolPlan, delPatrolPlan, updatePatrolPlan, getPatrolPlan } from '../actions/plan';
 import { getPatrolTemplate } from '../actions/template';
 import moment from 'moment';
+import './patrolPlan.less'
 
 function PatrolPlan(props) {
     const { dispatch, user } = props;
@@ -124,7 +125,12 @@ function PatrolPlan(props) {
     }];
 
     return (
-        <>
+        <div className='plan-main'>
+            <div className='title'>
+                <span className='line'></span>
+                <span className='cn'>巡检计划制定</span>
+                <span className='en'>&nbsp;Inspection plan making</span>
+            </div>
             <ProTable
                 columns={columns}
                 actionRef={tableRef}
@@ -133,6 +139,7 @@ function PatrolPlan(props) {
                 rowKey='id'
                 pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }}
                 search={{
+                    className: 'search-form',
                     defaultCollapsed: false,
                     labelWidth: 'auto',
                     optionRender: (searchConfig, formProps, dom) => [
@@ -172,7 +179,7 @@ function PatrolPlan(props) {
                         }}
                     /> : null
             }
-        </>
+        </div>
     )
 }
 

web/client/src/sections/patrolManage/containers/patrolPlan.less

@@ -0,0 +1,20 @@
+.plan-main {
+    background: #fff;
+
+    .search-form {
+        .ant-row-start {
+            justify-content: flex-end;
+
+            .ant-col-offset-6 {
+                margin-left: 0;
+            }
+        }
+    }
+
+    .title {
+        position: absolute;
+        top: 50px;
+        left: 50px;
+        z-index: 1;
+    }
+}