|
@@ -32,6 +32,35 @@ export default class Basic extends Component {
|
|
|
this.state = {
|
|
|
loadedFlag: false,//顶部数据是否加载完成
|
|
|
waitDealLoading: false,//顶部待办事项数据是否加载完成
|
|
|
+ currentWaitDealLoading: false, // 当前站点待办事项数据是否加载完成
|
|
|
+ // 当前站点
|
|
|
+ current_site_goods_data: [
|
|
|
+ {
|
|
|
+ icon: require('@/assets/stat_item_icon_2.png'),
|
|
|
+ label: `${sldComLanguage('待审核商品')}`,
|
|
|
+ tip: ``,
|
|
|
+ mapKey: 'auditGoodsNum',
|
|
|
+ num: '',
|
|
|
+ path: '/manage_product/goods_list?tab=check',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: require('@/assets/stat_item_icon_3.png'),
|
|
|
+ label: `${sldComLanguage('待审核品牌')}`,
|
|
|
+ tip: ``,
|
|
|
+ mapKey: 'auditBrandNum',
|
|
|
+ num: '',
|
|
|
+ path: '/manage_product/brand?tab=check',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: require('@/assets/stat_item_icon_1.png'),
|
|
|
+ label: `${sldComLanguage('待分配询盘')}`,
|
|
|
+ tip: ``,
|
|
|
+ mapKey: 'enquiryToBeAssignNum',
|
|
|
+ num: '',
|
|
|
+ path: '/manage_order/enquiry',
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ // 所有站点
|
|
|
goods_data_one: [{
|
|
|
icon: require('@/assets/stat_item_icon_1.png'),
|
|
|
label: `${sldComLanguage('待审核店铺')}`,
|
|
@@ -80,6 +109,7 @@ export default class Basic extends Component {
|
|
|
todayGoodsLoadedFlag: false,
|
|
|
todayMemberLoadedFlag: false,
|
|
|
todayEnquiryLoadedFlag: false,
|
|
|
+ currentWaitLoadedFlag: false,
|
|
|
todayTradeLoading: false,
|
|
|
todayFlowLoading: false,
|
|
|
todayGoodsLoading: false,
|
|
@@ -256,6 +286,7 @@ export default class Basic extends Component {
|
|
|
|
|
|
componentDidMount() {
|
|
|
this.getWaitEventData();
|
|
|
+ this.getCurrentWaitEventData();
|
|
|
this.getTodayTradeInfo();
|
|
|
this.getTodayMemberInfo();
|
|
|
this.getTodayFlowInfo();
|
|
@@ -263,6 +294,28 @@ export default class Basic extends Component {
|
|
|
this.getTodayEnquiryInfo();
|
|
|
}
|
|
|
|
|
|
+ // 获取当前站点待办栏目数据
|
|
|
+ getCurrentWaitEventData = () => {
|
|
|
+ const { dispatch } = this.props;
|
|
|
+ //loading开始
|
|
|
+ this.setState({
|
|
|
+ currentWaitDealLoading: true,
|
|
|
+ });
|
|
|
+ dispatch({
|
|
|
+ type: 'sldsetting/get_home_basic_wait_deal_stat_info',
|
|
|
+ callback: (res) => {
|
|
|
+ if (res.state === 200) {
|
|
|
+ let { current_site_goods_data } = this.state;
|
|
|
+ current_site_goods_data.map(item => {
|
|
|
+ item.num = res.data[item.mapKey];
|
|
|
+ });
|
|
|
+ this.setState({ current_site_goods_data });
|
|
|
+ }
|
|
|
+ this.setState({ currentWaitDealLoading: false, currentWaitLoadedFlag: true });
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
//获取待办栏目数据
|
|
|
getWaitEventData = () => {
|
|
|
const { dispatch } = this.props;
|
|
@@ -272,6 +325,7 @@ export default class Basic extends Component {
|
|
|
});
|
|
|
dispatch({
|
|
|
type: 'sldsetting/get_home_basic_wait_deal_stat_info',
|
|
|
+ payload: { isAll: true },
|
|
|
callback: (res) => {
|
|
|
if (res.state === 200) {
|
|
|
let { goods_data_one } = this.state;
|
|
@@ -396,7 +450,7 @@ export default class Basic extends Component {
|
|
|
};
|
|
|
|
|
|
render() {
|
|
|
- const { currentSiteName, goods_data_one, loadedFlag, waitDealLoading, /*todayTradeData,*/ todayFlowData, todayGoodsData, todayMemberData, todayTradeLoadedFlag, todayFlowLoadedFlag, todayGoodsLoadedFlag, todayMemberLoadedFlag, todayTradeLoading, todayFlowLoading, todayGoodsLoading, todayMemberLoading,todayEnquiryData,todayEnquiryLoadedFlag,todayEnquiryLoading } = this.state;
|
|
|
+ const { currentSiteName, current_site_goods_data, goods_data_one, currentWaitLoadedFlag, loadedFlag, currentWaitDealLoading, waitDealLoading, /*todayTradeData,*/ todayFlowData, todayGoodsData, todayMemberData, todayTradeLoadedFlag, todayFlowLoadedFlag, todayGoodsLoadedFlag, todayMemberLoadedFlag, todayTradeLoading, todayFlowLoading, todayGoodsLoading, todayMemberLoading,todayEnquiryData,todayEnquiryLoadedFlag,todayEnquiryLoading } = this.state;
|
|
|
const todayData = [
|
|
|
/*{ ...todayTradeData },*/
|
|
|
{ ...todayFlowData },
|
|
@@ -419,9 +473,9 @@ export default class Basic extends Component {
|
|
|
</div>
|
|
|
<Spin spinning={waitDealLoading}>
|
|
|
<div className={`${styles.stat_amount_new} ${global.flex_com_row_space_around_center}`}>
|
|
|
- {goods_data_one.map((item, index) => (
|
|
|
- <div key={index} onClick={() => (this.menuItemGoPage(item.path))} key={item.bg}
|
|
|
- className={`${styles.item} ${styles.goods} ${global.flex_com_row_start_start}`}
|
|
|
+ {goods_data_one.map((item) => (
|
|
|
+ <div key={item.bg}
|
|
|
+ className={`${styles.item} ${styles.goods} ${global.flex_com_row_start_start} ${global.no_pointer}`}
|
|
|
>
|
|
|
<div className={`${styles.left_pending_icon}`}>
|
|
|
<img src={item.icon} alt=""/>
|
|
@@ -448,6 +502,43 @@ export default class Basic extends Component {
|
|
|
</Spin>
|
|
|
</div>
|
|
|
<div className={styles.current_site}>{ currentSiteName }</div>
|
|
|
+ {/* 当前站点的待办事项--start*/}
|
|
|
+ <div className={`${styles.module_item}`}>
|
|
|
+ <div className={`${stat.label_panel} ${styles.label_panel}`}>
|
|
|
+ {sldLlineRtextAddGoodsAddMargin(defaultSettings.primaryColor, `${sldComLanguage('待办事项')}`, 10, 0, 0)}
|
|
|
+ <span className={ styles.site_tip }>{ `( ${sldComLanguage('当前站点待办事项')} )` }</span>
|
|
|
+ </div>
|
|
|
+ <Spin spinning={currentWaitDealLoading}>
|
|
|
+ <div className={`${styles.stat_amount_new} ${global.flex_com_row_space_around_center}`}>
|
|
|
+ {current_site_goods_data.map((item) => (
|
|
|
+ <div onClick={() => (this.menuItemGoPage(item.path))} key={item.bg}
|
|
|
+ className={`${styles.item} ${styles.goods} ${global.flex_com_row_start_start}`}
|
|
|
+ >
|
|
|
+ <div className={`${styles.left_pending_icon}`}>
|
|
|
+ <img src={item.icon} alt=""/>
|
|
|
+ </div>
|
|
|
+ <div className={`${styles.item_desc}`}>
|
|
|
+ <div className={`${styles.item_title}`}>{item.label}</div>
|
|
|
+ <div title={item.num} className={`${styles.item_num}`}>
|
|
|
+ {currentWaitLoadedFlag && (
|
|
|
+ item.num > 10000
|
|
|
+ ? formatNum(item.num)
|
|
|
+ : <TweenOne animation={{
|
|
|
+ Children: {
|
|
|
+ value: item.num, floatLength: 0,
|
|
|
+ formatMoney: true,
|
|
|
+ },
|
|
|
+ duration: 1000,
|
|
|
+ }}/>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ {/* 当前站点的待办事项--end*/}
|
|
|
<div className={`${styles.today_info_panel} ${global.flex_com_space_between}`}>
|
|
|
{todayData.map((item, index) => (
|
|
|
<div key={index} className={`${styles.today_info_item}`}>
|