Commit d8a40b9f authored by cellee's avatar cellee

Merge branch 'final' of http://120.77.240.215:9701/Maple/tostumi.git into final

parents e9315581 d16f6558
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import styles from './index.less'; import styles from './index.less';
import { Row, Col, Table, Space, Tabs, Button } from 'antd'; import { Row, Col, Table, Space, Tabs, Button } from 'antd';
const { TabPane } = Tabs const { TabPane } = Tabs;
import { objectColumns } from '@/utils/string'; import { objectColumns } from '@/utils/string';
import { size } from 'lodash'; import { size } from 'lodash';
import Toast from '../Toast/Toast'; import Toast from '../Toast/Toast';
const TableShow = (props: any) => { const TableShow = (props: any) => {
const { data } = props; const { data } = props;
const dataRow = data.rows; const dataRow = data.rows;
const goTo = (values: any, e: any) => { const goTo = (values: any, e: any) => {
console.log(values) console.log(values);
props.onSubmit(values) props.onSubmit(values);
} };
const deleteUnit = (values: any, e: any) => { const deleteUnit = (values: any, e: any) => {
props.onChange(values) props.onChange(values);
} };
useEffect(() => { useEffect(() => {
console.log("组件入参") console.log('组件入参');
console.log(dataRow) console.log(dataRow);
}, []) }, []);
// //
// Contact Details // Contact Details
// Email // Email
...@@ -38,69 +35,117 @@ const TableShow = (props: any) => { ...@@ -38,69 +35,117 @@ const TableShow = (props: any) => {
// Owner/Family Member/Tenant // Owner/Family Member/Tenant
// const user_status = [[1, "家属"], [2, "租户"]] // const user_status = [[1, "家属"], [2, "租户"]]
const user_status = [[1, "Family Member"], [2, "Tenant"]] const user_status = [
[1, 'Family Member'],
[2, 'Tenant'],
];
// const user_type_status = ["Registered", "Unregistered", "Cancellation"] // const user_type_status = ["Registered", "Unregistered", "Cancellation"]
const user_type_status = ["Normal", "Normal", "Cancellation"] const user_type_status = ['Normal', 'Normal', 'Cancellation'];
const user_code = ["Not Used", "Used"] const user_code = ['Not Used', 'Used'];
const key = objectColumns([ const key = objectColumns([
["User Name", "ower_name"], ['User Name', 'ower_name'],
["Contact Details", "ower_phone"], ['Contact Details', 'ower_phone'],
["Email", "ower_email"], ['Email', 'ower_email'],
["RelationShip", null, (text: any, record: any) => (<Space size="middle">{record.owner_relationship != null ? user_status[(record.owner_relationship) - 1][1] : null}</Space>)], [
["status", null, (text: any, record: any) => (<Space size="middle">{user_type_status[record.enable]}</Space>)], 'RelationShip',
["Actions", null, (text: any, record: any) => (<Space size="middle"> <a onClick={goTo.bind(this, record)}>Detail</a></Space>)], null,
]) (text: any, record: any) => (
<Space size="middle">
{record.owner_relationship != null ? user_status[record.owner_relationship - 1][1] : null}
</Space>
),
],
[
'status',
null,
(text: any, record: any) => <Space size="middle">{user_type_status[record.enable]}</Space>,
],
[
'Actions',
null,
(text: any, record: any) => (
<Space size="middle">
{' '}
<a onClick={goTo.bind(this, record)}>Detail</a>
</Space>
),
],
]);
return ( return (
<> <>
<Tabs defaultActiveKey="0" > <Tabs defaultActiveKey="0">
{ {dataRow.map((item, index) => {
dataRow.map((item, index) => {
return ( return (
<TabPane tab={item.name} key={index}> <TabPane tab={item.name} key={index}>
<Row gutter={16}><Col>Address:</Col><Col>{((item).owner).addressAndpostalCode + " " + ((item).owner).buildingNumber + "#" + ((item).owner).floorNumber + "-" + ((item).owner).roomNumber}</Col></Row> <Row gutter={16}>
{ <Col>Address:</Col>
(item.unit).map((unit: any, uindex: any) => { <Col>
{item.owner.buildingNumber +
'#' +
item.owner.floorNumber +
'-' +
item.owner.roomNumber +
',' +
item.owner.addressAndpostalCode}
</Col>
</Row>
{item.unit.map((unit: any, uindex: any) => {
return ( return (
<div key={unit.living}> <div key={unit.living}>
<Row gutter={32}> <Row gutter={32}>
<Col span={20}> <Col span={20}>
<Table title={() => { <Table
title={() => {
return ( return (
<div style={{ height: 80, position: "relative" }}> <div style={{ height: 80, position: 'relative' }}>
<div style={{ position: "absolute", left: 0, bottom: 16 }}> <div style={{ position: 'absolute', left: 0, bottom: 16 }}>
<Row gutter={32}><Col>Unit No:</Col><Col>{unit.living}</Col></Row> <Row gutter={32}>
<Col>Unit No:</Col>
<Col>{unit.living}</Col>
</Row>
</div> </div>
<div style={{ position: "absolute", right: 0, bottom: 16 }}> <div style={{ position: 'absolute', right: 0, bottom: 16 }}>
{props.deleteDisable ? null : <Button type="primary" danger onClick={deleteUnit.bind(this, unit.living)}>Delete</Button>} {props.deleteDisable ? null : (
<Button
type="primary"
danger
onClick={deleteUnit.bind(this, unit.living)}
>
Delete
</Button>
)}
</div> </div>
</div> </div>
) );
}} footer={() => ''} rowKey={"ower_name"} dataSource={unit.member} columns={key} pagination={false}></Table> }}
footer={() => ''}
rowKey={'ower_name'}
dataSource={unit.member}
columns={key}
pagination={false}
></Table>
</Col> </Col>
<Col> <Col>
<Row> <Row>
<img width={80} src={unit.imgUrl} /> <img width={80} height={80} src={unit.imgUrl} />
</Row>
<Row style={{ marginTop: 8 }}>
<div style={{ width: 80, textAlign: 'center' }}>
{item.owner.cdkCode}({user_code[item.owner.cdkStatus]})
</div>
</Row> </Row>
<Row style={{ marginTop: 8 }}><div style={{ width: 80, textAlign: "center" }}>{item.owner.cdkCode}({user_code[item.owner.cdkStatus]})</div></Row>
</Col> </Col>
</Row> </Row>
</div> </div>
) );
}) })}
}
</TabPane> </TabPane>
) );
}) })}
}
</Tabs> </Tabs>
</> </>
); );
}; };
...@@ -125,6 +170,8 @@ export default TableShow; ...@@ -125,6 +170,8 @@ export default TableShow;
// ower_phone: "微微" // ower_phone: "微微"
// room_number: "399" // room_number: "399"
{/* <div style={{ width: 80, height: 80, border: "1px solid #cccccc",padding:8,lineHeight:1,textAlign:"center",fontSize:12}}> {
/* <div style={{ width: 80, height: 80, border: "1px solid #cccccc",padding:8,lineHeight:1,textAlign:"center",fontSize:12}}>
Activation Code Has Been Used/Is Inactive Activation Code Has Been Used/Is Inactive
</div> */} </div> */
\ No newline at end of file }
...@@ -14,7 +14,7 @@ const TitleBack = (props: any) => { ...@@ -14,7 +14,7 @@ const TitleBack = (props: any) => {
<div className={styles.item0}> <div className={styles.item0}>
<TitleGet title={props.title} /> <TitleGet title={props.title} />
</div> </div>
{props.sublist != null && props.title == 'Edit Owner Infomation' ? ( {props.sublist != null ? (
props.sublist.map((item: any, index: any) => { props.sublist.map((item: any, index: any) => {
return ( return (
<div key={index} className={styles.item1}> <div key={index} className={styles.item1}>
......
...@@ -28,7 +28,7 @@ const CardAdd = (props: any) => { ...@@ -28,7 +28,7 @@ const CardAdd = (props: any) => {
message.success('Operation Success!'); message.success('Operation Success!');
setLoading(false); setLoading(false);
ResultClear(module, dispatch); ResultClear(module, dispatch);
history.go(-1); history.push('/CommercialService/AccessCardApplication');
} else { } else {
message.error('Operation Fail!'); message.error('Operation Fail!');
setLoading(false); setLoading(false);
...@@ -58,7 +58,9 @@ const CardAdd = (props: any) => { ...@@ -58,7 +58,9 @@ const CardAdd = (props: any) => {
if (communityInfo != null) { if (communityInfo != null) {
form.setFieldsValue({ form.setFieldsValue({
zipCode: zipCode:
communityInfo.data.rows.residentialAddress + communityInfo.data.rows.residentialZipCode, communityInfo.data.rows.residentialAddress +
' ' +
communityInfo.data.rows.residentialZipCode,
}); });
} }
}, [communityInfo]); }, [communityInfo]);
......
...@@ -72,20 +72,25 @@ const CardDetail = (props: any) => { ...@@ -72,20 +72,25 @@ const CardDetail = (props: any) => {
]} ]}
title="Apply Card Detail" title="Apply Card Detail"
></TitleBack> ></TitleBack>
<Row gutter={8}> <Row gutter={8}>
<Col>Community:</Col> <Col>Community:</Col>
<Col span={3}>{DataSave.community_name}</Col> <Col span={3}>{DataSave.community_name}</Col>
<Col>unit:</Col> <Col>Unit:</Col>
<Col> <Col>
{DataSave.build_number}#{DataSave.floor_number}-{DataSave.room_number} {'BLK ' +
DataSave.build_number +
'#' +
DataSave.floor_number +
'-' +
DataSave.room_number}
</Col> </Col>
</Row> </Row>
<Row gutter={8} style={{ marginTop: 16 }}> <Row gutter={8} style={{ marginTop: 16 }}>
<Col>Address:</Col> <Col>Address:</Col>
<Col> <Col>
{DataSave.zip_address} {DataSave.build_number}#{DataSave.floor_number}- {DataSave.zip_address} {DataSave.zip_code}
{DataSave.room_number} {DataSave.zip_code}
</Col> </Col>
</Row> </Row>
......
...@@ -51,8 +51,6 @@ const ChargeDetail = (props: any) => { ...@@ -51,8 +51,6 @@ const ChargeDetail = (props: any) => {
/> />
<div className={styles.box2}> <div className={styles.box2}>
<div className={styles.time1}>UploadTime : </div>
<div className={styles.time2}>{timestampToTime(CurData.createTime.time)}</div>
<div className={styles.item21}>Project (community)</div> <div className={styles.item21}>Project (community)</div>
<div className={styles.item22}>{CurData.communityName}</div> <div className={styles.item22}>{CurData.communityName}</div>
<div className={styles.item23}>{CurData.streetName}</div> <div className={styles.item23}>{CurData.streetName}</div>
......
...@@ -28,6 +28,7 @@ const UsersAdd = (props: any) => { ...@@ -28,6 +28,7 @@ const UsersAdd = (props: any) => {
if (checkParam(values)) { if (checkParam(values)) {
values.owerPhone = null; values.owerPhone = null;
values.owerEmail = null; values.owerEmail = null;
values.buildingNumber = 'BLK ' + values.buildingNumber + ' ';
RA(14, values, module, dispatch); RA(14, values, module, dispatch);
setLoading(true); setLoading(true);
} else { } else {
...@@ -64,6 +65,18 @@ const UsersAdd = (props: any) => { ...@@ -64,6 +65,18 @@ const UsersAdd = (props: any) => {
} }
callback(); callback();
}; };
const checkData1 = (rule: any, value: any, callback: any) => {
if (value) {
if (/^[0-9]+$/g.test(value)) {
callback();
} else {
callback(new Error('Only numbers!'));
}
}
callback();
};
return ( return (
<div className={styles.base}> <div className={styles.base}>
{/* 头部组件 */} {/* 头部组件 */}
...@@ -94,19 +107,23 @@ const UsersAdd = (props: any) => { ...@@ -94,19 +107,23 @@ const UsersAdd = (props: any) => {
<Form.Item> <Form.Item>
<Input.Group> <Input.Group>
<div className={styles.box2item3}> <div className={styles.box2item3}>
<Form.Item name="buildingNumber" noStyle rules={[{ validator: checkData }]}> <Form.Item name="buildingNumber" rules={[{ validator: checkData1 }]}>
<Input placeholder="Building" style={{ width: 94 }} /> <Input placeholder="BLK" style={{ width: 94 }} />
</Form.Item> </Form.Item>
</div> </div>
<div className={styles.box2item4}>#</div> <div className={styles.box2item4}>#</div>
<div className={styles.box2item5}> <div className={styles.box2item5}>
<Form.Item name="floorNumber" noStyle rules={[{ validator: checkData }]}> <Form.Item name="floorNumber" rules={[{ validator: checkData1 }]}>
<Input placeholder="Floor" style={{ width: 80 }} /> <Input placeholder="Floor" style={{ width: 80 }} />
</Form.Item> </Form.Item>
</div> </div>
<div className={styles.box2item6}>——</div> <div className={styles.box2item6}>——</div>
<div className={styles.box2item7}> <div className={styles.box2item7}>
<Form.Item name="roomNumber" noStyle rules={[{ validator: checkData }]}> <Form.Item
name="roomNumber"
rules={[{ validator: checkData }]}
style={{ width: 260 }}
>
<Input placeholder="Room" style={{ width: 112 }} /> <Input placeholder="Room" style={{ width: 112 }} />
</Form.Item> </Form.Item>
</div> </div>
......
...@@ -90,7 +90,7 @@ const ServiceProviderManagement = (props: any) => { ...@@ -90,7 +90,7 @@ const ServiceProviderManagement = (props: any) => {
disabled={record.enable == 'Deregistered' ? true : false} disabled={record.enable == 'Deregistered' ? true : false}
onClick={goToEdit.bind(this, record)} onClick={goToEdit.bind(this, record)}
> >
edit Edit
</a> </a>
</Space> </Space>
), ),
...@@ -192,7 +192,7 @@ const ServiceProviderManagement = (props: any) => { ...@@ -192,7 +192,7 @@ const ServiceProviderManagement = (props: any) => {
for (let items in tmp) { for (let items in tmp) {
switch (tmp[items].enable) { switch (tmp[items].enable) {
case 0: case 0:
tmp[items].enable = 'normal'; tmp[items].enable = 'Normal';
break; break;
case 1: case 1:
tmp[items].enable = 'Deregistered'; tmp[items].enable = 'Deregistered';
......
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