Haina
/
dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: 搜索项 组件

Browse Source
feature/2.0-sales-trade
Lei OT 2 years ago
parent 2e831d7388
commit 7dc0d2e346
5 changed files with 146 additions and 98 deletions
Show Stats Download Patch File Download Diff File

6
src/components/search/BusinessSelect.jsx
Unescape Escape View File

@ -1,6 +1,7 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Select} from 'antd'; import {Select} from 'antd';
import {observer} from "mobx-react"; import {observer} from "mobx-react";
import { biz } from '../../libs/ht';
const Business_unit = (props) => { const Business_unit = (props) => {
@ -16,10 +17,7 @@ const Business_unit = (props) => {
onChange={(value) => store.bu_handleChange(value)} onChange={(value) => store.bu_handleChange(value)}
> >
{props.show_all ? <Select.Option key="-1" value="ALL">ALL 事业部</Select.Option> : ''} {props.show_all ? <Select.Option key="-1" value="ALL">ALL 事业部</Select.Option> : ''}
<Select.Option key="0" value="公共开支">公共开支</Select.Option> {biz.map(ele => <Select.Option key={ele.key} value={ele.label}>{ele.label}</Select.Option>)}
<Select.Option key="1" value="GH事业部">GH事业部</Select.Option>
<Select.Option key="2" value="国际事业部">国际事业部</Select.Option>
<Select.Option key="4" value="孵化学院">孵化学院</Select.Option>
</Select> </Select>
</div> </div>
); );

50
src/components/search/DataTypeSelect.jsx
Unescape Escape View File

@ -1,30 +1,32 @@
import React, { Component } from "react"; import React, { Component } from 'react';
import { Select } from "antd"; import { Select } from 'antd';
import { observer } from "mobx-react"; import { observer } from 'mobx-react';
import { dateTypes } from './../../libs/ht';
class DataTypeSelect extends Component { class DataTypeSelect extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
} }
render() { render() {
const store = this.props.store; const store = this.props.store;
return ( return (
<div> <div>
<Select value={store.date_type} style={{ width: "100%" }} placeholder="选择日期类型" onChange={value => store.onChange_datetype(value)}> <Select
<Select.Option key="2" value="applyDate"> value={store.date_type}
提交日期 style={{ width: '100%' }}
</Select.Option> placeholder="选择日期类型"
<Select.Option key="1" value="ConfirmDate"> onChange={(value) => store.onChange_datetype(value)}
确认日期 >
</Select.Option> {dateTypes.map((ele) => (
<Select.Option key="3" value="startDate"> <Select.Option key={ele.key} value={ele.key}>
走团日期 {ele.label}
</Select.Option> </Select.Option>
</Select> ))}
</div> </Select>
); </div>
} );
}
} }
export default observer(DataTypeSelect); export default observer(DataTypeSelect);

82
src/components/search/GroupSelect.jsx
Unescape Escape View File

@ -1,48 +1,46 @@
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Select} from 'antd'; import { Select } from 'antd';
import {observer} from "mobx-react"; import { observer } from 'mobx-react';
import { groups } from '../../libs/ht';
class GroupSelect extends Component { class GroupSelect extends Component {
constructor(props) {
super(props);
}
constructor(props) { render() {
super(props); const { store, mode, value, onChange, show_all, ...extProps } = this.props;
} return (
<div>
render() { <Select
const store = this.props.store; mode={mode || store?.group_select_mode || null}
return ( style={{ width: '100%' }}
<div> placeholder="选择小组"
<Select value={value || store?.groups || '0'}
mode={store.group_select_mode} onChange={(value) => {
style={{width: '100%',}} if (typeof onChange === 'function') {
placeholder="选择小组" onChange(value);
value={store.groups} }
onChange={(value) => store.group_handleChange(value)} store?.group_handleChange(value);
> }}
{this.props.show_all ? <Select.Option key="0" value="ALL">所有小组</Select.Option> : ''} {...extProps}
<Select.Option key="1,2,28,7,33" value="1,2,28,7,33">GH事业部</Select.Option> >
<Select.Option key="32" value="8,9,11,12,20,21">国际事业部</Select.Option> {show_all ? (
<Select.Option key="10,18,16,30" value="10,18,16,30">孵化学院</Select.Option> <Select.Option key="0" value="0">
<Select.Option key="1" value="1">CH直销</Select.Option> 所有小组
<Select.Option key="2" value="2">CH大客户</Select.Option> </Select.Option>
<Select.Option key="28" value="28">AH亚洲项目组</Select.Option> ) : (
<Select.Option key="33" value="33">GH项目组</Select.Option> ''
<Select.Option key="7" value="7">市场推广</Select.Option> )}
<Select.Option key="8" value="8">德语</Select.Option> {groups.map((ele) => (
<Select.Option key="9" value="9">日语</Select.Option> <Select.Option key={ele.key} value={ele.key}>
<Select.Option key="11" value="11">法语</Select.Option> {ele.label}
<Select.Option key="12" value="12">西语</Select.Option> </Select.Option>
<Select.Option key="20" value="20">俄语</Select.Option> ))}
<Select.Option key="21" value="21">意语</Select.Option> </Select>
<Select.Option key="10" value="10">商旅</Select.Option> </div>
<Select.Option key="18" value="18">CT</Select.Option> );
<Select.Option key="16" value="16">APP</Select.Option> }
<Select.Option key="30" value="30">Trippest</Select.Option>
<Select.Option key="31" value="31">花梨鹰</Select.Option>
</Select>
</div>
);
}
} }
export default observer(GroupSelect); export default observer(GroupSelect);

41
src/components/search/SiteSelect.jsx
Unescape Escape View File

@ -1,7 +1,7 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Select} from 'antd'; import {Select} from 'antd';
import {observer} from 'mobx-react'; import {observer} from 'mobx-react';
import { sites } from '../../libs/ht';
class SiteSelect extends Component { class SiteSelect extends Component {
constructor(props) { constructor(props) {
@ -10,39 +10,24 @@ class SiteSelect extends Component {
render() { render() {
const store = this.props.store; const { store, mode, value, onChange, show_all, ...extProps } = this.props;
return ( return (
<div> <div>
<Select <Select
mode={store.site_select_mode} mode={mode || store?.site_select_mode || null}
style={{width: '100%'}} style={{width: '100%'}}
placeholder="选择来源" placeholder="选择来源"
defaultValue={store.webcode} defaultValue={value || store?.webcode || 'ALL'}
onChange={store.handleChange_webcode} onChange={(value) => {
if (typeof onChange === 'function') {
onChange(value);
}
store?.handleChange_webcode(value);
}}
{...extProps}
> >
{this.props.show_all ? <Select.Option key="1" value="ALL">所有来源</Select.Option> : ''} {show_all===true ? <Select.Option key="1" value="ALL">所有来源</Select.Option> : ''}
<Select.Option key="2" value="CHT">CHT</Select.Option> {sites.map(ele => <Select.Option key={ele.key} value={ele.code}>{ele.label}</Select.Option>)}
<Select.Option key="8" value="AH">AH</Select.Option>
<Select.Option key="163" value="GH">GH</Select.Option>
<Select.Option key="28" value="GHKYZG">客运中国</Select.Option>
<Select.Option key="7" value="GHKYHW">客运海外</Select.Option>
<Select.Option key="172" value="GHTOB">GH to B业务</Select.Option>
<Select.Option key="11,12,20,21,10,18" value="JP,VAC,IT,GM,RU,VC">国际（入境）</Select.Option>
<Select.Option key="122,200,211,100,188" value="VACHW,ITHW,GMHW,RUHW,VCHW">国际（海外）</Select.Option>
<Select.Option key="11" value="JP">日语</Select.Option>
<Select.Option key="12" value="VAC">西语</Select.Option>
<Select.Option key="122" value="VACHW">西语海外</Select.Option>
<Select.Option key="20" value="IT">意大利</Select.Option>
<Select.Option key="200" value="ITHW">意大利海外</Select.Option>
<Select.Option key="21" value="GM">德语</Select.Option>
<Select.Option key="211" value="GMHW">德语海外</Select.Option>
<Select.Option key="10" value="RU">俄语</Select.Option>
<Select.Option key="100" value="RUHW">俄语海外</Select.Option>
<Select.Option key="18" value="VC">法语</Select.Option>
<Select.Option key="188" value="VCHW">法语海外</Select.Option>
<Select.Option key="16" value="CT">CT</Select.Option>
<Select.Option key="30" value="trippest">TP</Select.Option>
<Select.Option key="31" value="HLY">花梨鹰</Select.Option>
</Select> </Select>
</div> </div>
); );

65
src/libs/ht.js
Unescape Escape View File

@ -0,0 +1,65 @@
/**
* 事业部
*/
export const biz = [
{ key: '0', label: '公共开支', code: '' },
{ key: '1', label: 'GH事业部', code: '' },
{ key: '2', label: '国际事业部', code: '' },
{ key: '4', label: '孵化学院', code: '' },
];
/**
* 小组
*/
export const groups = [
{ key: '1,2,28,7,33', label: 'GH事业部', code: 'GH', children: [] },
{ key: '8,9,11,12,20,21', label: '国际事业部', code: 'INT', children: [] },
{ key: '10,18,16,30', label: '孵化学院', code: '', children: [] },
{ key: '1', label: 'CH直销', code: '', children: [] },
{ key: '2', label: 'CH大客户', code: '', children: [] },
{ key: '28', label: 'AH亚洲项目组', code: 'AH', children: [] },
{ key: '33', label: 'GH项目组', code: '', children: [] },
{ key: '7', label: '市场推广', code: '', children: [] },
{ key: '8', label: '德语', code: '', children: [] },
{ key: '9', label: '日语', code: '', children: [] },
{ key: '11', label: '法语', code: '', children: [] },
{ key: '12', label: '西语', code: '', children: [] },
{ key: '20', label: '俄语', code: '', children: [] },
{ key: '21', label: '意语', code: '', children: [] },
{ key: '10', label: '商旅', code: '', children: [] },
{ key: '18', label: 'CT', code: 'CT', children: [] },
{ key: '16', label: 'APP', code: 'APP', children: [] },
{ key: '30', label: 'Trippest', code: 'TP', children: [] },
{ key: '31', label: '花梨鹰', code: '', children: [] },
];
/**
* 来源
*/
export const sites = [
{ key: '2', label: 'CHT', code: 'CHT' },
{ key: '8', label: 'AH', code: 'AH' },
{ key: '163', label: 'GH', code: 'GH' },
{ key: '28', label: '客运中国', code: 'GHKYZG' },
{ key: '7', label: '客运海外', code: 'GHKYHW' },
{ key: '172', label: 'B业务', code: 'GHTOB' },
{ key: '11,12,20,21,10,18', label: '国际（入境）', code: 'JP,VAC,IT,GM,RU,VC' },
{ key: '122,200,211,100,188', label: '国际（海外）', code: 'VACHW,ITHW,GMHW,RUHW,VCHW' },
{ key: '11', label: '日语', code: 'JP' },
{ key: '12', label: '西语', code: 'VAC' },
{ key: '122', label: '西语海外', code: 'VACHW' },
{ key: '20', label: '意大利', code: 'IT' },
{ key: '200', label: '意大利海外', code: 'ITHW' },
{ key: '21', label: '德语', code: 'GM' },
{ key: '211', label: '德语海外', code: 'GMHW' },
{ key: '10', label: '俄语', code: 'RU' },
{ key: '100', label: '俄语海外', code: 'RUHW' },
{ key: '18', label: '法语', code: 'VC' },
{ key: '188', label: '法语海外', code: 'VCHW' },
{ key: '16', label: 'CT', code: 'CT' },
{ key: '30', label: 'TP', code: 'trippest' },
{ key: '31', label: '花梨鹰', code: 'HLY' },
];
export const dateTypes = [
{ key: 'applyDate', label: '提交日期' },
{ key: 'ConfirmDate', label: '确认日期' },
{ key: 'startDate', label: '走团日期' },
];
Write Preview
Loading…
Cancel
Save