|
|
@@ -3,7 +3,7 @@
|
|
|
* */
|
|
|
import { connect } from 'dva/index';
|
|
|
import React, { Component, Fragment } from 'react';
|
|
|
-import { Form, Button, message } from 'antd';
|
|
|
+import { Form, Button, message, Spin} from 'antd';
|
|
|
import {
|
|
|
sldComLanguage,
|
|
|
sldLlineRtextAddGoodsAddMargin,
|
|
|
@@ -28,7 +28,7 @@ export default class BusinessInfo extends Component {
|
|
|
super(props);
|
|
|
this.state = {
|
|
|
//经营信息
|
|
|
- base_info: [
|
|
|
+ site_base_info: [
|
|
|
{
|
|
|
type: 'input',
|
|
|
label: `${sldComLanguage('店铺名称')}`,
|
|
|
@@ -81,11 +81,14 @@ export default class BusinessInfo extends Component {
|
|
|
placeholder: ``,
|
|
|
tree_data: [],
|
|
|
selected_keys:[],//选择的key数组
|
|
|
- onCheck:this.handleCatCheck,
|
|
|
+ select_cat_id: [],
|
|
|
required: true,
|
|
|
}],//选择经营类目
|
|
|
company_qualification: {},
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
+ siteList: [],
|
|
|
+ siteListLoading: false, // 站点tab列表loading
|
|
|
+ selectCatLoading: false,
|
|
|
};
|
|
|
}
|
|
|
|
|
|
@@ -126,27 +129,124 @@ export default class BusinessInfo extends Component {
|
|
|
selectedRows = [];
|
|
|
selectedRowKeys = [];
|
|
|
|
|
|
- async componentDidMount () {
|
|
|
+ componentDidMount () {
|
|
|
// this.getStoreGrade();
|
|
|
// this.getStoreOpenTime();
|
|
|
- await this.getSystemCat()
|
|
|
- this.initData();
|
|
|
+ this.getSiteList();
|
|
|
}
|
|
|
|
|
|
+ //获取平台分类
|
|
|
+ getSystemCat = (webSite) => {
|
|
|
+ const { dispatch } = this.props;
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ dispatch({
|
|
|
+ type: 'project/get_system_cat_tree_grade3',
|
|
|
+ payload: { webSite },
|
|
|
+ callback: (res) => {
|
|
|
+ if(res.state == 200){
|
|
|
+ if (res.data.length > 0) {
|
|
|
+ res.data.map(item => {
|
|
|
+ item.key = item.categoryId;
|
|
|
+ item.title = item.categoryName;
|
|
|
+ if (item.children != null&&item.children.length>0) {
|
|
|
+ item.children.map(second => {
|
|
|
+ second.key = second.categoryId;
|
|
|
+ second.title = second.categoryName;
|
|
|
+ if (second.children != null&&second.children.length>0) {
|
|
|
+ second.children.map(third => {
|
|
|
+ third.key = third.categoryId;
|
|
|
+ third.title = third.categoryName;
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ second.disableCheckbox = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ item.disableCheckbox = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ resolve({
|
|
|
+ webSite,
|
|
|
+ data: res.data
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取站点列表
|
|
|
+ getSiteList = () => {
|
|
|
+ this.setState({ siteListLoading: true });
|
|
|
+ const { dispatch } = this.props;
|
|
|
+ const { select_cat, site_base_info } = this.state;
|
|
|
+ dispatch({
|
|
|
+ type: "global/get_site_list_data",
|
|
|
+ callback: async (res) => {
|
|
|
+ if (res.state == 200) {
|
|
|
+ const siteListData = res.data;
|
|
|
+ const promiseList = siteListData.map(item => this.getSystemCat(item.value))
|
|
|
+ const result = await Promise.all(promiseList);
|
|
|
+ result.forEach(r => {
|
|
|
+ siteListData.forEach(siteInfo => {
|
|
|
+ if (siteInfo.value === r.webSite) {
|
|
|
+ siteInfo.site_select_cat = [
|
|
|
+ {
|
|
|
+ ...select_cat[0],
|
|
|
+ tree_data: r.data,
|
|
|
+ onCheck: (checkedKeys, e) => this.handleCatCheck(checkedKeys, e, siteInfo.value)
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ siteInfo.site_base_info = [
|
|
|
+ {
|
|
|
+ ...site_base_info[0],
|
|
|
+ name: `${siteInfo.value}_${site_base_info[0].name}` // ✅ 添加前缀
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.setState({
|
|
|
+ siteList: siteListData,
|
|
|
+ siteListLoading: false,
|
|
|
+ });
|
|
|
+ this.initData(siteListData);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+
|
|
|
//选择分类事件
|
|
|
- handleCatCheck = (checkedKeys, e) => {
|
|
|
- let {select_cat} = this.state;
|
|
|
- this.select_cat_id = [];
|
|
|
- if(e.checkedNodes.length>0){
|
|
|
+ handleCatCheck = (checkedKeys, e, webSite) => {
|
|
|
+ const select_cat_id = [];
|
|
|
+ const { siteList } = this.state;
|
|
|
e.checkedNodes.map(item_one=>{
|
|
|
if(item_one.props.grade == 3){
|
|
|
let tmp_data = item_one.props.path.split('/');
|
|
|
- this.select_cat_id.push(`${tmp_data[1]}-${tmp_data[2]}-${item_one.props.categoryId}`);
|
|
|
+ select_cat_id.push(`${tmp_data[1]}-${tmp_data[2]}-${item_one.props.categoryId}`);
|
|
|
}
|
|
|
})
|
|
|
- }
|
|
|
- select_cat[0].selected_keys = checkedKeys;
|
|
|
- this.setState({select_cat})
|
|
|
+ const newSiteList = siteList.map(site_info => {
|
|
|
+ if (site_info.value === webSite) {
|
|
|
+ const siteSelectCat = site_info.site_select_cat[0];
|
|
|
+ const newSelectCat = [
|
|
|
+ {
|
|
|
+ ...siteSelectCat,
|
|
|
+ selected_keys: checkedKeys,
|
|
|
+ select_cat_id,
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ return {
|
|
|
+ ...site_info,
|
|
|
+ site_select_cat: newSelectCat
|
|
|
+ };
|
|
|
+ }
|
|
|
+ return site_info;
|
|
|
+ })
|
|
|
+ this.setState({siteList: newSiteList})
|
|
|
};
|
|
|
|
|
|
//店铺等级选择
|
|
|
@@ -200,51 +300,34 @@ export default class BusinessInfo extends Component {
|
|
|
// });
|
|
|
// }
|
|
|
|
|
|
- //获取平台分类
|
|
|
- getSystemCat = async() => {
|
|
|
- let {select_cat} = this.state;
|
|
|
- const { dispatch } = this.props;
|
|
|
- await dispatch({
|
|
|
- type: 'project/get_system_cat_tree_grade3',
|
|
|
- callback: (res) => {
|
|
|
- if(res.state == 200){
|
|
|
- if (res.data.length > 0) {
|
|
|
- res.data.map(item => {
|
|
|
- item.key = item.categoryId;
|
|
|
- item.title = item.categoryName;
|
|
|
- if (item.children != null&&item.children.length>0) {
|
|
|
- item.children.map(second => {
|
|
|
- second.key = second.categoryId;
|
|
|
- second.title = second.categoryName;
|
|
|
- if (second.children != null&&second.children.length>0) {
|
|
|
- second.children.map(third => {
|
|
|
- third.key = third.categoryId;
|
|
|
- third.title = third.categoryName;
|
|
|
- });
|
|
|
- }else{
|
|
|
- second.disableCheckbox = true;
|
|
|
- }
|
|
|
- });
|
|
|
- }else{
|
|
|
- item.disableCheckbox = true;
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- select_cat[0].tree_data = res.data
|
|
|
- }
|
|
|
- this.setState({select_cat})
|
|
|
- },
|
|
|
- });
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
//初始化页面数据
|
|
|
- initData = () => {
|
|
|
+ initData = (siteList) => {
|
|
|
let tmp_data = getSettleData('bussinessInfo');
|
|
|
- let { base_info,/* store_grade_data,*//* open_time_data,*/select_cat } = this.state;
|
|
|
+ const { siteInfoList } = tmp_data;
|
|
|
if (tmp_data) {
|
|
|
- base_info.map(item=>{
|
|
|
- item.initialValue = tmp_data[item.name];
|
|
|
- });
|
|
|
+ const newSiteList = siteList.map(site => {
|
|
|
+ const tempSiteData = siteInfoList.find(i => i.webSite === site.value);
|
|
|
+ const siteBaseInfo = site.site_base_info[0];
|
|
|
+ const siteSelectCat = site.site_select_cat[0];
|
|
|
+ site.site_base_info = [
|
|
|
+ {
|
|
|
+ ...siteBaseInfo,
|
|
|
+ initialValue: tempSiteData.storeName,
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ site.site_select_cat = [
|
|
|
+ {
|
|
|
+ ...siteSelectCat,
|
|
|
+ select_cat_id: tempSiteData.goodsCategoryIds,
|
|
|
+ selected_keys: tempSiteData.selected_keys
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ site.id = tempSiteData.id;
|
|
|
+
|
|
|
+ return site;
|
|
|
+ })
|
|
|
|
|
|
// store_grade_data[0].selectedRowKeys = [tmp_data.storeGradeId];
|
|
|
// store_grade_data[0].selectedRows = store_grade_data[0].data.filter(item=>item.gradeId == tmp_data.storeGradeId);
|
|
|
@@ -252,114 +335,160 @@ export default class BusinessInfo extends Component {
|
|
|
// item.initialValue = tmp_data[item.name];
|
|
|
// });
|
|
|
|
|
|
- select_cat[0].selected_keys = tmp_data.sel_cat_id_array;
|
|
|
- this.select_cat_id = tmp_data.goodsCategoryIds.split(',');
|
|
|
|
|
|
this.setState({
|
|
|
- base_info,
|
|
|
+ siteList: newSiteList
|
|
|
// store_grade_data,
|
|
|
// open_time_data,
|
|
|
- select_cat,
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
|
|
|
- //下一步
|
|
|
- handleNextStep = (e) => {
|
|
|
- e.preventDefault();
|
|
|
- let {/*store_grade_data,*/select_cat} = this.state;
|
|
|
+// 判断经营类型是否已选
|
|
|
+ isHaveCatNotChecked = () => {
|
|
|
+ const { siteList } = this.state;
|
|
|
+ let err = {
|
|
|
+ validate: true,
|
|
|
+ webSite: '',
|
|
|
+ msg: `${sldComLanguage('请选择经营类型～')}`
|
|
|
+ }
|
|
|
+ let breakFlag = false;
|
|
|
+
|
|
|
+ for(let i in siteList){
|
|
|
+ const site_info = siteList[i];
|
|
|
+ const { site_select_cat } = site_info;
|
|
|
+ const { select_cat_id } = site_select_cat[0]
|
|
|
+ if (!select_cat_id.length) {
|
|
|
+ err.webSite = site_info.title;
|
|
|
+ err.validate = false;
|
|
|
+ breakFlag = true;
|
|
|
+ break; // 跳出内层
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return err;
|
|
|
+ }
|
|
|
+
|
|
|
+ handleNextStep = (e) => {
|
|
|
+ const { siteList } = this.state;
|
|
|
const { dispatch } = this.props;
|
|
|
this.props.form.validateFieldsAndScroll((err, values) => {
|
|
|
- if (!err) {
|
|
|
- let params = { ...values };
|
|
|
-
|
|
|
- // if(store_grade_data[0].selectedRowKeys.length == 0){
|
|
|
- // failTip(`${sldComLanguage('请选择店铺等级～')}`);
|
|
|
- // return false;
|
|
|
- // }
|
|
|
- if(this.select_cat_id.length == 0){
|
|
|
- failTip(`${sldComLanguage('请选择经营类型～')}`);
|
|
|
- return false;
|
|
|
- }
|
|
|
- params.goodsCategoryIds = this.select_cat_id.join(',');//申请分类id字符串,例1级-2级-3级;1级-2级-3级
|
|
|
- /* params.storeGradeId = 1*//*store_grade_data[0].selectedRowKeys[0];//店铺等级*/
|
|
|
- let base_info = JSON.parse(localStorage.getItem('baseInfo').replace(/"/g,"\""));
|
|
|
- saveSettleData('bussinessInfo', JSON.stringify({...params,sel_cat_id_array:select_cat[0].selected_keys}));//经营信息存缓存
|
|
|
- let tar_params = {...params};
|
|
|
- tar_params.companyAddress = base_info.companyAddress;//公司详细地址
|
|
|
- tar_params.companyProvinceCode = base_info.companyProvinceCode;//企业注册省编码
|
|
|
- tar_params.companyCityCode = base_info.companyCityCode;// 企业注册市编码
|
|
|
- tar_params.companyAreaCode = base_info.companyAreaCode;//企业注册区编码
|
|
|
- tar_params.areaInfo = base_info.areaInfo;//省市区名称
|
|
|
- tar_params.contactName = base_info.contactName;//联系人姓名
|
|
|
- tar_params.contactPhone = base_info.contactPhone;//联系人电话
|
|
|
- tar_params.enterType = base_info.enterType;//入驻类型：0-个人入驻，1-企业入驻
|
|
|
- tar_params.personCardDown = base_info.personCardDown;//身份证背面扫描件
|
|
|
- tar_params.personCardUp = base_info.personCardUp;//身份证正面扫描件
|
|
|
- if(tar_params.enterType == 1){
|
|
|
- //企业入驻
|
|
|
- tar_params.companyName = base_info.companyName;//公司名称
|
|
|
- tar_params.businessLicenseImage = base_info.businessLicenseImage;//营业执照扫描件,企业入驻时必传
|
|
|
- tar_params.moreQualification1 = base_info.moreQualification1?base_info.moreQualification1:'';//补充认证一
|
|
|
- tar_params.moreQualification2 = base_info.moreQualification2?base_info.moreQualification2:'';//补充认证二
|
|
|
- tar_params.moreQualification3 = base_info.moreQualification3?base_info.moreQualification3:'';//补充认证三
|
|
|
- }
|
|
|
- //只有小于当前的才需要更新
|
|
|
- if(getSettleData('cur_step')*1 < 3){
|
|
|
- saveSettleData('cur_step', 3);
|
|
|
- }
|
|
|
- this.setState({loading: true});
|
|
|
- dispatch({
|
|
|
- type: 'settled/save_apply',
|
|
|
- payload: tar_params,
|
|
|
- callback: res => {
|
|
|
- if (res.state == 200) {
|
|
|
- saveSettleData('cur_step', 3);
|
|
|
- message.success(res.msg);
|
|
|
- setTimeout(() => {
|
|
|
- this.props.history.push('/apply/open_up');
|
|
|
- }, 1500);
|
|
|
- } else {
|
|
|
- message.error(res.msg);
|
|
|
- }
|
|
|
- this.setState({loading: false});
|
|
|
- },
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
+ if (!err) {
|
|
|
+ const { validate, msg, webSite } = this.isHaveCatNotChecked();
|
|
|
+ if(!validate){
|
|
|
+ failTip(`${webSite}${sldComLanguage('请选择经营类型～')}`);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let params = { };
|
|
|
+ params.siteInfoList = siteList.map(site => ({
|
|
|
+ webSite: site.value,
|
|
|
+ storeName: values[`${site.value}_storeName`],
|
|
|
+ goodsCategoryIds: site.site_select_cat[0].select_cat_id.join(','),
|
|
|
+ selected_keys: site.site_select_cat[0].selected_keys,
|
|
|
+ id: site.id
|
|
|
+ }))
|
|
|
+ let base_info = JSON.parse(localStorage.getItem('baseInfo').replace(/"/g,"\""));
|
|
|
+ saveSettleData('bussinessInfo', JSON.stringify(params));//经营信息存缓存
|
|
|
+ let tar_params = {...params};
|
|
|
+ tar_params.siteInfoList = tar_params.siteInfoList.map(item => ({
|
|
|
+ webSite: item.webSite,
|
|
|
+ storeName: item.storeName,
|
|
|
+ goodsCategoryIds: item.goodsCategoryIds,
|
|
|
+ id: item.id
|
|
|
+ }));
|
|
|
+ tar_params.companyAddress = base_info.companyAddress;//公司详细地址
|
|
|
+ tar_params.companyProvinceCode = base_info.companyProvinceCode;//企业注册省编码
|
|
|
+ tar_params.companyCityCode = base_info.companyCityCode;// 企业注册市编码
|
|
|
+ tar_params.companyAreaCode = base_info.companyAreaCode;//企业注册区编码
|
|
|
+ tar_params.areaInfo = base_info.areaInfo;//省市区名称
|
|
|
+ tar_params.contactName = base_info.contactName;//联系人姓名
|
|
|
+ tar_params.contactPhone = base_info.contactPhone;//联系人电话
|
|
|
+ tar_params.enterType = base_info.enterType;//入驻类型：0-个人入驻，1-企业入驻
|
|
|
+ tar_params.personCardDown = base_info.personCardDown;//身份证背面扫描件
|
|
|
+ tar_params.personCardUp = base_info.personCardUp;//身份证正面扫描件
|
|
|
+ if(tar_params.enterType == 1){
|
|
|
+ //企业入驻
|
|
|
+ tar_params.companyName = base_info.companyName;//公司名称
|
|
|
+ tar_params.businessLicenseImage = base_info.businessLicenseImage;//营业执照扫描件,企业入驻时必传
|
|
|
+ tar_params.moreQualification1 = base_info.moreQualification1?base_info.moreQualification1:'';//补充认证一
|
|
|
+ tar_params.moreQualification2 = base_info.moreQualification2?base_info.moreQualification2:'';//补充认证二
|
|
|
+ tar_params.moreQualification3 = base_info.moreQualification3?base_info.moreQualification3:'';//补充认证三
|
|
|
+ }
|
|
|
+ //只有小于当前的才需要更新
|
|
|
+ if(getSettleData('cur_step')*1 < 3){
|
|
|
+ saveSettleData('cur_step', 3);
|
|
|
+ }
|
|
|
+ this.setState({loading: true});
|
|
|
+ dispatch({
|
|
|
+ type: 'settled/save_apply',
|
|
|
+ payload: tar_params,
|
|
|
+ callback: res => {
|
|
|
+ if (res.state == 200) {
|
|
|
+ saveSettleData('cur_step', 3);
|
|
|
+ message.success(res.msg);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.props.history.push('/apply/open_up');
|
|
|
+ }, 1500);
|
|
|
+ } else {
|
|
|
+ message.error(res.msg);
|
|
|
+ }
|
|
|
+ this.setState({loading: false});
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
|
|
|
render() {
|
|
|
+
|
|
|
const {
|
|
|
- base_info,
|
|
|
// open_time_data,
|
|
|
// store_grade_data,
|
|
|
select_cat,
|
|
|
- loading
|
|
|
+ loading,
|
|
|
+ siteList,
|
|
|
+ siteListLoading,
|
|
|
+ selectCatLoading
|
|
|
} = this.state;
|
|
|
+
|
|
|
return (
|
|
|
<div style={{ flex: 1 }}>
|
|
|
<div className={styles.title}>
|
|
|
{sldLlineRtextAddGoodsAddMargin('#69A2F2', `${sldComLanguage('经营信息')}`, 0, 0, 5)}
|
|
|
</div>
|
|
|
- {getSldEmptyH(10)}
|
|
|
- <Scrollbars
|
|
|
- autoHeight
|
|
|
- autoHeightMin={100}
|
|
|
- autoHeightMax={document.body.clientHeight - 130}>
|
|
|
- <div className={styles.commen_wrap}>
|
|
|
- <SldTableRowThree form={this.props.form} data={base_info}/>
|
|
|
- {/*<SldTableRowThree form={this.props.form} data={store_grade_data}/>*/}
|
|
|
- {/*<SldTableRowThree form={this.props.form} data={open_time_data}/>*/}
|
|
|
- <SldTableRowThree form={this.props.form} data={select_cat}/>
|
|
|
- {((getSettleData('state')&&getSettleData('state')==3)||!getSettleData('state'))&&
|
|
|
+ {/* 站点tab列表 */}
|
|
|
+ <Spin spinning={siteListLoading}>
|
|
|
+ <div className={styles.site_list} style={{ paddingLeft: "85px" }}>
|
|
|
+ {siteList.length ? siteList.map((site) => (
|
|
|
+ <div className={ styles.site_item } key={site.name}>
|
|
|
+ <div className={ styles.site_item_title }>{ site.title }</div>
|
|
|
+ {getSldEmptyH(10)}
|
|
|
+ <Scrollbars
|
|
|
+ autoHeight
|
|
|
+ autoHeightMin={100}
|
|
|
+ autoHeightMax={document.body.clientHeight - 130}
|
|
|
+ >
|
|
|
+ <div className={styles.commen_wrap}>
|
|
|
+ <SldTableRowThree form={this.props.form} data={site.site_base_info} />
|
|
|
+ {/*<SldTableRowThree form={this.props.form} data={store_grade_data}/>*/}
|
|
|
+ {/*<SldTableRowThree form={this.props.form} data={open_time_data}/>*/}
|
|
|
+ <Spin spinning={selectCatLoading}>
|
|
|
+ <SldTableRowThree
|
|
|
+ form={this.props.form}
|
|
|
+ data={site.site_select_cat}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ {getSldEmptyH(10)}
|
|
|
+ </Scrollbars>
|
|
|
+ </div>
|
|
|
+ )) : null}
|
|
|
+ </div>
|
|
|
+ {((getSettleData('state')&&getSettleData('state')==3)||!getSettleData('state'))&&
|
|
|
<div className={styles.commen_wrap} style={{borderTopRightRadius:0,borderTopLeftRadius:0,marginTop:-30,paddingBottom:20,textAlign:'center'}}>
|
|
|
<Button loading={loading} type='primary' onClick={this.handleNextStep} className={styles.next_step}>提交</Button>
|
|
|
</div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- {getSldEmptyH(10)}
|
|
|
- </Scrollbars>
|
|
|
+ }
|
|
|
+ </Spin>
|
|
|
</div>
|
|
|
);
|
|
|
}
|
周玉环