问题处理&巡检计划样式

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

@@ -207,20 +207,27 @@ const PatrolRecord = (props) => {
 
     return (
         <div id='patrol-record' className='global-main'>
-            <div style={{ marginBottom: 20 }}>
+            <div style={{ marginBottom: 20, display: 'flex', justifyContent: 'space-between' }}>
-                <Input style={{ width: 240, marginRight: 20 }}
+                <div className='title'>
-                    value={name} onChange={e => { setName(e.target.value) }}
+                    <span className='line'></span>
-                    placeholder="请输入结构物名称或点位名称" allowClear />
+                    <span className='cn'>问题处理</span>
-                <Select
+                    <span className='en'>&nbsp;PROBLEM HANDLING</span>
-                    value={curState}
+                </div>
-                    onChange={e => { setCurState(e) }}
+                <div>
-                    style={{ width: 140, marginRight: 20 }}
+                    <Input style={{ width: 240, marginRight: 20 }}
-                    options={[
+                        value={name} onChange={e => { setName(e.target.value) }}
-                        { value: '全部', label: '全部' },
+                        placeholder="请输入结构物名称或点位名称" allowClear />
-                    ].concat(ISSUEHANDLE_STATE.map(s => {
+                    <Select
-                        return { value: renderOptionText(s), label: renderOptionText(s) }
+                        value={curState}
-                    }))} />
+                        onChange={e => { setCurState(e) }}
-                <Button type='primary' onClick={() => { queryData() }}>搜索</Button>
+                        style={{ width: 140, marginRight: 20 }}
+                        options={[
+                            { value: '全部', label: '全部' },
+                        ].concat(ISSUEHANDLE_STATE.map(s => {
+                            return { value: renderOptionText(s), label: renderOptionText(s) }
+                        }))} />
+                    <Button type='primary' onClick={() => { queryData() }}>搜索</Button>
+                </div>
             </div>
             <Table
                 columns={columns}

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;
+    }
+}