Commit 68a0828d authored by maple's avatar maple

[new]暂停,express未上接口

parent e713efc3
...@@ -153,16 +153,22 @@ export default defineConfig({ ...@@ -153,16 +153,22 @@ export default defineConfig({
] ]
}, },
{ {
path: '/OrderManagement/OrderManagement', path: '/OrderManagement',
name: 'ordermanagement', name: 'ordermanagement',
icon: 'ContainerOutlined', icon: 'ContainerOutlined',
component:'./runTest/Template' routes: [
{ path: './', component: './OrderManagement/Order' },
]
}, },
{ {
path: '/ContractManagement', path: '/ContractManagement',
name: 'contractmanagement', name: 'contractmanagement',
icon: 'SwitcherOutlined', icon: 'SwitcherOutlined',
component:'./ContractManagement/Contract' routes: [
{ path: './', component: './ContractManagement/Contract' },
{ path: './Detail', component: './ContractManagement/ContractContent' },
{ path: './Edit',component:'./ContractManagement/ContractContent'},
]
}, },
{ {
path: '/CommunityManagement', path: '/CommunityManagement',
......
...@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'; ...@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import styles from './Detail.less'; import styles from './Detail.less';
import { Input ,Menu,Table,Space,Upload,Modal, Button } from 'antd'; import { Input ,Menu,Table,Space,Upload,Modal, Button } from 'antd';
import { Link, useIntl, connect, Dispatch , } from 'umi'; import { Link, useIntl, connect, Dispatch } from 'umi';
import TextArea from 'antd/lib/input/TextArea'; import TextArea from 'antd/lib/input/TextArea';
...@@ -29,9 +29,6 @@ const stylesList8 = [ ...@@ -29,9 +29,6 @@ const stylesList8 = [
styles.box8item01 styles.box8item01
] ]
const goToReturn = () => {
history.back()
}
const Detail = (props) => { const Detail = (props) => {
...@@ -45,6 +42,10 @@ const Detail = (props) => { ...@@ -45,6 +42,10 @@ const Detail = (props) => {
const [editorFlag, setEditorFlag] = useState(true); const [editorFlag, setEditorFlag] = useState(true);
const { location } = props; const { location } = props;
const goToReturn = () => {
history.back()
}
useEffect(() => { useEffect(() => {
......
...@@ -37,10 +37,10 @@ const Contract = (props: { location: any; }) => { ...@@ -37,10 +37,10 @@ const Contract = (props: { location: any; }) => {
const pagination={defaultCurrent:1,total: 16} const pagination={defaultCurrent:1,total: 16}
const goToDetail = () => { const goToDetail = () => {
history.push('/PropertyManagementDetail?id=123') history.push(location.pathname+'/Detail?id=123')
} }
const goToAddAccout = () => { const goToEdit = () => {
history.push('./PropertyAccoutingEdit') history.push(location.pathname+'/Edit')
} }
const columns = [ const columns = [
{ {
...@@ -90,13 +90,8 @@ const Contract = (props: { location: any; }) => { ...@@ -90,13 +90,8 @@ const Contract = (props: { location: any; }) => {
{/* 内容组件 */} {/* 内容组件 */}
<div className={styles.box2}> <div className={styles.box2}>
{
menuListNormal.map((item, index) => { <button className={styles.buttonAdd} onClick={goToEdit}> + Add To</button>
return (<button key={"bt"+ index } className={display==item?styles.buttonChoose:styles.buttonWait} onClick={()=>{setDisplay(item)}}>{item}</button>)
})
}
<button className={styles.buttonAdd2} onClick={goToAddAccout}>+ {addaccount} </button>
<button className={styles.buttonAdd} >{paymentsetting}</button>
</div> </div>
{/* 列表组件 */} {/* 列表组件 */}
......
@import '~antd/lib/style/themes/default.less';
//基石
.base {
width: 100%;
background-color: #ffffff;
padding: 34px;
min-width: 1020px;
}
//头部组件
.box{
width: 100%;
height: 64px;
position: relative;
}
.item1{
position: absolute;
width: 400px;
text-indent: 15px;
border-left: 5px solid rgba(24,144,255,1);
font-family:'Source Han Sans CN';
font-size: 18px;
font-weight: 600;
color: #000000;
}
.item3{
width:80px;
height: 32px;
position: absolute;
right: 0;
outline: none;
background:none;
cursor: pointer;
border:1px solid rgba(217,217,217,1);
border-radius:2px;
}
.box1{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
line-height: 34px;
}
.box1item1{
position: absolute;
}
.box1item2{
position: absolute;
left: 164px;
}
.box1item3{
position: absolute;
left: 373px;
}
.box1item4{
position: absolute;
left: 530px;
}
.box1item5{
position: absolute;
left: 740px;
}
.box1item6{
position: absolute;
left: 890px;
}
.box4{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box4item1{
position: absolute;
}
.box4item2{
position: absolute;
left: 164px;
}
.box5{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box5item1{
position: absolute;
}
.box5item2{
position: absolute;
left: 164px;
}
.box6{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box6item1{
position: absolute;
}
.box6item2{
position: absolute;
left: 164px;
}
.box6item3{
position: absolute;
left: 330px;
}
.box6item2x1{
width:120px;
height:34px;
background:rgba(255,255,255,1);
border:1px solid rgba(217,217,217,1);
border-radius:2px;
text-align: center;
font-family:'Source Han Sans CN';
font-weight:400;
color:rgba(191,191,191,1);
line-height:34px;
}
.box7{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box7p{
width: 100%;
position: relative;
margin-bottom: 28px;
}
.box7item0{
padding-left: 164px;
width: 400px;
}
.box7item1{
position: absolute;
width: 100%;
height: 34px;
}
.box7item2{
position: absolute;
left: 164px;
}
.box7item3{
position: absolute;
margin-left: 330px;
}
.box8{
width: 100%;
height:194px;
position: relative;
margin-bottom: 56px;
}
.box8item1{
position: absolute;
}
.box8item2{
position: absolute;
left: 164px;
}
.box8item2x2{
font-size:12px;
font-family:'Source Han Sans CN';
font-weight:400;
color:rgba(153,153,153,1);
line-height:30px;
}
\ No newline at end of file
import React, { useState, useEffect } from 'react';
import styles from './ContractContent.less';
import { Input ,Menu,Table,Space,Pagination,Tooltip } from 'antd';
import { Link, useIntl, connect, Dispatch } from 'umi';
import { DatePicker } from 'antd';
import { Upload, Button } from 'antd';
import { UploadOutlined } from '@ant-design/icons';
import LINE from '../../components/Line/Line';
import TextArea from 'antd/lib/input/TextArea';
const uploadProps = {
// action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
onChange({ file, fileList }) {
if (file.status !== 'uploading') {
console.log(file, fileList);
}
},
};
const ContractContent = (props: { location: any; }) => {
const { location } = props;
const [ editFlag, setEditFlag ] = useState(false);
useEffect(() => {
if ((location.pathname).indexOf("/Edit")>-1) {
setEditFlag(true)
} else {
setEditFlag(false)
}
}, [location.pathname]);
const goToReturn = () => {
history.back()
}
return (
<div className={styles.base}>
{/* 头部组件 */}
<div className={styles.box}>
<div className={styles.item1}>Edit Service Provider</div>
<button className={styles.item3} onClick={goToReturn}>返回</button>
</div>
<div className={styles.box1}>
<div className={styles.box1item1}>Contract Code</div>
<div className = { styles.box1item2 } > {editFlag?(<Input style={{width:200}} placeholder="ABC123456777" />):("ABC123456777")}</div>
<div className={styles.box1item3}>Contract Party A</div>
<div className={styles.box1item4}>{editFlag?(<Input style={{width:200}} placeholder="Corporate Name" />):("Pearl Co., Ltd")}</div>
<div className={styles.box1item5}>Contract Party B</div>
<div className={styles.box1item6}>{editFlag?(<Input style={{width:200}} placeholder="Corporate Name" />):("Pearl Co., Ltd")}</div>
</div>
<div className={styles.box5}>
<div className={styles.box5item1}>Project</div>
<div className={styles.box5item2}>{editFlag?(<Input style={{width:200}} placeholder="Project Name" />):("Zhongda community")}</div>
</div>
<div className={styles.box4}>
<div className={styles.box4item1}>Contract Title</div>
<div className={styles.box4item2}>{editFlag?(<Input style={{width:200}} placeholder="XXXX Labor Contract" />):("Zhongda community")}</div>
</div>
<div className={styles.box6}>
<div className={styles.box6item1}>Effective Date</div>
<div className={styles.box6item2}>{editFlag ? (<DatePicker style={{width:140}}/>) : (<div className={styles.box6item2x1}>25-03-2020</div>)}</div>
<div className={styles.box6item3}>{editFlag ? (<DatePicker style={{width:140}}/>) : (<div className={styles.box6item2x1}>25-03-2021</div>)}</div>
</div>
{
editFlag ? (
<div className={styles.box7p}>
<div className={styles.box7item1}>Contract</div>
<div className={styles.box7item0}>
<Upload {...uploadProps}>
<Button>
<UploadOutlined /> Upload
</Button>
</Upload>
</div>
</div>
) : (
<div className={styles.box7}>
<div className={styles.box7item1}>Contract</div>
<div className={styles.box7item2}>2020 Contract.PDF</div>
<div className={styles.box7item3}><a>Preview</a></div>
</div>
)
}
<div className={styles.box8}>
<div className={styles.box8item1}>Reminder Content</div>
<div className={styles.box8item2}>
<div className={styles.box8item2x1}>
{
editFlag ? (<TextArea autoSize={false} style={{ padding: 8, width: 600, height: 194 }}></TextArea>) : (
<TextArea autoSize={false} style={{padding:8,width:600,height:194}} disabled value={"The contract will expire soon. Please prepare the contract plan"}></TextArea>
)
}
</div>
<div className={styles.box8item2x2}>The system will send out reminders of contract expiration on 25</div>
</div>
</div>
{
editFlag ? (<div>
<LINE/>
<Button type="primary" size="large">Submit</Button>
</div>):(<div />)
}
</div>
);
};
export default ContractContent;
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Input ,Menu,Table,Space} from 'antd';
import { Link, useIntl, connect, Dispatch, history } from 'umi';
const dataSource = [
{
key: '1',
name: '胡彦斌',
age: 32,
address: '西湖区湖底公园1号',
},
];
const Order = (props: { location: any; }) => {
const { formatMessage } = useIntl();
const { location } = props;
const nameofowner = formatMessage({ id: 'R.charge.input.nameofowner' })
const inputProject = formatMessage({ id: 'R.charge.input.project' })
const username = formatMessage({ id: 'R.charge.username' })
const project = formatMessage({ id: 'R.charge.project' })
const unit = formatMessage({ id: 'R.charge.unit' })
const status = formatMessage({ id: 'R.charge.status' })
const submissionTime = formatMessage({ id: 'R.charge.submissionTime' })
const actions = formatMessage({ id: 'R.charge.actions' })
const search = formatMessage({ id: 'R.charge.search' })
const addaccount = formatMessage({ id: 'R.charge.addaccount' })
const paymentsetting = formatMessage({ id: 'R.charge.paymentsetting' })
const menuListNormal = ["A",'Accounting company']
const [display, setDisplay] = useState("A");//小组件:线框
const pagination={defaultCurrent:1,total: 16}
const goToDetail = () => {
history.push(location.pathname+'/Detail?id=123')
}
const goToEdit = () => {
history.push(location.pathname+'/Edit')
}
const columns = [
{
title: username,
dataIndex: 'name',
key: 'name',
},
{
title: project,
dataIndex: 'age',
key: 'age',
},
{
title: unit,
dataIndex: 'address',
key: 'address',
},
{
title: status,
dataIndex: 'address',
key: 'address',
},
{
title: submissionTime,
dataIndex: 'address',
key: 'address',
},
{
title: actions,
key: 'action',
render: (text: any, record: any) => (
<Space size="middle">
<a onClick={goToDetail}>Detail</a>
</Space>
),
},
];
return (
<div className={styles.base}>
{/* 头部组件 */}
<div className={styles.box}>
<input className={styles.item1} placeholder={nameofowner} />
<input className={styles.item2} placeholder={inputProject} />
<input className={styles.item4} placeholder={inputProject} />
<button className={styles.item3}>{search}</button>
</div>
{/* 内容组件 */}
<div className={styles.box2}>
</div>
{/* 列表组件 */}
<Table style={{ marginTop: 16 }} dataSource={dataSource} columns={columns} pagination={pagination} />
</div>
);
};
export default Order;
@import '~antd/lib/style/themes/default.less';
//基石
.base {
width: 100%;
background-color: #ffffff;
padding: 34px;
}
//边栏1
//头部组件
.box{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 56px;
}
.input{
width:200px;
height:32px;
background:none;
outline: none;
border:1px solid rgba(217,217,217,1);
border-radius:2px;
font-size:14px;
font-weight:400;
line-height:30px;
text-indent: 19px;
}
.item1{
.input();
}
.item2{
.input();
margin-left: 20px;
}
.item4{
.input();
margin-left: 20px;
}
.item3{
width:80px;
height:32px;
border:1px solid rgba(24,144,255,1);
border-radius:2px;
background-color:#e7f4ff;
outline: none;
font-size:14px;
font-weight:400;
color:rgba(24,144,255,1);
line-height:30px;
cursor: pointer;
margin-left: 20px;
}
.item3:active{
background-color:#ffffff;
}
//边栏2
.box2{
width: 100%;
height: 40px;
margin-top: 0px;
position: relative;
}
//小组件1
.buttonLine{
width:240px;
height:32px;
border:none;
background:none;
outline: none;
font-size:14px;
font-weight:400;
line-height:30px;
cursor: pointer;
}
.fontgz(){
font-size:16px;
font-family:'Source Han Sans CN;';
font-weight:800;
}
.buttonWait{
.buttonLine();
border-bottom:2px solid#dedede;
color:#454545;
.fontgz();
}
.buttonWait:hover{
border-bottom:3px solid rgba(24,144,255,1);
color:rgba(24,144,255,1);
.fontgz();
}
.buttonChoose{
.buttonLine();
border-bottom:3px solid rgba(24,144,255,1);
color:rgba(24,144,255,1);
.fontgz();
}
.buttonAdd{
background:none;
outline: none;
cursor: pointer;
width:148px;
height:32px;
border:1px solid rgba(24,144,255,1);
color:rgba(24,144,255,1);
border-radius:2px;
position: absolute;
right: 0;
}
.buttonAdd2{
.buttonAdd();
right: 168px;
}
...@@ -2,21 +2,24 @@ import React, { useState, useEffect } from 'react'; ...@@ -2,21 +2,24 @@ import React, { useState, useEffect } from 'react';
import styles from './AccoutingContent.less'; import styles from './AccoutingContent.less';
import { Input ,Button,Table,Space,Pagination,Tooltip } from 'antd'; import { Input ,Button,Table,Space,Pagination,Tooltip } from 'antd';
import { Link, useIntl, connect, Dispatch ,history } from 'umi'; import { Link, useIntl, connect, Dispatch } from 'umi';
import Line from '../../components/Line/Line'; import Line from '../../components/Line/Line';
import SelectOptions from '../../components/SelectOptions/index'; import SelectOptions from '../../components/SelectOptions/index';
import { indexOf } from 'lodash';
const goToReturn = () => {
history.back()
}
const AccoutingContent = (props: { location: any; }) => { const AccoutingContent = (props: { location: any; }) => {
const { location } = props; const { location } = props;
const goToReturn = () => {
history.back()
};
const [ editFlag, setEditFlag ] = useState(false); const [ editFlag, setEditFlag ] = useState(false);
useEffect(() => { useEffect(() => {
if (location.pathname=="/PropertyAccoutingEdit") { if ((location.pathname).indexOf("/AccoutingDetail")>-1) {
setEditFlag(true) setEditFlag(true)
} else { } else {
setEditFlag(false) setEditFlag(false)
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
.buttonWait{ .buttonWait{
.buttonLine(); .buttonLine();
border-bottom:2px solid#dedede; border-bottom:3px solid#dedede;
color:#454545; color:#454545;
.fontgz(); .fontgz();
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
.item1{ .item1{
position: absolute; position: absolute;
width: 400px; width: 400px;
text-align: center; text-indent: 15px;
border-left: 5px solid rgba(24,144,255,1); border-left: 5px solid rgba(24,144,255,1);
font-family:'Source Han Sans CN'; font-family:'Source Han Sans CN';
font-size: 18px; font-size: 18px;
...@@ -39,7 +39,22 @@ ...@@ -39,7 +39,22 @@
border-radius:2px; border-radius:2px;
} }
.bigbox{
position: relative;
}
.box0{
position: absolute;
left: 978px;
}
.box0item1{
width:108px;
height:108px;
background-color: #e7e7e7;
}
.box0item2{
width:108px;
text-align: center;
}
.box1{ .box1{
width: 100%; width: 100%;
height: 34px; height: 34px;
......
...@@ -66,7 +66,11 @@ const Template = () => { ...@@ -66,7 +66,11 @@ const Template = () => {
<button className={styles.item3} onClick={goToReturn}>返回</button> <button className={styles.item3} onClick={goToReturn}>返回</button>
</div> </div>
<div className={styles.bigbox}>
<div className={styles.box0}>
<div className={styles.box0item1}></div>
<div className={styles.box0item2}>334562</div>
</div>
<div className={styles.box1}> <div className={styles.box1}>
<div className={styles.box1item1}>Company Name</div> <div className={styles.box1item1}>Company Name</div>
<div className={styles.box1item2}>Free Limited</div> <div className={styles.box1item2}>Free Limited</div>
...@@ -74,7 +78,7 @@ const Template = () => { ...@@ -74,7 +78,7 @@ const Template = () => {
<div className={styles.box2}> <div className={styles.box2}>
<div className={styles.box2item1}>Office Address</div> <div className={styles.box2item1}>Office Address</div>
<div className={styles.box2item2}>Albert Street, 175, Singapore, Albert, Bugis, Victoria Street, </div> <div className={styles.box2item2}>Albert Street, 175, Singapore, Albert, Bugis, Victoria Street, </div>
</div> </div>
<div className={styles.box3}> <div className={styles.box3}>
...@@ -98,7 +102,7 @@ const Template = () => { ...@@ -98,7 +102,7 @@ const Template = () => {
<div className={styles.box7}> <div className={styles.box7}>
<div className={styles.box1item1}>Security Guard Account</div> <div className={styles.box1item1}>Security Guard Account</div>
</div> </div>
</div>
{/* 列表组件 */} {/* 列表组件 */}
<Table style={{ marginTop: 16 }} dataSource={dataSource} columns={columns} pagination={pagination} /> <Table style={{ marginTop: 16 }} dataSource={dataSource} columns={columns} pagination={pagination} />
......
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import styles from './index.less'; import styles from './index.less';
import { Input ,Button,Table,Space,Pagination,Tooltip } from 'antd'; import { Input ,Menu,Table,Space,Pagination,Tooltip } from 'antd';
import { Link, useIntl, connect, Dispatch,history } from 'umi'; import { Link, useIntl, connect, Dispatch } from 'umi';
import { DatePicker } from 'antd';
import Line from '../../components/Line/Line'; import { Upload, Button } from 'antd';
import SelectOptions from '../../components/SelectOptions/index'; import { UploadOutlined } from '@ant-design/icons';
const Template = (props: { location: any; }) => { import LINE from '../../components/Line/Line';
import TextArea from 'antd/lib/input/TextArea';
const { location } = props; const uploadProps = {
// action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
onChange({ file, fileList }) {
if (file.status !== 'uploading') {
console.log(file, fileList);
}
},
};
const ContractContent = (props: { location: any; }) => {
const [editFlag, setEditFlag ]= useState(false); const { location } = props;
useEffect(() => {
const [ editFlag, setEditFlag ] = useState(false);
if (location.pathname=="/PropertyAccoutingDetail") { useEffect(() => {
if ((location.pathname).indexOf("/ContractDetail")>-1) {
setEditFlag(true) setEditFlag(true)
} else { } else {
setEditFlag(false) setEditFlag(false)
} }
},[location.pathname]); }, [location.pathname]);
const gotoReturn=() => {
history.back()
}
const printContent = (comment: any)=>{
console.log(comment)
}
const goToReturn = () => {
history.back()
}
return ( return (
<div className={styles.base}> <div className={styles.base}>
{/* 头部组件 */} {/* 头部组件 */}
<div className={styles.box}> <div className={styles.box}>
<div className={styles.item1}>Add Accounting</div> <div className={styles.item1}>Edit Service Provider</div>
<button className={styles.item3} onClick={gotoReturn}>Return</button> <button className={styles.item3} onClick={goToReturn}>返回</button>
</div> </div>
<div className={styles.box1}> <div className={styles.box1}>
<div className={styles.box1item1}>Company Name</div> <div className={styles.box1item1}>Contract Code</div>
<div className={styles.box1item2}><Input style={{width:260}} placeholder="Please enter company name"/></div> <div className = { styles.box1item2 } > {editFlag?(<Input style={{width:200}} placeholder="ABC123456777" />):("ABC123456777")}</div>
<div className={styles.box1item3}>Office Address</div> <div className={styles.box1item3}>Contract Party A</div>
<div className={styles.box1item4}><Input style={{width:200}} placeholder="Single Line Input"/></div> <div className={styles.box1item4}>{editFlag?(<Input style={{width:200}} placeholder="Corporate Name" />):("Pearl Co., Ltd")}</div>
<div className={styles.box1item5}>Contract Party B</div>
<div className={styles.box1item6}>{editFlag?(<Input style={{width:200}} placeholder="Corporate Name" />):("Pearl Co., Ltd")}</div>
</div> </div>
<Line/>
<div style={{marginBottom:28}}>Service Community</div> <div className={styles.box5}>
<SelectOptions list={["美国","美丽的","美好","加拿大","加油","XO"].sort()} onSubmit={printContent}/> <div className={styles.box5item1}>Project</div>
<div className={styles.box5item2}>{editFlag?(<Input style={{width:200}} placeholder="Project Name" />):("Zhongda community")}</div>
<div className={styles.box2}>
<div className={styles.box2item1}>Services Available</div>
<div className={styles.box2item2}>Accounting</div>
</div> </div>
<div className={styles.box4}>
<div className={styles.box4item1}>Contract Title</div>
<div className={styles.box4item2}>{editFlag?(<Input style={{width:200}} placeholder="XXXX Labor Contract" />):("Zhongda community")}</div>
</div>
<div className={styles.box2}> <div className={styles.box6}>
<div className={styles.box2item1}>Person In Charge</div> <div className={styles.box6item1}>Effective Date</div>
<div className={styles.box2item2}>{editFlag?(<Input placeholder="Please enter a name" style={{width:200}}/>):("123")}</div> <div className={styles.box6item2}>{editFlag ? (<DatePicker style={{width:140}}/>) : (<div className={styles.box6item2x1}>25-03-2020</div>)}</div>
<div className={styles.box6item3}>{editFlag ? (<DatePicker style={{width:140}}/>) : (<div className={styles.box6item2x1}>25-03-2021</div>)}</div>
</div> </div>
{
editFlag ? (
<div className={styles.box7p}>
<div className={styles.box7item1}>Contract</div>
<div className={styles.box7item0}>
<Upload {...uploadProps}>
<Button>
<UploadOutlined /> Upload
</Button>
</Upload>
</div>
</div>
) : (
<div className={styles.box7}>
<div className={styles.box7item1}>Contract</div>
<div className={styles.box7item2}>2020 Contract.PDF</div>
<div className={styles.box7item3}><a>Preview</a></div>
</div>
)
}
<div className={styles.box3}>
<div className={styles.box3item1}>Contact Details</div> <div className={styles.box8}>
<div className={styles.box3item2}><Input placeholder="Telephone" style={{width:200}}/></div> <div className={styles.box8item1}>Reminder Content</div>
<div className={styles.box3item3}><Input placeholder="E-mail" style={{width:200}}/></div> <div className={styles.box8item2}>
<div className={styles.box8item2x1}>
{
editFlag ? (<TextArea autoSize={false} style={{ padding: 8, width: 600, height: 194 }}></TextArea>) : (
<TextArea autoSize={false} style={{padding:8,width:600,height:194}} disabled value={"The contract will expire soon. Please prepare the contract plan"}></TextArea>
)
}
</div>
<div className={styles.box8item2x2}>The system will send out reminders of contract expiration on 25</div>
</div>
</div> </div>
{
editFlag ? (<div>
<LINE/>
<Button type="primary" size="large">Submit</Button>
</div>):(<div />)
}
<Line/>
<Button type="primary" size="large">提交</Button>
</div> </div>
); );
}; };
export default ContractContent;
export default Template;
...@@ -16,13 +16,14 @@ ...@@ -16,13 +16,14 @@
} }
.item1{ .item1{
position: absolute; position: absolute;
width: 320px; width: 400px;
text-indent: 15px; text-indent: 15px;
border-left: 5px solid rgba(24,144,255,1); border-left: 5px solid rgba(24,144,255,1);
font-family:'Source Han Sans CN'; font-family:'Source Han Sans CN';
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #000000; color: #000000;
} }
.item3{ .item3{
width:80px; width:80px;
...@@ -38,56 +39,145 @@ ...@@ -38,56 +39,145 @@
border-radius:2px; border-radius:2px;
} }
.box1{ .box1{
width: 100%; width: 100%;
height: 34px; height: 34px;
position: relative; position: relative;
margin-bottom: 28px;
line-height: 34px;
} }
.box1item1{ .box1item1{
position: absolute; position: absolute;
} }
.box1item2{ .box1item2{
position: absolute; position: absolute;
left: 154px; left: 164px;
} }
.box1item3{ .box1item3{
position: absolute; position: absolute;
left: 499px; left: 373px;
} }
.box1item4{ .box1item4{
position: absolute; position: absolute;
left: 648px; left: 530px;
}
.box1item5{
position: absolute;
left: 740px;
}
.box1item6{
position: absolute;
left: 890px;
}
.box4{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box4item1{
position: absolute;
}
.box4item2{
position: absolute;
left: 164px;
} }
.box2{ .box5{
width: 100%; width: 100%;
height: 34px; height: 34px;
position: relative; position: relative;
margin-top: 28px; margin-bottom: 28px;
} }
.box2item1{ .box5item1{
position: absolute; position: absolute;
} }
.box2item2{ .box5item2{
position: absolute; position: absolute;
left: 189px; left: 164px;
} }
.box3{ .box6{
width: 100%; width: 100%;
height: 34px; height: 34px;
position: relative; position: relative;
margin-top: 28px; margin-bottom: 28px;
} }
.box3item1{ .box6item1{
position: absolute; position: absolute;
} }
.box3item2{ .box6item2{
position: absolute; position: absolute;
left: 189px; left: 164px;
} }
.box3item3{
.box6item3{
position: absolute; position: absolute;
left: 405px; left: 330px;
}
.box6item2x1{
width:120px;
height:34px;
background:rgba(255,255,255,1);
border:1px solid rgba(217,217,217,1);
border-radius:2px;
text-align: center;
font-family:'Source Han Sans CN';
font-weight:400;
color:rgba(191,191,191,1);
line-height:34px;
}
.box7{
width: 100%;
height: 34px;
position: relative;
margin-bottom: 28px;
}
.box7p{
width: 100%;
position: relative;
margin-bottom: 28px;
}
.box7item0{
padding-left: 164px;
width: 400px;
}
.box7item1{
position: absolute;
width: 100%;
height: 34px;
}
.box7item2{
position: absolute;
left: 164px;
}
.box7item3{
position: absolute;
margin-left: 330px;
}
.box8{
width: 100%;
height:194px;
position: relative;
margin-bottom: 56px;
}
.box8item1{
position: absolute;
}
.box8item2{
position: absolute;
left: 164px;
}
.box8item2x2{
font-size:12px;
font-family:'Source Han Sans CN';
font-weight:400;
color:rgba(153,153,153,1);
line-height:30px;
} }
\ No newline at end of file
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
.item1{ .item1{
position: absolute; position: absolute;
width: 180px; width: 180px;
text-align: center; text-indent: 15px;
border-left: 5px solid rgba(24,144,255,1); border-left: 5px solid rgba(24,144,255,1);
font-family:'Source Han Sans CN'; font-family:'Source Han Sans CN';
font-size: 18px; font-size: 18px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment