Commit 9670e42a authored by cellee's avatar cellee

完善小区提交信息,转化英文

Signed-off-by: cellee's avatarcellee <893264950@qq.com>
parent 6aaa43c3
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import { Link, useIntl, connect, Dispatch, history } from 'umi'; import { Link, useIntl, connect, Dispatch, history } from 'umi';
import styles from './index.less'; import {SearchOutlined} from '@ant-design/icons';
import BackButton from '../BackButton/BackButton';
import TitleGet from '../TitleGet/TitleGet';
import { Input, Row, Col, Form, Select, Button, DatePicker } from 'antd'; import { Input, Row, Col, Form, Select, Button, DatePicker } from 'antd';
const { Option } = Select; const { Option } = Select;
...@@ -195,7 +192,7 @@ const TitleSearch = (props: any) => { ...@@ -195,7 +192,7 @@ const TitleSearch = (props: any) => {
htmlType="submit" htmlType="submit"
style={{ backgroundColor: '#e7f4ff', color: 'rgba(24,144,255,1)' }} style={{ backgroundColor: '#e7f4ff', color: 'rgba(24,144,255,1)' }}
> >
Search <SearchOutlined /> Search
</Button> </Button>
</Form.Item> </Form.Item>
</> </>
......
...@@ -68,13 +68,13 @@ export default { ...@@ -68,13 +68,13 @@ export default {
yield put({ type: 'returnPage', Data }); yield put({ type: 'returnPage', Data });
} }
break; break;
case 29: // 小区编辑 case 29: // 小区新增编辑
{ {
let Result = resp; let Result = resp;
yield put({ type: 'returnResult', Result }); yield put({ type: 'returnResult', Result });
// message.success(`小区信息保存成功!`); message.success(`Information saved successfully!`);
// history.push('/CommunityManagement/CellList'); history.push('/CommunityManagement/CellList');
} }
break; break;
case 32: // 获取小区详情 case 32: // 获取小区详情
......
...@@ -10,8 +10,10 @@ import { village } from '@/utils/tip'; ...@@ -10,8 +10,10 @@ import { village } from '@/utils/tip';
import moment from 'moment'; import moment from 'moment';
const { RangePicker } = TimePicker;
// 接口申明 // 接口申明
interface objc {} interface objc { }
const Adds = (props: any) => { const Adds = (props: any) => {
const { Data, dispatch, loading, Result } = props; const { Data, dispatch, loading, Result } = props;
...@@ -22,11 +24,10 @@ const Adds = (props: any) => { ...@@ -22,11 +24,10 @@ const Adds = (props: any) => {
//物业费选择 //物业费选择
const plainOptions = [ const plainOptions = [
{ label: '线上缴费', value: '0', disabled: true }, { label: 'Online Payment', value: '0', disabled: true },
{ label: '线下缴费', value: '1' }, { label: 'Offline Payment', value: '1' },
]; ];
const { RangePicker } = TimePicker;
// 表单物业费提交值 // 表单物业费提交值
const [PropertyFee, setPropertyFee] = useState(['1']); const [PropertyFee, setPropertyFee] = useState(['1']);
...@@ -42,22 +43,23 @@ const Adds = (props: any) => { ...@@ -42,22 +43,23 @@ const Adds = (props: any) => {
const [codeStrat, setcodeStrat] = useState(false); const [codeStrat, setcodeStrat] = useState(false);
const [tipMain, setTipMain] = useState(''); const [tipMain, setTipMain] = useState('');
useEffect(() => { // 监听提交
console.log(Result); // useEffect(() => {
if (Result != null) { // console.log(Result);
console.log('页面结果'); // if (Result != null) {
console.log(Result); // console.log('页面结果');
if (Result.error_code == undefined) { // console.log(Result);
console.log('服务器有问题'); // if (Result.error_code == undefined) {
message.error('服务器有问题,请求失败', 5); // console.log('服务器有问题');
} // message.error('服务器有问题,请求失败', 5);
if (Result.error_code == '0000') { // }
message.success(`Community Saved Successfully`); // if (Result.error_code == '0000') {
history.go(-1); // message.success(`Community Saved Successfully`);
} // ResultClear(module, dispatch);
ResultClear(module, dispatch); // history.go(-1);
} // }
}, [Result]); // }
// }, [Result]);
// 赋值 // 赋值
useEffect(() => { useEffect(() => {
...@@ -81,16 +83,13 @@ const Adds = (props: any) => { ...@@ -81,16 +83,13 @@ const Adds = (props: any) => {
email: Data.residentialEmail, email: Data.residentialEmail,
}, },
residentialManagerUserName: Data.residentialManagerUserName, residentialManagerUserName: Data.residentialManagerUserName,
// 非必填的
help: { help: {
residentialHotlineName: Data.residentialHotlineName ? Data.residentialHotlineName : '', residentialHotlineName: Data.residentialHotlineName,
residentialHotline: Data.residentialHotline ? Data.residentialHotline : '', residentialHotline: Data.residentialHotline,
time: Data.residentialHotlineServieStartTime time: [
? [ moment(Data.residentialHotlineServieStartTime, 'HH:mm'),
moment(Data.residentialHotlineServieStartTime, 'HH:mm'), moment(Data.residentialHotlineServieEndTime, 'HH:mm'),
moment(Data.residentialHotlineServieEndTime, 'HH:mm'), ]
]
: '',
}, },
}); });
// 上传 // 上传
...@@ -100,7 +99,7 @@ const Adds = (props: any) => { ...@@ -100,7 +99,7 @@ const Adds = (props: any) => {
// 小区名 -- 上传需要 // 小区名 -- 上传需要
setCodeName(Data.residentialName); setCodeName(Data.residentialName);
setcodeStrat(true); setcodeStrat(true);
setTipMain('Binding content already exists, cannot be modified'); setTipMain('Binding Content Already Exists, Cannot Be Modified!');
} else { } else {
console.log('新建'); console.log('新建');
} }
...@@ -134,11 +133,11 @@ const Adds = (props: any) => { ...@@ -134,11 +133,11 @@ const Adds = (props: any) => {
console.log(po); console.log(po);
setLouba(po); setLouba(po);
setcodeStrat(true); setcodeStrat(true);
setTipMain('已有绑定内容,不可做修改!'); setTipMain('Binding Content Already Exists, Cannot Be Modified!');
// 结果 // 结果
uploadMsg(info); uploadMsg(info);
} else { } else {
message.warning('请先填写小区名'); message.warning('Please Fill In The Community Name');
} }
}, },
}; };
...@@ -151,11 +150,11 @@ const Adds = (props: any) => { ...@@ -151,11 +150,11 @@ const Adds = (props: any) => {
// 给楼巴上传列表值 // 给楼巴上传列表值
setGuide(po); setGuide(po);
setcodeStrat(true); setcodeStrat(true);
setTipMain('已有绑定内容,不可做修改!'); setTipMain('Binding Content Already Exists, Cannot Be Modified!');
// 结果 // 结果
uploadMsg(info); uploadMsg(info);
} else { } else {
message.warning('请先填写小区名'); message.warning('Please Fill In The Community Name');
} }
}, },
}; };
...@@ -168,11 +167,11 @@ const Adds = (props: any) => { ...@@ -168,11 +167,11 @@ const Adds = (props: any) => {
// 给楼巴上传列表值 以及禁止修改小区名 // 给楼巴上传列表值 以及禁止修改小区名
setPeriod(po); setPeriod(po);
setcodeStrat(true); setcodeStrat(true);
setTipMain('已有绑定内容,不可做修改!'); setTipMain('Binding Content Already Exists, Cannot Be Modified!');
// 结果 // 结果
uploadMsg(info); uploadMsg(info);
} else { } else {
message.warning('请先填写小区名'); message.warning('Please Fill In The Community Name');
} }
}, },
}; };
...@@ -201,8 +200,18 @@ const Adds = (props: any) => { ...@@ -201,8 +200,18 @@ const Adds = (props: any) => {
} }
} }
// 表单提交 // 表单验证
const onFinish = (values: any) => { const onFinish = (values: any) => {
let { residentialZipCode, residentialAddress, residentialName } = values.des;
if (residentialZipCode.length < 6) {
message.error('Please Enter 6-digit Zip Code!')
} else {
onUpDate(values)
}
}
// 表单提交
function onUpDate(values: any) {
console.log(values.help); console.log(values.help);
let obj: any = new Object(); let obj: any = new Object();
...@@ -229,21 +238,21 @@ const Adds = (props: any) => { ...@@ -229,21 +238,21 @@ const Adds = (props: any) => {
// 小区热线 // 小区热线
// 表单结构存在数据不存在情况, 所以要多判断一次 // 表单结构存在数据不存在情况, 所以要多判断一次
if (values.help) { if (values.help) {
obj.residentialHotlineName = undeFi(values.help.residentialHotlineName); obj.residentialHotlineName = values.help.residentialHotlineName ? undeFi(values.help.residentialHotlineName) : values.info.tel;
obj.residentialHotline = undeFi(values.help.residentialHotline); obj.residentialHotline = values.help.residentialHotlineName ? undeFi(values.help.residentialHotline) : values.info.tel;
// 编辑的时候 为空 判断 // 编辑的时候 为空 判断
if (values.help.time !== '' && values.help.time) { if (values.help.time) {
obj.residentialHotlineServieStartTime = undeFi(values.help.time[0]).format('HH:mm'); obj.residentialHotlineServieStartTime = undeFi(values.help.time[0]).format('HH:mm');
obj.residentialHotlineServieEndTime = undeFi(values.help.time[1]).format('HH:mm'); obj.residentialHotlineServieEndTime = undeFi(values.help.time[1]).format('HH:mm');
} else { } else {
obj.residentialHotlineServieStartTime = ''; obj.residentialHotlineServieStartTime = values.workingHours[0].format('HH:mm');
obj.residentialHotlineServieEndTime = ''; obj.residentialHotlineServieEndTime = values.workingHours[1].format('HH:mm');
} }
} else { } else {
obj.residentialHotlineName = ''; obj.residentialHotlineName = values.info.tel;
obj.residentialHotline = ''; obj.residentialHotline = values.info.tel;
obj.residentialHotlineServieStartTime = ''; obj.residentialHotlineServieStartTime = values.workingHours[0].format('HH:mm');
obj.residentialHotlineServieEndTime = ''; obj.residentialHotlineServieEndTime = values.workingHours[1].format('HH:mm');
} }
console.log('Success:', obj); console.log('Success:', obj);
...@@ -270,9 +279,9 @@ const Adds = (props: any) => { ...@@ -270,9 +279,9 @@ const Adds = (props: any) => {
<> <>
<Spin spinning={loading} tip="信息提交中..." size="large"> <Spin spinning={loading} tip="信息提交中..." size="large">
<div className="form"> <div className="form">
<h3> <h3 className='capi'>
<EditOutlined /> <EditOutlined />
&nbsp; {Data ? '编辑' : '新增'}小区 &nbsp; {Data ? 'edit' : 'establish'} community
<div className="back"> <div className="back">
<Button onClick={goToReturn}> <Button onClick={goToReturn}>
<LeftOutlined /> <LeftOutlined />
...@@ -322,7 +331,7 @@ const Adds = (props: any) => { ...@@ -322,7 +331,7 @@ const Adds = (props: any) => {
</Form.Item> </Form.Item>
<Form.Item label="Working Hours" name="workingHours" rules={village[1] as any}> <Form.Item label="Working Hours" name="workingHours" rules={village[1] as any}>
<RangePicker format="HH:mm" /> <RangePicker format="HH:mm" placeholder={['Start Time','End Time']} />
</Form.Item> </Form.Item>
<Form.Item label="Community Telephone" name="info" rules={village[3] as any}> <Form.Item label="Community Telephone" name="info" rules={village[3] as any}>
...@@ -357,8 +366,8 @@ const Adds = (props: any) => { ...@@ -357,8 +366,8 @@ const Adds = (props: any) => {
<Form.Item label="Property Fee" name="propertyFee" style={{ marginBottom: '0' }}> <Form.Item label="Property Fee" name="propertyFee" style={{ marginBottom: '0' }}>
<Checkbox.Group options={plainOptions} defaultValue={['1']} onChange={onChange} /> <Checkbox.Group options={plainOptions} defaultValue={['1']} onChange={onChange} />
<div className="tip"> <div className="tip capi">
<span>*</span>线上缴费会有服务费 <span>*</span>There will be a service charge for online payment
</div> </div>
</Form.Item> </Form.Item>
...@@ -377,7 +386,7 @@ const Adds = (props: any) => { ...@@ -377,7 +386,7 @@ const Adds = (props: any) => {
<LinkOutlined color="#409EFF" /> <LinkOutlined color="#409EFF" />
{loubaUpload.length > 0 ? loubaUpload[0].name : ''} {loubaUpload.length > 0 ? loubaUpload[0].name : ''}
</p> </p>
<span>支持文件:.doc,.docx,.jpg,.png,.pdf</span> <span className="capi">Support Files:.doc,.docx,.jpg,.png,.pdf</span>
</div> </div>
</Form.Item> </Form.Item>
...@@ -390,7 +399,7 @@ const Adds = (props: any) => { ...@@ -390,7 +399,7 @@ const Adds = (props: any) => {
<LinkOutlined color="#409EFF" /> <LinkOutlined color="#409EFF" />
{guideUpload.length > 0 ? guideUpload[0].name : ''} {guideUpload.length > 0 ? guideUpload[0].name : ''}
</p> </p>
<span>支持文件:.doc,.docx,.jpg,.png,.pdf</span> <span className="capi">Support Files:.doc,.docx,.jpg,.png,.pdf</span>
</div> </div>
</Form.Item> </Form.Item>
...@@ -407,7 +416,7 @@ const Adds = (props: any) => { ...@@ -407,7 +416,7 @@ const Adds = (props: any) => {
<LinkOutlined color="#409EFF" /> <LinkOutlined color="#409EFF" />
{periodUpload.length > 0 ? periodUpload[0].name : ''} {periodUpload.length > 0 ? periodUpload[0].name : ''}
</p> </p>
<span>支持文件:.doc,.docx,.jpg,.png,.pdf</span> <span className="capi">Support Files:.doc,.docx,.jpg,.png,.pdf</span>
</div> </div>
</Form.Item> </Form.Item>
...@@ -418,16 +427,16 @@ const Adds = (props: any) => { ...@@ -418,16 +427,16 @@ const Adds = (props: any) => {
<Form.Item name={['help', 'residentialHotlineName']} noStyle> <Form.Item name={['help', 'residentialHotlineName']} noStyle>
<Input <Input
style={{ marginRight: '10px', width: '160px' }} style={{ marginRight: '10px', width: '160px' }}
placeholder="热线电话名称" placeholder="Name Of Hotline"
/> />
</Form.Item> </Form.Item>
<Form.Item name={['help', 'residentialHotline']} noStyle> <Form.Item name={['help', 'residentialHotline']} noStyle>
<Input style={{ marginRight: '10px', width: '180px' }} placeholder="热线电话" /> <Input style={{ marginRight: '10px', width: '180px' }} placeholder="Hotline" />
</Form.Item> </Form.Item>
<Form.Item name={['help', 'time']} noStyle> <Form.Item name={['help', 'time']} noStyle>
<RangePicker format="HH:mm" /> <RangePicker format="HH:mm" placeholder={['Start Time','End Time']} />
</Form.Item> </Form.Item>
</Input.Group> </Input.Group>
</Form.Item> </Form.Item>
......
...@@ -44,7 +44,18 @@ const CellLists = (props: any) => { ...@@ -44,7 +44,18 @@ const CellLists = (props: any) => {
]); ]);
const { dispatch, Data, loading, curString, village } = props; const { dispatch, Data, loading, curString, village } = props;
// console.log(Data);
// 翻页数据
function pagesList( name:string , list: any , num: number){
let msg = {
residentialManagerUserName: name ? name : '',
communityNameList: list,
pageNum: num,
}
return msg
}
console.log(village.page)
// 先请求一次 拿到所有小区列表 // 先请求一次 拿到所有小区列表
useEffect(() => { useEffect(() => {
...@@ -54,12 +65,7 @@ const CellLists = (props: any) => { ...@@ -54,12 +65,7 @@ const CellLists = (props: any) => {
// 监听data请求完毕再请求一次 // 监听data请求完毕再请求一次
useEffect(() => { useEffect(() => {
if (Data != null) { if (Data != null) {
let msg = { RA(48, pagesList('',Data.communityList , 1), module, dispatch);
residentialManagerUserName: '',
communityNameList: Data.communityList,
pageNum: 1,
};
RA(48, msg, module, dispatch);
} }
}, [Data]); }, [Data]);
...@@ -84,39 +90,23 @@ const CellLists = (props: any) => { ...@@ -84,39 +90,23 @@ const CellLists = (props: any) => {
// 点击搜索 // 点击搜索
const CallBackTitleSearch = (comment: any) => { const CallBackTitleSearch = (comment: any) => {
message.error('后台接口更新中'); console.log(comment)
// if (comment.communityName.length > 0 || typeof comment.label !== 'undefined') { if (comment.communityName.length > 0 || typeof comment.label !== 'undefined') {
// let tmp: any = new Object(); RA(48, pagesList(comment.label,comment.communityName , 1), module, dispatch);
// tmp.adminName = comment.label; }
// tmp.communityName = comment.communityName; else {
// tmp.curPage = 1; message.error('Please Enter And Select A Content To Search!');
// // QA(tmp); }
// console.log(tmp);
// // CallbackSearch()
// //中断
// // RA(9, {
// // userToken: token,
// // pageNum: '1',
// // subscribeDate: tmp.subscribeDate,
// // status: tmp.status,
// // communityNameList: comment.communityName,
// // }, module, dispatch);
// } else {
// message.error('请输入管理员姓名或选择小区进行搜索!');
// }
}; };
// 页面切换 // 点击页面属性传参数
const paginationHandler = (page: number, pageSize?: number) => { const paginationHandler = (page: number, pageSize?: number) => {
dispatch({ RA(48, pagesList('',Data.communityList , page), module, dispatch);
type: 'ContractModel/getList', };
payload: {
index: 19, // 刷新
page: { const resetHandler = () => {
pageNum: page, RA(48, pagesList('',Data.communityList , 1), module, dispatch);
},
},
});
}; };
return ( return (
...@@ -150,27 +140,29 @@ const CellLists = (props: any) => { ...@@ -150,27 +140,29 @@ const CellLists = (props: any) => {
density: true, density: true,
fullScreen: true, fullScreen: true,
reload: () => { reload: () => {
// resetHandler(); resetHandler();
}, },
setting: false, setting: false,
}} }}
headerTitle="Community List" headerTitle="Community List"
// pagination={{ defaultCurrent: 1, total: Data.totalRow }} // pagination={{ defaultCurrent: 1, total: Data.totalRow }}
/> />
<div className="pages"> {village.page ? (
{/* <Pagination <div className="pages">
current={village.page}
total={village.totalRow} <Pagination
onChange={paginationHandler} current={village.page.currentPage}
// onShowSizeChange={pageSizeHandler} total={village.page.totalRow}
// current={users.meta.page} pageSize={village.page.curPageSize}
// pageSize={users.meta.per_page} onChange={paginationHandler}
/> */} />
</div> </div>
) : ''}
</> </>
) : ( ) : (
'暂无数据' '暂无数据'
)} )}
</div> </div>
); );
}; };
......
...@@ -125,7 +125,7 @@ const Detail = (props: any) => { ...@@ -125,7 +125,7 @@ const Detail = (props: any) => {
<div className="form"> <div className="form">
<h3> <h3>
<EyeOutlined /> <EyeOutlined />
&nbsp;小区详情 &nbsp;Community Details
<div className="back"> <div className="back">
<Button <Button
type="primary" type="primary"
...@@ -149,7 +149,7 @@ const Detail = (props: any) => { ...@@ -149,7 +149,7 @@ const Detail = (props: any) => {
<div className="celBox"> <div className="celBox">
{/* 激活码 */} {/* 激活码 */}
<div className="code"> <div className="code">
<li>小区激活码</li> <li>Community Activation Code</li>
<Image width={140} src={detailData.visitorUrl} fallback={imgs} /> <Image width={140} src={detailData.visitorUrl} fallback={imgs} />
<li className="lis">{detailData.rows.cdkCode}</li> <li className="lis">{detailData.rows.cdkCode}</li>
</div> </div>
...@@ -157,19 +157,19 @@ const Detail = (props: any) => { ...@@ -157,19 +157,19 @@ const Detail = (props: any) => {
{/* 详情 */} {/* 详情 */}
<div className="list-item"> <div className="list-item">
<div className="item"> <div className="item">
<label>小区名称</label> <label>Community Name</label>
<span>{detailData.rows.residentialName}</span> <span>{detailData.rows.residentialName}</span>
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item"> <div className="item">
<label>详细地址</label> <label>Community Address</label>
<span> <span>
{detailData.rows.residentialAddress}&nbsp;{detailData.rows.residentialZipCode}{' '} {detailData.rows.residentialAddress}&nbsp;{detailData.rows.residentialZipCode}{' '}
</span> </span>
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item"> <div className="item">
<label>工作时间</label> <label>Working Hours</label>
<span> <span>
{detailData.rows.residentialStartWorking} -{' '} {detailData.rows.residentialStartWorking} -{' '}
{detailData.rows.residentialEndWorking} {detailData.rows.residentialEndWorking}
...@@ -178,23 +178,23 @@ const Detail = (props: any) => { ...@@ -178,23 +178,23 @@ const Detail = (props: any) => {
{/* ---------- */} {/* ---------- */}
<div className="inst"> <div className="inst">
<div className="item"> <div className="item">
<label>小区联系电话</label> <label>Community Telephone</label>
<span>{detailData.rows.residentialPhone}</span> <span>{detailData.rows.residentialPhone}</span>
</div> </div>
<div className="item"> <div className="item">
<label>小区邮箱</label> <label>Community Email</label>
<span>{detailData.rows.residentialEmail}</span> <span>{detailData.rows.residentialEmail}</span>
</div> </div>
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item"> <div className="item">
<label>小区管理员</label> <label>Administrators</label>
<span>{detailData.rows.residentialManagerUserName}</span> <span>{detailData.rows.residentialManagerUserName}</span>
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item" style={{ marginBottom: '0' }}> <div className="item" style={{ marginBottom: '0' }}>
<label>物业费</label> <label>Property Fee</label>
<Checkbox.Group options={plainOptions} defaultValue={['1']} /> <Checkbox.Group options={plainOptions} defaultValue={['1']} />
</div> </div>
</div> </div>
...@@ -205,7 +205,7 @@ const Detail = (props: any) => { ...@@ -205,7 +205,7 @@ const Detail = (props: any) => {
<div className="celBox"> <div className="celBox">
<div className="list-item"> <div className="list-item">
<div className="item"> <div className="item">
<label>楼巴时刻表</label> <label>Louba Timetable</label>
<Avatar <Avatar
shape="square" shape="square"
style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }} style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }}
...@@ -214,7 +214,7 @@ const Detail = (props: any) => { ...@@ -214,7 +214,7 @@ const Detail = (props: any) => {
/> />
{detailData.rows.balouscheduleUrl ? ( {detailData.rows.balouscheduleUrl ? (
<Button type="link" onClick={() => opens(detailData.rows.balouscheduleUrl)}> <Button type="link" onClick={() => opens(detailData.rows.balouscheduleUrl)}>
预览 Browse
</Button> </Button>
) : ( ) : (
'' ''
...@@ -222,7 +222,7 @@ const Detail = (props: any) => { ...@@ -222,7 +222,7 @@ const Detail = (props: any) => {
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item"> <div className="item">
<label>物业办事指南</label> <label>Property Guide</label>
<Avatar <Avatar
shape="square" shape="square"
style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }} style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }}
...@@ -231,7 +231,7 @@ const Detail = (props: any) => { ...@@ -231,7 +231,7 @@ const Detail = (props: any) => {
/> />
{detailData.rows.serviceGuideUrl ? ( {detailData.rows.serviceGuideUrl ? (
<Button type="link" onClick={() => opens(detailData.rows.serviceGuideUrl)}> <Button type="link" onClick={() => opens(detailData.rows.serviceGuideUrl)}>
预览 Browse
</Button> </Button>
) : ( ) : (
'' ''
...@@ -239,7 +239,7 @@ const Detail = (props: any) => { ...@@ -239,7 +239,7 @@ const Detail = (props: any) => {
</div> </div>
{/* ---------- */} {/* ---------- */}
<div className="item"> <div className="item">
<label>保质期服务</label> <label>Shelf Life Service</label>
<Avatar <Avatar
shape="square" shape="square"
style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }} style={{ color: '#f56a00', backgroundColor: '#F2F6FC' }}
...@@ -248,7 +248,7 @@ const Detail = (props: any) => { ...@@ -248,7 +248,7 @@ const Detail = (props: any) => {
/> />
{detailData.rows.lifeServiceUrl ? ( {detailData.rows.lifeServiceUrl ? (
<Button type="link" onClick={() => opens(detailData.rows.lifeServiceUrl)}> <Button type="link" onClick={() => opens(detailData.rows.lifeServiceUrl)}>
预览 Browse
</Button> </Button>
) : ( ) : (
'' ''
...@@ -262,7 +262,7 @@ const Detail = (props: any) => { ...@@ -262,7 +262,7 @@ const Detail = (props: any) => {
<div className="celBox"> <div className="celBox">
<div className="list-item"> <div className="list-item">
<div className="item item_span"> <div className="item item_span">
<label>帮助中心</label> <label>Help Center</label>
<span>{detailData.rows.residentialHotlineName}</span> <span>{detailData.rows.residentialHotlineName}</span>
<span>{detailData.rows.residentialHotline}</span> <span>{detailData.rows.residentialHotline}</span>
<span>{detailData.rows.residentialHotlineServieStartTime}</span> <span>{detailData.rows.residentialHotlineServieStartTime}</span>
...@@ -277,7 +277,7 @@ const Detail = (props: any) => { ...@@ -277,7 +277,7 @@ const Detail = (props: any) => {
<div className="celBox"> <div className="celBox">
<div className="list-item"> <div className="list-item">
<div className="item"> <div className="item">
<label>临时到访码下载</label> <label>Temporary Code</label>
<Image width={64} src={hfor} /> <Image width={64} src={hfor} />
<Button <Button
type="link" type="link"
...@@ -285,7 +285,7 @@ const Detail = (props: any) => { ...@@ -285,7 +285,7 @@ const Detail = (props: any) => {
openDows(require('@/assets/h5.png'), 'code.png'); openDows(require('@/assets/h5.png'), 'code.png');
}} }}
> >
下载 Download
</Button> </Button>
<Input <Input
...@@ -300,7 +300,7 @@ const Detail = (props: any) => { ...@@ -300,7 +300,7 @@ const Detail = (props: any) => {
copy('http://47.74.233.180:8651/tosVisitorNo'); copy('http://47.74.233.180:8651/tosVisitorNo');
}} }}
> >
复制 Copy
</Button> </Button>
</div> </div>
</div> </div>
......
li {
list-style: none;
}
.contop { .contop {
padding: 20px; padding: 20px;
background: #fff; background: #fff;
...@@ -26,25 +29,11 @@ ...@@ -26,25 +29,11 @@
margin-bottom: 20px; margin-bottom: 20px;
background: #fff; background: #fff;
} }
.form .span,
.form .li {
display: inline-block;
min-width: 240px;
line-height: 30px;
background: #efefef;
font-size: 15px;
margin-top: -3px;
vertical-align: middle;
margin-left: 12px;
padding: 0 6px;
border-radius: 2px;
border: 1px solid #d9d9d9;
color: #999;
}
.form .li { .form .li {
min-width: 140px; min-width: 140px;
margin-top: 15px; margin-top: 15px;
margin-left: 0; margin-left: 0;
display: block;
} }
.form input, .form input,
.form .ant-upload-list { .form .ant-upload-list {
...@@ -69,5 +58,87 @@ ...@@ -69,5 +58,87 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.form .tip { .form .tip {
padding: 15px 0; padding: 10px 0 15px;
}
.form .tip p {
display: none;
color: #67c23a;
}
.form .tip p.show {
display: block;
}
.form .tip p span {
margin-right: 5px;
}
.form .ant-form-item-label > label {
width: 160px;
}
.form .ant-divider-horizontal {
margin: 20px 0;
}
.form .celBox {
position: relative;
}
.form .celBox .item {
font-size: 14px;
line-height: 35px;
margin-bottom: 10px;
}
.form .celBox .item label {
display: inline-block;
min-width: 160px;
}
.form .celBox .item_span span {
display: inline-block;
margin-right: 15px;
}
.form .celBox .inst {
display: flex;
}
.form .celBox .inst .item {
flex: 1;
}
.form .celBox .inst .item:nth-child(2) {
flex: 2;
}
.form .celBox .code {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-55%);
width: 200px;
text-align: center;
}
.form .celBox .code li {
text-align: center;
line-height: 35px;
}
.form .celBox .code img {
width: 140px;
border: 1px solid #f0f0f0;
border-radius: 3px;
margin-bottom: 5px;
}
.form .celBox .code .lis {
color: #67c23a;
font-size: 18px;
font-weight: 500;
}
.ant-picker-time-panel-column {
width: 100px;
}
.redFs {
font-size: 12px;
color: red;
}
img {
cursor: pointer;
}
.capi {
text-transform: capitalize;
}
.pages {
background: #fff;
text-align: right;
padding: 10px ;
} }
...@@ -84,12 +84,12 @@ li { ...@@ -84,12 +84,12 @@ li {
.celBox { .celBox {
position: relative; position: relative;
.item { .item {
font-size: 15px; font-size: 14px;
line-height: 35px; line-height: 35px;
margin-bottom: 10px; margin-bottom: 10px;
label { label {
display: inline-block; display: inline-block;
min-width: 110px; min-width: 160px;
} }
} }
...@@ -113,6 +113,8 @@ li { ...@@ -113,6 +113,8 @@ li {
right: 5%; right: 5%;
top: 50%; top: 50%;
transform: translateY(-55%); transform: translateY(-55%);
width: 200px;
text-align: center;
li { li {
text-align: center; text-align: center;
line-height: 35px; line-height: 35px;
...@@ -146,3 +148,8 @@ img { ...@@ -146,3 +148,8 @@ img {
.capi { .capi {
text-transform: capitalize; text-transform: capitalize;
} }
.pages{
background: #fff;
text-align: right;
padding: 10px ;
}
\ No newline at end of file
...@@ -13,8 +13,8 @@ export const tipList = [ ...@@ -13,8 +13,8 @@ export const tipList = [
// 小区提示 // 小区提示
export const village = [ export const village = [
[{ required: true, message: ' ' }], [{ required: true, message: ' ' }],
[{ required: true, message: '请选择工作时间' }], [{ required: true, message: 'Please select working hours !' }],
[{ required: true, message: '请输入小区管理员' }], [{ required: true, message: 'Please enter the community administrator !' }],
[{ required: true, message: '请输入小区服务电话和服务邮箱' }], [{ required: true, message: 'Please enter the phone number and email address !' }],
[{ required: true, message: '请完整输入小区邮编地址和名称' }], [{ required: true, message: 'Please input the address and name of the community !' }],
]; ];
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