Commit 845174ed authored by Sixiang_Zzb's avatar Sixiang_Zzb

LIEF用户管理模块 修改

parent 8597cd71
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
// cdk_code // cdk_code
// Account Type // Account Type
// User Status // User Status
// ower_email: "535740436@qq.com" // ower_email: "535740436@qq.com"
...@@ -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}>
<Row gutter={16}><Col>Address:</Col><Col>{((item).owner).addressAndpostalCode + " " + ((item).owner).buildingNumber + "#" + ((item).owner).floorNumber + "-" + ((item).owner).roomNumber}</Col></Row> <Col>Address:</Col>
{ <Col>
(item.unit).map((unit: any, uindex: any) => { {item.owner.buildingNumber +
return ( '#' +
<div key={unit.living}> item.owner.floorNumber +
<Row gutter={32}> '-' +
<Col span={20}> item.owner.roomNumber +
<Table title={() => { ',' +
return ( item.owner.addressAndpostalCode}
<div style={{ height: 80, position: "relative" }}> </Col>
<div style={{ position: "absolute", left: 0, bottom: 16 }}> </Row>
<Row gutter={32}><Col>Unit No:</Col><Col>{unit.living}</Col></Row> {item.unit.map((unit: any, uindex: any) => {
</div> return (
<div style={{ position: "absolute", right: 0, bottom: 16 }}> <div key={unit.living}>
{props.deleteDisable ? null : <Button type="primary" danger onClick={deleteUnit.bind(this, unit.living)}>Delete</Button>} <Row gutter={32}>
</div> <Col span={20}>
<Table
title={() => {
return (
<div style={{ height: 80, position: 'relative' }}>
<div style={{ position: 'absolute', left: 0, bottom: 16 }}>
<Row gutter={32}>
<Col>Unit No:</Col>
<Col>{unit.living}</Col>
</Row>
</div> </div>
) <div style={{ position: 'absolute', right: 0, bottom: 16 }}>
}} footer={() => ''} rowKey={"ower_name"} dataSource={unit.member} columns={key} pagination={false}></Table> {props.deleteDisable ? null : (
</Col> <Button
<Col> type="primary"
<Row> danger
<img width={80} src={unit.imgUrl} /> onClick={deleteUnit.bind(this, unit.living)}
</Row> >
<Row style={{ marginTop: 8 }}><div style={{ width: 80, textAlign: "center" }}>{item.owner.cdkCode}({user_code[item.owner.cdkStatus]})</div></Row> Delete
</Col> </Button>
)}
</div>
</div>
);
}}
footer={() => ''}
rowKey={'ower_name'}
dataSource={unit.member}
columns={key}
pagination={false}
></Table>
</Col>
<Col>
<Row>
<img width={80} height={80} src={unit.imgUrl} />
</Row> </Row>
<Row style={{ marginTop: 8 }}>
</div> <div style={{ width: 80, textAlign: 'center' }}>
) {item.owner.cdkCode}({user_code[item.owner.cdkStatus]})
}) </div>
} </Row>
</TabPane> </Col>
) </Row>
}) </div>
} );
})}
</TabPane>
);
})}
</Tabs> </Tabs>
</> </>
); );
}; };
...@@ -110,7 +155,7 @@ export default TableShow; ...@@ -110,7 +155,7 @@ export default TableShow;
// Contact Details // Contact Details
// Email // Email
// cdk_code // cdk_code
// Account Type // Account Type
// User Status // User Status
// Actions // Actions
...@@ -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.goBack();
} 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,7 +28,7 @@ const UsersAdd = (props: any) => { ...@@ -28,7 +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; values.buildingNumber = 'BLK ' + values.buildingNumber + ' ';
RA(14, values, module, dispatch); RA(14, values, module, dispatch);
setLoading(true); setLoading(true);
} else { } else {
...@@ -57,7 +57,6 @@ const UsersAdd = (props: any) => { ...@@ -57,7 +57,6 @@ const UsersAdd = (props: any) => {
const checkData = (rule: any, value: any, callback: any) => { const checkData = (rule: any, value: any, callback: any) => {
if (value) { if (value) {
console.log(123);
if (/^[a-zA-Z0-9]+$/g.test(value)) { if (/^[a-zA-Z0-9]+$/g.test(value)) {
callback(); callback();
} else { } else {
......
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