53 lines
2.2 KiB
TypeScript
53 lines
2.2 KiB
TypeScript
import Popup from "@/components/popup";
|
||
import { Input, ScrollView, Text, View } from "@tarojs/components";
|
||
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||
import classnames from "classnames";
|
||
import styles from './index.module.scss'
|
||
import TextareaEnhance from "@/components/textareaEnhance";
|
||
import { CreateFavoriteApi, FavoriteListApi } from "@/api/favorite";
|
||
import { alert, goLink } from "@/common/common";
|
||
import { getFilterData } from "@/common/util";
|
||
|
||
//原因选择
|
||
type ReasonInfoParam = {
|
||
show?: boolean, //显示
|
||
onClose?: () => void, //关闭
|
||
onAdd?: (val: any) => void
|
||
}
|
||
export default memo(({show = false, onClose, onAdd}: ReasonInfoParam) => {
|
||
//获取列表
|
||
const [list, setList] = useState([])
|
||
const {fetchData: fetchDataList} = FavoriteListApi()
|
||
const getFavoriteList = async () => {
|
||
let res = await fetchDataList(getFilterData())
|
||
setList(() => res.data.list)
|
||
}
|
||
useEffect(() => {
|
||
if(show) getFavoriteList()
|
||
}, [show])
|
||
|
||
const onCreate = () => {
|
||
onClose?.()
|
||
goLink('/pages/collection/index')
|
||
}
|
||
|
||
return (
|
||
<Popup show={show} onClose={onClose} showTitle={false} >
|
||
<View className={styles.collection_con}>
|
||
<View className={styles.header}>
|
||
<Text className={styles.title}>选择收藏夹</Text>
|
||
<View className={styles.miconfont_con} >
|
||
<Text className={classnames(styles.miconfont, 'iconfont icon-jia')}></Text>
|
||
<Text onClick={onCreate}>新建</Text>
|
||
</View>
|
||
</View>
|
||
<ScrollView scrollY className={styles.scrollView}>
|
||
{list?.map((item: any) => <View onClick={() => onAdd?.(item)} className={styles.collection_item}>
|
||
<View className={styles.name}>{item.name}<Text>（{item.product_color_list?.length||0}）</Text></View>
|
||
<View className={styles.desc}>{item.remark}</View>
|
||
</View>)}
|
||
</ScrollView>
|
||
</View>
|
||
</Popup>
|
||
)
|
||
}) |