Skip to content

J
jinfa-platform
Commit 0472d5a4 authored by tjy's avatar tjy
Browse files
Options

调整新建会员页面

parent 451ebbcd
Hide whitespace changes
Inline Side-by-side
Showing with 624 additions and 126 deletions
config/base.config.json
View file @ 0472d5a4
{"userRegister":{"useType":{"memberType":[],"businessType":[]},"useDetail":[]},"global":{"logo":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/logo.png","countryList":[{"name":"简体中文-ZH","key":"cn","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/china.png"},{"name":"English-EN","key":"en","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/us.png"},{"name":"日本語-JP","key":"jp","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/japen.png"},{"name":"한국어-KO","key":"ko","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/koren.png"}]}}
{"userRegister":{"useType":{"memberType":[{"id":5,"typeName":"企业会员"},{"id":6,"typeName":"企业个人会员"},{"id":7,"typeName":"渠道企业会员"},{"id":8,"typeName":"渠道个人会员"}],"businessType":[{"id":1,"typeName":"采购"},{"id":2,"typeName":"商品销售"},{"id":3,"typeName":"加工服务"},{"id":4,"typeName":"物流服务"},{"id":5,"typeName":"金融服务"},{"id":6,"typeName":"保险服务"}]},"useDetail":[{"groupName":"联系信息","elements":[{"id":26,"fieldName":"contact","fieldCNName":"联系人","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":27,"fieldName":"fixed_contact_number","fieldCNName":"固定联系电话","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":28,"fieldName":"phone_number","fieldCNName":"手机号码","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":29,"fieldName":"fax_number","fieldCNName":"传真号码","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":30,"fieldName":"address","fieldCNName":"地址","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":31,"fieldName":"zip_code","fieldCNName":"邮编","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":32,"fieldName":"url","fieldCNName":"网址","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":33,"fieldName":"email","fieldCNName":"邮箱","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]},{"groupName":"营业执照信息","elements":[{"id":10,"fieldName":"company_name","fieldCNName":"公司名称","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":11,"fieldName":"enterprise_type","fieldCNName":"企业类型","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":12,"fieldName":"residence","fieldCNName":"住所","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":13,"fieldName":"legal_representative","fieldCNName":"法定代表人","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":14,"fieldName":"register_capital","fieldCNName":"注册资本","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":15,"fieldName":"establish_date","fieldCNName":"成立日期","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":16,"fieldName":"business_term","fieldCNName":"营业期限","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":17,"fieldName":"business_scope","fieldCNName":"经营范围","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":18,"fieldName":"registration_authority","fieldCNName":"登记机关","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":19,"fieldName":"registration_time","fieldCNName":"登记时间","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":20,"fieldName":"unified_social_credit_code","fieldCNName":"统一社会信用代码","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":21,"fieldName":"business_license","fieldCNName":"营业执照","fieldType":"文件","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]},{"groupName":"填写会员基本信息","elements":[{"id":1,"fieldName":"member_type","fieldCNName":"会员类型","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":2,"fieldName":"MEMBER_ROLE","fieldCNName":"会员角色","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":3,"fieldName":"member_level","fieldCNName":"会员等级","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":4,"fieldName":"REGISTER_PHONE","fieldCNName":"注册手机号","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":5,"fieldName":"register_email","fieldCNName":"注册邮箱","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]},{"groupName":"法定代表人信息","elements":[{"id":22,"fieldName":"legal_name","fieldCNName":"法人姓名","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":23,"fieldName":"legal_phone","fieldCNName":"法人手机号","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":24,"fieldName":"legal_id_card","fieldCNName":"法人身份证号","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":25,"fieldName":"legal_id_card_information","fieldCNName":"法人身份证信息","fieldType":"文件","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]},{"groupName":"填写渠道信息","elements":[{"id":6,"fieldName":"channel_level","fieldCNName":"渠道级别","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":7,"fieldName":"channel_type","fieldCNName":"渠道类型","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":8,"fieldName":"agent_city","fieldCNName":"代理地市","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]},{"id":9,"fieldName":"channel_describe","fieldCNName":"渠道描述","fieldType":"String","fieldLength":100,"fieldEmpty":0,"fieldOrder":1,"fieldRemark":"test","checkRules":[]}]}]},"global":{"logo":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/logo.png","countryList":[{"name":"简体中文-ZH","key":"cn","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/china.png"},{"name":"English-EN","key":"en","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/us.png"},{"name":"日本語-JP","key":"jp","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/japen.png"},{"name":"한국어-KO","key":"ko","icon":"http://lingxi-frontend-test.oss-cn-hangzhou.aliyuncs.com/images/koren.png"}]}}
src/global/config/global.d.ts
View file @ 0472d5a4
export interface MemberType {
id: number;
typeName: string;
}
export interface BusinessType {
id: number;
typeName: string;
}
export interface UseType {
memberType: any[];
businessType: any[];
memberType: MemberType[];
businessType: BusinessType[];
}
export interface Element {
id: number;
fieldName: string;
fieldCNName: string;
fieldType: string;
fieldLength: number;
fieldEmpty: number;
fieldOrder: number;
fieldRemark: string;
checkRules: any[];
}
export interface UseDetail {
groupName: string;
elements: Element[];
}
export interface UserRegister {
useType: UseType;
useDetail: any[];
useDetail: UseDetail[];
}
export interface CountryList {
......
src/pages/member/memberImport/addMember.tsx
View file @ 0472d5a4
import React, { useState, useEffect, useRef } from 'react';
import React, { useState, useEffect, useRef, ReactNode } from 'react';
import { history } from 'umi';
import {
Tabs,
Badge,
Tooltip,
Button,
Card,
Dropdown,
Menu,
Row,
Col,
} from 'antd';
import { Tabs, Badge, Button, Card, Row, Col } from 'antd';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import {
PlusOutlined,
EyeOutlined,
UpOutlined,
MinusOutlined,
ContainerOutlined,
DeleteOutlined,
DownOutlined,
} from '@ant-design/icons';
import styled from 'styled-components';
import {
Form,
FormItem,
FormButtonGroup,
createFormActions,
InternalFieldList as FieldList,
} from '@formily/antd';
import {
MegaLayout,
Select,
Input,
DatePicker,
} from '@formily/antd-components';
import { Select, Input, DatePicker, Upload } from '@formily/antd-components';
import { StandardTable } from 'god';
import { ColumnType } from 'antd/lib/table/interface';
import style from './index.less';
import ChinaImg from '../../../../mockStatic/china.png';
import gou from '../../../../mockStatic/gou.png';
import japenImg from '../../../../mockStatic/japen.png';
import korenImg from '../../../../mockStatic/koren.png';
import us from '../../../../mockStatic/us.png';
const countryTem = `<><img src={} style={{ width: 24, height: 17 }} />`;
const selectList: any = [
{
label: (
<>
<img src={ChinaImg} style={{ width: 24, height: 17 }} /> +86
</>
),
value: '1',
},
{
label: (
<>
<img src={gou} style={{ width: 24, height: 17 }} /> +86
</>
),
value: '2',
},
{
label: (
<>
<img src={japenImg} style={{ width: 24, height: 17 }} /> +86
</>
),
value: '3',
},
{
label: (
<>
<img src={korenImg} style={{ width: 24, height: 17 }} /> +86
</>
),
value: '4',
},
{
label: (
<>
<img src={us} style={{ width: 24, height: 17 }} /> +86
</>
),
value: '5',
},
];
// import ChinaImg from '../../../../mockStatic/china.png';
// import gou from '../../../../mockStatic/gou.png';
// import japenImg from '../../../../mockStatic/japen.png';
// import korenImg from '../../../../mockStatic/koren.png';
// import us from '../../../../mockStatic/us.png';
const { TabPane } = Tabs;
const data = [];
const addMember: React.FC<[]> = () => {
const [actived, setActived] = useState('2');
const ref = useRef({});
const [actived, setActived] = useState('1');
const [tabCount, setTabCount] = useState({
'1': 0,
'2': 2,
......@@ -101,6 +42,91 @@ const addMember: React.FC<[]> = () => {
'6': 6,
});
const [editable, setEditable] = useState(true);
const selectList: any = [
{
label: '',
// (
// <>
// <img src={ChinaImg} style={{ width: 24, height: 17 }} /> +86
// </>
// )
value: '1',
},
{ label: '', value: '2' },
{ label: '', value: '3' },
{ label: '', value: '4' },
{ label: '', value: '5' },
];
const data = [
{
key: '1',
sn: '1',
roleName: '供应商',
status: '1',
operation: '申请注册',
useTime: '2020-05-12 08:08',
result: '无',
},
];
const columns: ColumnType<any>[] = [
{
title: '序号',
dataIndex: 'sn',
align: 'center',
key: 'sn',
},
{
title: '操作角色',
dataIndex: 'roleName',
align: 'center',
key: 'roleName',
},
{
title: '状态',
dataIndex: 'status',
align: 'center',
key: 'status',
render: (text: any, record: any) => {
let component: ReactNode = null;
component = <Badge color="#FFC400" text="待审核" />;
return component;
},
},
{
title: '操作',
dataIndex: 'operation',
align: 'center',
key: 'operation',
},
{
title: '操作时间',
dataIndex: 'useTime',
align: 'center',
key: 'useTime',
},
{
title: '审核意见',
dataIndex: 'result',
align: 'center',
key: 'result',
},
];
// 模拟请求
const fetchData = (params: any) => {
return new Promise((resolve, reject) => {
const queryResult = data.find(v => v.key === params.keywords);
setTimeout(() => {
resolve({
code: 200,
message: '',
data: queryResult ? [queryResult] : data,
});
}, 1000);
});
};
useEffect(() => {
// console.log(actived)
......@@ -146,7 +172,7 @@ const addMember: React.FC<[]> = () => {
labelAlign="left"
>
<FormItem
title="会员类型"
label="会员类型"
name="memberType"
dataSource={[
{ value: 1, label: '企业会员' },
......@@ -156,7 +182,7 @@ const addMember: React.FC<[]> = () => {
component={Select}
/>
<FormItem
title="会员角色"
label="会员角色"
name="memberRole"
dataSource={[
{ value: 1, label: '企业会员' },
......@@ -166,7 +192,7 @@ const addMember: React.FC<[]> = () => {
component={Select}
/>
<FormItem
title="会员等级"
label="会员等级"
name="memberLevel"
dataSource={[
{ value: 1, label: '企业会员' },
......@@ -175,29 +201,42 @@ const addMember: React.FC<[]> = () => {
rules={[{ required: true, message: '请选择会员等级!' }]}
component={Select}
/>
<FormItem label="注册手机号" name="registry">
<FormItem
label={
<>
<span className={style.required}>*</span>
注册手机号
</>
}
name="registry"
>
<Row gutter={10}>
<Col span={6}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="country"
dataSource={selectList}
initialValue={'1'}
required
initialValue={''}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Select}
/>
</Col>
<Col span={18}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="phoneMobile"
required
itemStyle={{ marginBottom: 0 }}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Input}
/>
</Col>
</Row>
</FormItem>
<FormItem title="注册邮箱" name="memberEmail" component={Input} />
<FormItem
label="注册邮箱"
name="memberEmail"
itemStyle={{ marginBottom: 0 }}
component={Input}
/>
</Form>
</TabPane>
<TabPane
......@@ -215,12 +254,12 @@ const addMember: React.FC<[]> = () => {
labelAlign="left"
>
<FormItem
title="渠道级别"
label="渠道级别"
name="channelLevel"
component={Input}
children={<span>二级</span>}
/>
<FormItem
title="渠道类型"
label="渠道类型"
name="channelType"
dataSource={[
{ value: 1, label: '企业会员' },
......@@ -229,39 +268,102 @@ const addMember: React.FC<[]> = () => {
rules={[{ required: true, message: '请选择渠道类型!' }]}
component={Select}
/>
<FormItem title="代理地市" name="address" component={Input}>
{/* <Row gutter={10}>
<Col span={6}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="country"
dataSource={selectList}
initialValue={'1'}
required
component={Select}
/>
</Col>
<Col span={18}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="phoneMobile"
required
component={Input}
/>
</Col>
</Row> */}
<FormItem
label={
<>
<span className={style.required}>*</span>
代理地市
</>
}
name="lll"
itemStyle={{ marginBottom: 0 }}
>
<>
<FieldList
name="address"
initialValue={[{ username: '', age: '' }]}
>
{({ state, mutators }) => {
const onAdd = () => mutators.push();
return (
<div>
{state.value.map((item: any, index: number) => {
const onRemove = (index: number) => {
if (state.value.length > 1)
return mutators.remove(index);
};
return (
<Row gutter={16} key={index}>
<Col span={10}>
<FormItem
name={`address.${index}.province`}
dataSource={[{ value: 1, label: '广东省' }]}
rules={[
{
required: true,
message: '请选择代理省份!',
},
]}
placeholder={'-省-'}
component={Select}
/>
</Col>
<Col span={10}>
<FormItem
name={`address.${index}.city`}
dataSource={[{ value: 1, label: '广州市' }]}
rules={[
{
required: true,
message: '请选择代理城市!',
},
]}
placeholder={'-市-'}
component={Select}
/>
</Col>
<Col span={4}>
{state.value.length - 1 === index ? (
<div
className={style['btn']}
onClick={onAdd}
>
<PlusOutlined
className={style['btn-icon']}
/>
</div>
) : (
''
)}
{state.value.length > 1 ? (
<div
className={style['btn']}
onClick={onRemove.bind(null, index)}
>
<MinusOutlined
className={style['btn-icon']}
/>
</div>
) : (
''
)}
</Col>
</Row>
);
})}
</div>
);
}}
</FieldList>
</>
</FormItem>
<FormItem
mega-props={{
placeholder: '最长200个字符，100个汉字',
}}
title="渠道描述"
label="渠道描述"
name="desc"
itemStyle={{ marginBottom: 0 }}
rules={[{ required: true, message: '请填写渠道描述!' }]}
component={Input.TextArea}
x-component-props={{
placeholder: '测试',
}}
placeholder={'最长200个字符，100个汉字'}
/>
</Form>
</TabPane>
......@@ -273,7 +375,152 @@ const addMember: React.FC<[]> = () => {
}
key="3"
>
Tab 3
<Form editable={editable} labelAlign="left">
<Row gutter={20}>
<Col span={12}>
<FormItem
label="公司名称"
labelCol={{ span: 6 }}
name="companyName"
rules={[{ required: true, message: '请填写公司名称!' }]}
component={Input}
/>
<FormItem
label="企业类型"
name="companyType"
labelCol={{ span: 6 }}
dataSource={[
{ value: 1, label: '企业会员' },
{ value: 2, label: '渠道会员' },
]}
rules={[{ required: true, message: '请选择企业类型!' }]}
component={Select}
/>
<FormItem
label={
<>
<span className={style.required}>*</span>
住所
</>
}
name="domicile"
labelCol={{ span: 6 }}
itemStyle={{ marginBottom: 0 }}
>
<Row gutter={16}>
<Col span={8}>
<FormItem
name="province"
dataSource={[{ value: 1, label: '广东省' }]}
rules={[
{
required: true,
message: '请选择省份!',
},
]}
placeholder={'- 省 -'}
component={Select}
/>
</Col>
<Col span={8}>
<FormItem
name="city"
dataSource={[{ value: 1, label: '广州市' }]}
rules={[
{
required: true,
message: '请选择城市!',
},
]}
placeholder={'- 市 -'}
component={Select}
/>
</Col>
<Col span={8}>
<FormItem
name="county"
dataSource={[{ value: 1, label: '海珠区' }]}
rules={[
{
required: true,
message: '请选择县/区!',
},
]}
placeholder={'- 县/区 -'}
component={Select}
/>
</Col>
</Row>
</FormItem>
<FormItem
label="法定代表人"
labelCol={{ span: 6 }}
name="legal"
rules={[{ required: true, message: '请填写法定代表人!' }]}
component={Input}
/>
<FormItem
label="成立日期"
labelCol={{ span: 6 }}
name="eDate"
rules={[{ required: true, message: '请选择成立日期!' }]}
component={DatePicker}
/>
<FormItem
label="营业期限"
labelCol={{ span: 6 }}
name="business"
rules={[{ required: true, message: '请选择营业期限!' }]}
component={DatePicker.RangePicker}
/>
<FormItem
label="经营范围"
name="businessScope"
labelCol={{ span: 6 }}
itemStyle={{ marginBottom: 0 }}
rules={[{ required: true, message: '请填写经营范围!' }]}
component={Input.TextArea}
placeholder={'最长200个字符，100个汉字'}
/>
</Col>
<Col span={12}>
<FormItem
label="登记机关"
labelCol={{ span: 6 }}
name="registration"
rules={[{ required: true, message: '请填写登记机关!' }]}
component={Input}
/>
<FormItem
label="登记日期"
labelCol={{ span: 6 }}
name="eDate"
rules={[{ required: true, message: '请选择日期!' }]}
component={DatePicker}
/>
<FormItem
label="统一社会信用代码"
labelCol={{ span: 6 }}
name="code"
rules={[{ required: true, message: '请填写社会信用代码!' }]}
component={Input}
/>
<FormItem
label="营业执照"
labelCol={{ span: 6 }}
name="img"
action={''}
showUploadList={{
showRemoveIcon: false,
}}
listType="card"
rules={[{ required: true, message: '请上传营业执照!' }]}
help="支持JPG/PNG/JPEG，最大不超过 200K"
component={Upload}
/>
</Col>
</Row>
</Form>
</TabPane>
<TabPane
tab={
......@@ -283,7 +530,87 @@ const addMember: React.FC<[]> = () => {
}
key="4"
>
Tab 4
<Form
editable={editable}
labelCol={3}
wrapperCol={10}
labelAlign="left"
>
<FormItem
label="公司名称"
name="companyName"
rules={[{ required: true, message: '请填写公司名称!' }]}
component={Input}
/>
<FormItem
label={
<>
<span className={style.required}>*</span>
法人手机号
</>
}
name="registry"
>
<Row gutter={10}>
<Col span={6}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="country"
dataSource={selectList}
initialValue={''}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Select}
/>
</Col>
<Col span={18}>
<FormItem
name="phoneMobile"
itemStyle={{ marginBottom: 0 }}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Input}
/>
</Col>
</Row>
</FormItem>
<FormItem
label="法人身份证号"
name="idCard"
rules={[{ required: true, message: '请填写法人身份证号!' }]}
component={Input}
/>
<FormItem
label={
<>
<span className={style.required}>*</span>
法人身份证信息
</>
}
name="idCardInfo"
itemStyle={{ marginBottom: 0 }}
help="支持JPG/PNG/JPEG，最大不超过 200K"
>
<Row gutter={10}>
<Col span={12}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="front"
listType="card"
rules={[{ required: true, message: '请上传营业执照!' }]}
component={Upload}
/>
</Col>
<Col span={12}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="reverse"
listType="card"
rules={[{ required: true, message: '请上传营业执照!' }]}
component={Upload}
/>
</Col>
</Row>
</FormItem>
</Form>
</TabPane>
<TabPane
tab={
......@@ -293,7 +620,148 @@ const addMember: React.FC<[]> = () => {
}
key="5"
>
Tab 5
<Form
editable={editable}
labelCol={3}
wrapperCol={10}
labelAlign="left"
>
<FormItem
label="联系人"
name="people"
rules={[{ required: true, message: '请填写联系人!' }]}
component={Input}
/>
<FormItem
label={
<>
<span className={style.required}>*</span>
固定联系电话
</>
}
name="telphone"
>
<Row gutter={10}>
<Col span={6}>
<FormItem
name="areaCode"
itemStyle={{ marginBottom: 0 }}
placeholder={'区号'}
component={Input}
/>
</Col>
<Col span={18}>
<FormItem
name="phone"
itemStyle={{ marginBottom: 0 }}
component={Input}
/>
</Col>
</Row>
</FormItem>
<FormItem
label={
<>
<span className={style.required}>*</span>
手机号码
</>
}
name="telphone"
>
<Row gutter={10}>
<Col span={6}>
<FormItem
itemStyle={{ marginBottom: 0 }}
name="ret"
dataSource={selectList}
initialValue={''}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Select}
/>
</Col>
<Col span={18}>
<FormItem
name="iji"
itemStyle={{ marginBottom: 0 }}
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Input}
/>
</Col>
</Row>
</FormItem>
<FormItem label="传真号码" name="sdf" component={Input} />
<FormItem
label={
<>
<span className={style.required}>*</span>
住所
</>
}
name="domicile"
itemStyle={{ marginBottom: 0 }}
>
<Row gutter={16}>
<Col span={8}>
<FormItem
name="province"
dataSource={[{ value: 1, label: '广东省' }]}
rules={[
{
required: true,
message: '请选择省份!',
},
]}
placeholder={'- 省 -'}
component={Select}
/>
</Col>
<Col span={8}>
<FormItem
name="city"
dataSource={[{ value: 1, label: '广州市' }]}
rules={[
{
required: true,
message: '请选择城市!',
},
]}
placeholder={'- 市 -'}
component={Select}
/>
</Col>
<Col span={8}>
<FormItem
name="county"
dataSource={[{ value: 1, label: '海珠区' }]}
rules={[
{
required: true,
message: '请选择县/区!',
},
]}
placeholder={'- 县/区 -'}
component={Select}
/>
</Col>
<Col span={24}>
<FormItem
name="businessScope"
rules={[{ required: true, message: '请填写经营范围!' }]}
component={Input.TextArea}
placeholder={'输入你的详细地址'}
/>
</Col>
</Row>
</FormItem>
<FormItem
label="邮编"
name="postcode"
rules={[{ required: true, message: '请选择会员角色!' }]}
component={Input}
/>
<FormItem label="网址" name="link" component={Input} />
<FormItem label="邮箱" name="email" component={Input} />
</Form>
</TabPane>
<TabPane
tab={
......@@ -303,7 +771,16 @@ const addMember: React.FC<[]> = () => {
}
key="6"
>
Tab 6
<div style={{ marginBottom: '16px' }}>
<StandardTable
tableProps={{
pagination: false,
}}
columns={columns}
currentRef={ref}
fetchTableData={(params: any) => fetchData(params)}
/>
</div>
</TabPane>
</Tabs>
</Card>
......
src/pages/member/memberUpgradeRule/index.tsx
View file @ 0472d5a4
......@@ -8,12 +8,6 @@ import { ColumnType } from 'antd/lib/table/interface'
import { IFormFilter, IButtonFilter } from 'god/dist/src/standard-table/TableController'
import './index.less'
import { getUpgradeRuleList } from '@/services/memberAbility/memberUpgrade'
interface Item {
}
const data = [
{
key: '1',
......
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