xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎈 perf(我的页面优化):

Browse Source
This commit is contained in:
czm 2022-08-01 00:32:59 +08:00
parent 2b15dc578c
commit 6ea58ad911
10 changed files with 1672 additions and 1587 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config/index.js
View File

@ -10,6 +10,8 @@ const CURRENT_VERSION = `Version: ${JSON.stringify(process.env.CODE_BRANCH || ve
'', '',
) )
console.log('process::', process)
const config = { const config = {
projectName: 'EShop', projectName: 'EShop',
date: '2022-4-6', date: '2022-4-6',

31
src/components/addCollection/index.tsx
View File

@ -1,17 +1,17 @@
import Popup from "@/components/popup"; import Popup from '@/components/popup'
import { Input, ScrollView, Text, View } from "@tarojs/components"; import { Input, ScrollView, Text, View } from '@tarojs/components'
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react"; import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
import classnames from "classnames"; import classnames from 'classnames'
import styles from './index.module.scss' import styles from './index.module.scss'
import TextareaEnhance from "@/components/textareaEnhance"; import TextareaEnhance from '@/components/textareaEnhance'
import { CreateFavoriteApi, FavoriteListApi } from "@/api/favorite"; import { CreateFavoriteApi, FavoriteListApi } from '@/api/favorite'
import { alert, goLink } from "@/common/common"; import { alert, goLink } from '@/common/common'
import { getFilterData } from "@/common/util"; import { getFilterData } from '@/common/util'
//原因选择 //原因选择
type ReasonInfoParam = { type ReasonInfoParam = {
show?: boolean, //显示 show?: boolean //显示
onClose?: () => void, //关闭 onClose?: () => void //关闭
onAdd?: (val: any) => void onAdd?: (val: any) => void
} }
export default memo(({ show = false, onClose, onAdd }: ReasonInfoParam) => { export default memo(({ show = false, onClose, onAdd }: ReasonInfoParam) => {
@ -42,10 +42,15 @@ export default memo(({show = false, onClose, onAdd}: ReasonInfoParam) => {
</View> </View>
</View> </View>
<ScrollView scrollY className={styles.scrollView}> <ScrollView scrollY className={styles.scrollView}>
{list?.map((item: any) => <View onClick={() => onAdd?.(item)} className={styles.collection_item}> {list?.map((item: any) => (
<View className={styles.name}>{item.name}<Text>（{item.product_color_list?.length||0}）</Text></View> <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 className={styles.desc}>{item.remark}</View>
</View>)} </View>
))}
</ScrollView> </ScrollView>
</View> </View>
</Popup> </Popup>

142
src/components/shopCart/index.tsx
View File

@ -1,29 +1,29 @@
import {Image, ScrollView, View } from "@tarojs/components" import { Image, ScrollView, View } from '@tarojs/components'
import Popup from "@/components/popup" import Popup from '@/components/popup'
import classnames from "classnames"; import classnames from 'classnames'
import MCheckbox from "@/components/checkbox"; import MCheckbox from '@/components/checkbox'
import LoadingCard from "@/components/loadingCard"; import LoadingCard from '@/components/loadingCard'
import InfiniteScroll from "@/components/infiniteScroll"; import InfiniteScroll from '@/components/infiniteScroll'
import styles from "./index.module.scss" import styles from './index.module.scss'
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import Taro from "@tarojs/taro"; import Taro from '@tarojs/taro'
import { alert, goLink } from "@/common/common"; import { alert, goLink } from '@/common/common'
import {GetShoppingCartApi, DelShoppingCartApi, UpdateShoppingCartApi} from "@/api/shopCart" import { GetShoppingCartApi, DelShoppingCartApi, UpdateShoppingCartApi } from '@/api/shopCart'
import { formatHashTag, formatImgUrl, formatPriceDiv } from "@/common/fotmat"; import { formatHashTag, formatImgUrl, formatPriceDiv } from '@/common/fotmat'
import { setParam } from "@/common/system"; import { setParam } from '@/common/system'
import { debounce, throttle } from "@/common/util"; import { debounce, throttle } from '@/common/util'
import Counter from "../counter"; import Counter from '../counter'
import { ApplyOrderAccessApi, GetAdminUserInfoApi, SubscriptionMessageApi } from "@/api/user"; import { ApplyOrderAccessApi, GetAdminUserInfoApi, SubscriptionMessageApi } from '@/api/user'
import useCommonData from "@/use/useCommonData"; import useCommonData from '@/use/useCommonData'
import BindSalesmanPopup from "../bindSalesmanPopup"; import BindSalesmanPopup from '../bindSalesmanPopup'
import LabAndImgShow from "../LabAndImgShow"; import LabAndImgShow from '../LabAndImgShow'
import LabAndImg from "../LabAndImg"; import LabAndImg from '../LabAndImg'
type param = { type param = {
show?: true|false, show?: true | false
onClose?: () => void, onClose?: () => void
intoStatus?: 'again'|'shop', intoStatus?: 'again' | 'shop'
default_sale_mode?: number, //面料类型（0：大货， 1：剪版，2：散剪 default_sale_mode?: number //面料类型（0：大货， 1：剪版，2：散剪
} }
export default ({ show = false, onClose, intoStatus = 'shop', default_sale_mode }: param) => { export default ({ show = false, onClose, intoStatus = 'shop', default_sale_mode }: param) => {
const selectList = [ const selectList = [
@ -51,7 +51,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
//重置勾选数据 //重置勾选数据
const resetList = () => { const resetList = () => {
list?.map(item => { list?.map((item) => {
if (selectIndex == item.sale_mode || selectIndex == -1) { if (selectIndex == item.sale_mode || selectIndex == -1) {
checkboxData[item.id] = true checkboxData[item.id] = true
} else { } else {
@ -79,7 +79,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
const initStatus = useRef(false) const initStatus = useRef(false)
const initList = (color_list) => { const initList = (color_list) => {
if (initStatus.current) { if (initStatus.current) {
color_list?.map(item => { color_list?.map((item) => {
if (selectIndex == item.sale_mode) checkboxData[item.id] = true if (selectIndex == item.sale_mode) checkboxData[item.id] = true
}) })
initStatus.current = false initStatus.current = false
@ -114,9 +114,8 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
//全选反选 //全选反选
const [selectStatus, setSelectStatus] = useState(false) const [selectStatus, setSelectStatus] = useState(false)
const selectAll = () => { const selectAll = () => {
list.map(item => { list.map((item) => {
if(selectIndex == item.sale_mode || selectIndex == -1) if (selectIndex == item.sale_mode || selectIndex == -1) checkboxData[item.id] = !selectStatus
checkboxData[item.id] = !selectStatus
}) })
setSelectStatus(!selectStatus) setSelectStatus(!selectStatus)
setCheckboxData(() => ({ ...checkboxData })) setCheckboxData(() => ({ ...checkboxData }))
@ -133,7 +132,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
const checkSelect = () => { const checkSelect = () => {
let list_count = 0 let list_count = 0
let select_count = 0 let select_count = 0
list?.map(item => { list?.map((item) => {
if (selectIndex == -1 || selectIndex == item.sale_mode) { if (selectIndex == -1 || selectIndex == item.sale_mode) {
list_count++ list_count++
if (checkboxData[item.id]) select_count++ if (checkboxData[item.id]) select_count++
@ -155,8 +154,6 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
setShowPopup(false) setShowPopup(false)
} }
//删除购物车内容 //删除购物车内容
const { fetchData: delShopFetchData } = DelShoppingCartApi() const { fetchData: delShopFetchData } = DelShoppingCartApi()
const delSelect = () => { const delSelect = () => {
@ -173,18 +170,16 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
title: '成功', title: '成功',
icon: 'success', icon: 'success',
}) })
} else { } else {
Taro.showToast({ Taro.showToast({
title: res.msg, title: res.msg,
icon: 'none', icon: 'none',
}) })
} }
} else if (res.cancel) { } else if (res.cancel) {
console.log('用户点击取消') console.log('用户点击取消')
} }
} },
}) })
} }
@ -192,7 +187,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
const selectIds = useRef<number[]>([]) const selectIds = useRef<number[]>([])
const getSelectId = () => { const getSelectId = () => {
selectIds.current = [] selectIds.current = []
list?.map(item => { list?.map((item) => {
if (selectIndex == -1 || selectIndex == item.sale_mode) { if (selectIndex == -1 || selectIndex == item.sale_mode) {
checkboxData[item.id] && selectIds.current.push(item.id) checkboxData[item.id] && selectIds.current.push(item.id)
} }
@ -206,7 +201,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
//格式化数量 //格式化数量
const formatCount = useCallback((item) => { const formatCount = useCallback((item) => {
return item.sale_mode == 0? item.roll : (item.length/100) return item.sale_mode == 0 ? item.roll : item.length / 100
}, []) }, [])
//格式化单位 //格式化单位
@ -220,19 +215,22 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
let product_list = new Set() //面料 let product_list = new Set() //面料
let color_count = 0 //颜色数量 let color_count = 0 //颜色数量
let all_count = 0 //总数量 let all_count = 0 //总数量
list.map(item => { list.map((item) => {
if (checkboxData[item.id]) { if (checkboxData[item.id]) {
estimate_amount += item.estimate_amount estimate_amount += item.estimate_amount
product_list.add(item.product_id) product_list.add(item.product_id)
color_count++ color_count++
all_count += item.sale_mode == 0?item.roll: (item.length) all_count += item.sale_mode == 0 ? item.roll : item.length
} }
}) })
let all_count_text = selectIndex == 0?all_count + ' 条': (all_count/100) + ' 米' let all_count_text = selectIndex == 0 ? all_count + ' 条' : all_count / 100 + ' 米'
return {price: Number(formatPriceDiv(estimate_amount)).toFixed(2), countText: `已选 ${product_list.size} 种面料，${color_count} 个颜色，共 ${all_count_text}`, color_count} return {
price: Number(formatPriceDiv(estimate_amount)).toFixed(2),
countText: `已选 ${product_list.size} 种面料，${color_count} 个颜色，共 ${all_count_text}`,
color_count,
}
}, [list, checkboxData]) }, [list, checkboxData])
//去结算 //去结算
const { fetchData: useFetchData } = GetAdminUserInfoApi() const { fetchData: useFetchData } = GetAdminUserInfoApi()
const { fetchData: applyOrderAccessFetchData } = ApplyOrderAccessApi() const { fetchData: applyOrderAccessFetchData } = ApplyOrderAccessApi()
@ -251,7 +249,7 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
let ids = selectIds.current.join('-') let ids = selectIds.current.join('-')
setParam({ ids, sale_mode: selectIndex }) //临时存储 setParam({ ids, sale_mode: selectIndex }) //临时存储
closePopup() closePopup()
if(intoStatus == "again") { if (intoStatus == 'again') {
goLink('/pages/order/comfirm', {}, 'redirectTo') goLink('/pages/order/comfirm', {}, 'redirectTo')
} else { } else {
goLink('/pages/order/comfirm') goLink('/pages/order/comfirm')
@ -259,13 +257,12 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
} }
}, 500) }, 500)
//计数组件-当后端修改完成才修改前端显示 //计数组件-当后端修改完成才修改前端显示
const { fetchData: fetchDataUpdateShoppingCart } = UpdateShoppingCartApi() const { fetchData: fetchDataUpdateShoppingCart } = UpdateShoppingCartApi()
const [UpdateShoppingCartLoading, setUpdateShoppingCartLoading] = useState(false) const [UpdateShoppingCartLoading, setUpdateShoppingCartLoading] = useState(false)
const getInputValue = debounce(async (num, item) => { const getInputValue = debounce(async (num, item) => {
let roll = item.sale_mode == 0 ? parseFloat(num) : 0 let roll = item.sale_mode == 0 ? parseFloat(num) : 0
let length = item.sale_mode != 0?(parseFloat(num)*100):0 let length = item.sale_mode != 0 ? parseFloat(num) * 100 : 0
setUpdateShoppingCartLoading(() => true) setUpdateShoppingCartLoading(() => true)
let res = await fetchDataUpdateShoppingCart({ id: item.id, roll, length }) let res = await fetchDataUpdateShoppingCart({ id: item.id, roll, length })
setUpdateShoppingCartLoading(() => false) setUpdateShoppingCartLoading(() => false)
@ -302,25 +299,49 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
<View className={styles.count_all}>{estimatePrice.countText}</View> <View className={styles.count_all}>{estimatePrice.countText}</View>
<View className={styles.search}> <View className={styles.search}>
{selectList.map((item) => { {selectList.map((item) => {
return <View key={item.value} onClick={() => selectProduct(item.value)} className={classnames(styles.search_item, (selectIndex==item.value)&&styles.search_item_select)}>{item.title}</View> return (
<View
key={item.value}
onClick={() => selectProduct(item.value)}
className={classnames(styles.search_item, selectIndex == item.value && styles.search_item_select)}>
{item.title}
</View>
)
})} })}
</View> </View>
<View className={styles.con}> <View className={styles.con}>
{loading && <LoadingCard />} {loading && <LoadingCard />}
{!loading&&list?.length > 0&&<InfiniteScroll moreStatus={false} > {!loading && list?.length > 0 && (
<InfiniteScroll moreStatus={false}>
<View className={styles.product_list}> <View className={styles.product_list}>
{list?.map((item, index) => { {list?.map((item) => {
return <View key={index} className={classnames(styles.product_item, (selectIndex!=-1&&selectIndex!= item.sale_mode)&&styles.no_product_item_select)}> return (
<View
key={item}
className={classnames(styles.product_item, selectIndex != -1 && selectIndex != item.sale_mode && styles.no_product_item_select)}>
<View className={styles.checkbox}> <View className={styles.checkbox}>
<MCheckbox disabled={selectIndex!=-1&&selectIndex!=item.sale_mode} status={!!checkboxData[item.id]} onSelect={() => selectCallBack(item)} onClose={() => colseCallBack(item)}/> <MCheckbox
disabled={selectIndex != -1 && selectIndex != item.sale_mode}
status={!!checkboxData[item.id]}
onSelect={() => selectCallBack(item)}
onClose={() => colseCallBack(item)}
/>
</View> </View>
<View className={styles.img}> <View className={styles.img}>
<LabAndImg value={{lab:item.lab,rgb:item.rgb,texture_url:item.texture_url, title:item.product_color_code}} showStatus={false} onClick={getLabAndImg}/> <LabAndImg
value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.product_color_code }}
showStatus={false}
onClick={getLabAndImg}
/>
</View> </View>
<View className={styles.product_item_name}> <View className={styles.product_item_name}>
<View className={styles.product_item_name_header}> <View className={styles.product_item_name_header}>
<View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View> <View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View>
<View className={styles.price}><text>￥</text>{formatPirce(item.sale_price)}<text>/{selectList[item.sale_mode].eunit}</text></View> <View className={styles.price}>
<text>￥</text>
{formatPirce(item.sale_price)}
<text>/{selectList[item.sale_mode].eunit}</text>
</View>
</View> </View>
<View className={styles.count}> <View className={styles.count}>
<View className={styles.des}> <View className={styles.des}>
@ -343,14 +364,17 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
</View> </View>
</View> </View>
</View> </View>
)
})} })}
</View> </View>
</InfiniteScroll>} </InfiniteScroll>
{!loading&&list?.length == 0 &&<View className={styles.empty}> )}
{!loading && list?.length == 0 && (
<View className={styles.empty}>
<View className={styles.title}>暂未选择商品</View> <View className={styles.title}>暂未选择商品</View>
<View className={styles.btn}>去选购</View> <View className={styles.btn}>去选购</View>
</View>} </View>
)}
</View> </View>
<View className={styles.buy_btn}> <View className={styles.buy_btn}>
<View className={styles.buy_con}> <View className={styles.buy_con}>
@ -358,7 +382,10 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
<View className={classnames('iconfont', 'icon-gouwuche', styles.miconfont)}></View> <View className={classnames('iconfont', 'icon-gouwuche', styles.miconfont)}></View>
</View> </View>
<View className={styles.price_con}> <View className={styles.price_con}>
<View className={styles.price_real}><text>￥</text>{estimatePrice.price}</View> <View className={styles.price_real}>
<text>￥</text>
{estimatePrice.price}
</View>
<View className={styles.price_forecast}>预估金额</View> <View className={styles.price_forecast}>预估金额</View>
</View> </View>
<View className={styles.goPay} onClick={() => orderDetail()}> <View className={styles.goPay} onClick={() => orderDetail()}>
@ -377,4 +404,3 @@ export default ({show = false, onClose, intoStatus='shop', default_sale_mode}: p
</View> </View>
) )
} }

167
src/pages/details/components/orderCount/index.tsx
View File

@ -1,34 +1,32 @@
import {View, Text } from "@tarojs/components" import { View, Text } from '@tarojs/components'
import Popup from "@/components/popup" import Popup from '@/components/popup'
import LoadingCard from "@/components/loadingCard"; import LoadingCard from '@/components/loadingCard'
import Search from "@/components/search"; import Search from '@/components/search'
import Counter from "../counter"; import Counter from '../counter'
import Big from 'big.js' import Big from 'big.js'
import classnames from "classnames"; import classnames from 'classnames'
import styles from "./index.module.scss" import styles from './index.module.scss'
import { memo, useCallback, useEffect, useRef, useState } from "react"; import { memo, useCallback, useEffect, useRef, useState } from 'react'
import { useSelector } from "@/reducers/hooks" import { useSelector } from '@/reducers/hooks'
import {GetColorList} from "@/api/materialColor" import { GetColorList } from '@/api/materialColor'
import {AddShoppingCartApi} from "@/api/shopCart" import { AddShoppingCartApi } from '@/api/shopCart'
import Taro, { useRouter } from "@tarojs/taro"; import Taro, { useRouter } from '@tarojs/taro'
import UseLogin from "@/use/useLogin" import UseLogin from '@/use/useLogin'
import { formatHashTag, formatPriceDiv } from "@/common/fotmat"; import { formatHashTag, formatPriceDiv } from '@/common/fotmat'
import { getFilterData } from "@/common/util"; import { getFilterData } from '@/common/util'
import LabAndImg from "@/components/LabAndImg"; import LabAndImg from '@/components/LabAndImg'
import VirtualList from '@tarojs/components/virtual-list' import VirtualList from '@tarojs/components/virtual-list'
import useCommonData from "@/use/useCommonData"; import useCommonData from '@/use/useCommonData'
import LabAndImgShow from "@/components/LabAndImgShow"; import LabAndImgShow from '@/components/LabAndImgShow'
type param = { type param = {
show?: true|false, show?: true | false
onClose?: () => void, onClose?: () => void
title?: string, title?: string
productId?: number productId?: number
} }
export default memo(({ show = false, onClose, title = '', productId = 0 }: param) => { export default memo(({ show = false, onClose, title = '', productId = 0 }: param) => {
const {adminUserInfo} = useSelector(state => state.userInfo) const { adminUserInfo } = useSelector((state) => state.userInfo)
const [selectList, _] = useState([ const [selectList, _] = useState([
{ id: 0, step: 1, digits: 0, maxNum: 100000, defaultNum: 1, title: '大货', unit: '条', eunit: 'kg', priceField: 'bulk_price' }, { id: 0, step: 1, digits: 0, maxNum: 100000, defaultNum: 1, title: '大货', unit: '条', eunit: 'kg', priceField: 'bulk_price' },
@ -59,7 +57,6 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
} }
const [showPopup, setShowPopup] = useState(false) const [showPopup, setShowPopup] = useState(false)
//显示获取 //显示获取
useEffect(() => { useEffect(() => {
if (show) { if (show) {
@ -74,7 +71,7 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
//初始化列表数据 //初始化列表数据
const initList = useCallback((list) => { const initList = useCallback((list) => {
const newList = list.map(item => { const newList = list.map((item) => {
item.count = 0 item.count = 0
item.show = false item.show = false
return item return item
@ -97,33 +94,36 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
} }
//计算总数量和总米/件数 //计算总数量和总米/件数
const [selectCount, setSelectCount] = useState<{sumCount:number, kindCount:number, color_list:any[]}>({ const [selectCount, setSelectCount] = useState<{ sumCount: number; kindCount: number; color_list: any[] }>({
sumCount: 0, sumCount: 0,
kindCount: 0, kindCount: 0,
color_list: [] color_list: [],
}) })
useEffect(() => { useEffect(() => {
let sumCount = 0, kindCount = 0, color_list:any[] = [] let sumCount = 0,
kindCount = 0,
color_list: any[] = []
let color_list_info = {} let color_list_info = {}
list.map(item => { list.map((item) => {
if (item.count > 0) { if (item.count > 0) {
sumCount = Big(sumCount).add(item.count).toNumber() sumCount = Big(sumCount).add(item.count).toNumber()
kindCount++ kindCount++
color_list_info = selectIndex == 0? {product_color_id:item.id, roll:item.count}:{product_color_id:item.id, length:(item.count*100)} color_list_info = selectIndex == 0 ? { product_color_id: item.id, roll: item.count } : { product_color_id: item.id, length: item.count * 100 }
color_list.push(color_list_info) color_list.push(color_list_info)
} }
}) })
setSelectCount({ ...selectCount, sumCount, kindCount, color_list }) setSelectCount({ ...selectCount, sumCount, kindCount, color_list })
}, [list]) }, [list])
//计数组件 //计数组件
const getInputValue = useCallback((num, item) => { const getInputValue = useCallback(
(num, item) => {
item.count = parseFloat(num) item.count = parseFloat(num)
if (num == 0) item.show = false if (num == 0) item.show = false
setList(() => [...list]) setList(() => [...list])
}, [list]) },
[list],
)
const onAdd = (item) => { const onAdd = (item) => {
item.show = true item.show = true
@ -147,35 +147,34 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
} catch (msg) { } catch (msg) {
Taro.showToast({ Taro.showToast({
icon: 'none', icon: 'none',
title:'授权失败，请求完善授权' title: '授权失败，请求完善授权',
}) })
return false return false
} }
if (selectCount.sumCount == 0) { if (selectCount.sumCount == 0) {
Taro.showToast({ Taro.showToast({
icon: 'none', icon: 'none',
title:'请选择面料颜色!' title: '请选择面料颜色!',
}) })
return false return false
} }
const state = await addFetchData({ const state = await addFetchData({
"sale_mode": selectIndex, sale_mode: selectIndex,
color_list: selectCount.color_list color_list: selectCount.color_list,
}) })
if (state.success) { if (state.success) {
Taro.showToast({ Taro.showToast({
title:'添加成功' title: '添加成功',
}) })
getShopCount() getShopCount()
onClose?.() onClose?.()
} else { } else {
Taro.showToast({ Taro.showToast({
icon: 'none', icon: 'none',
title: state.msg title: state.msg,
}) })
} }
} }
//筛选数据 //筛选数据
@ -192,10 +191,19 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
} }
//格式化金额 //格式化金额
const formatPrice = useCallback((item) => { const formatPrice = useCallback(
(item) => {
const price = Number(formatPriceDiv(item[selectList[selectIndex].priceField])) const price = Number(formatPriceDiv(item[selectList[selectIndex].priceField]))
return <View className={styles.priceText}><Text>¥</Text>{price}<Text> /{selectList[selectIndex].eunit}</Text></View> return (
}, [selectIndex]) <View className={styles.priceText}>
<Text>¥</Text>
{price}
<Text> /{selectList[selectIndex].eunit}</Text>
</View>
)
},
[selectIndex],
)
//显示图片弹窗 //显示图片弹窗
const [showLabImage, setShowLabImage] = useState(false) const [showLabImage, setShowLabImage] = useState(false)
@ -213,19 +221,22 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
let item = data[index] let item = data[index]
return ( return (
<> <>
{item&&<View className={styles.item} key={item.id}> {(item && (
<View className={styles.item} key={item.id}>
<View className={styles.item_color}> <View className={styles.item_color}>
<LabAndImg value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }} showStatus={false} onClick={getLabAndImg} /> <LabAndImg value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }} showStatus={false} onClick={getLabAndImg} />
</View> </View>
<View className={styles.item_con}> <View className={styles.item_con}>
<View className={styles.title}>{formatHashTag(item.code, item.name)}</View> <View className={styles.title}>{formatHashTag(item.code, item.name)}</View>
<View className={styles.num}> <View className={styles.num}>{formatPrice(item)}</View>
{formatPrice(item)}
</View>
</View> </View>
<View className={styles.btn_con}> <View className={styles.btn_con}>
{!item.show&&<View className={styles.btn} onClick={() => onAdd(item)}>添加</View> {(!item.show && (
||<View className={styles.btn_count}> <View className={styles.btn} onClick={() => onAdd(item)}>
添加
</View>
)) || (
<View className={styles.btn_count}>
<Counter <Counter
otherData={item} otherData={item}
onBlue={getInputValue} onBlue={getInputValue}
@ -237,10 +248,11 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
minNum={selectList[selectIndex].minNum} minNum={selectList[selectIndex].minNum}
maxNum={selectList[selectIndex].maxNum} maxNum={selectList[selectIndex].maxNum}
/> />
</View>}
</View> </View>
</View>||<View className={styles.item}></View> )}
} </View>
</View>
)) || <View className={styles.item}></View>}
</> </>
) )
}) })
@ -254,24 +266,35 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
<View className={styles.search_title}>下单类型:</View> <View className={styles.search_title}>下单类型:</View>
<View className={styles.search_list}> <View className={styles.search_list}>
{selectList.map((item, index) => { {selectList.map((item, index) => {
return <View key={index} onClick={() => selectProduct(index)} className={classnames(styles.search_item, (selectIndex==index)&&styles.search_item_select)}>{item.title}</View> return (
<View
key={index}
onClick={() => selectProduct(index)}
className={classnames(styles.search_item, selectIndex == index && styles.search_item_select)}>
{item.title}
</View>
)
})} })}
</View> </View>
</View> </View>
{searchShow&&<View className={styles.colorFind}> {searchShow && (
<View className={styles.colorFind}>
<View className={styles.search}> <View className={styles.search}>
<Search placeIcon="out" ref={searchRef} changeOnSearch={searchInput} debounceTime={400}/> <Search placeIcon='out' ref={searchRef} changeOnSearch={searchInput} debounceTime={400} />
</View> </View>
<View className={styles.text} onClick={() => clearSearch()}>取消</View> <View className={styles.text} onClick={() => clearSearch()}>
</View>} 取消
</View>
</View>
)}
<View className={styles.colorNum}> <View className={styles.colorNum}>
<View className={styles.title}>颜色分类 ({list.length})</View> <View className={styles.title}>颜色分类 ({list.length})</View>
{!searchShow && <View className={classnames('iconfont icon-sousuo', styles.miconfont)} onClick={() => changeSearchShow()}></View>} {!searchShow && <View className={classnames('iconfont icon-sousuo', styles.miconfont)} onClick={() => changeSearchShow()}></View>}
</View> </View>
<View className={styles.product_color_con}> <View className={styles.product_color_con}>
{(list.length <= 0 && colorState.loading)&&<LoadingCard/>} {list.length <= 0 && colorState.loading && <LoadingCard />}
{(list.length > 0&& !colorState.loading)&& {list.length > 0 && !colorState.loading && (
<View className={styles.color_con}> <View className={styles.color_con}>
<VirtualList <VirtualList
className={styles.virtual_list} className={styles.virtual_list}
@ -280,22 +303,27 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
itemData={list} /* 渲染列表的数据 */ itemData={list} /* 渲染列表的数据 */
itemCount={list.length + 1} /* 渲染列表的长度 */ itemCount={list.length + 1} /* 渲染列表的长度 */
itemSize={100} /* 列表单项的高度 */ itemSize={100} /* 列表单项的高度 */
overscanCount={1} overscanCount={1}>
>
{Rows} {Rows}
</VirtualList> </VirtualList>
<View className="common_safe_area_y"></View> <View className='common_safe_area_y'></View>
</View>} </View>
{(list.length <= 0 && !colorState.loading)&&<View className={styles.noData}>暂无此商品</View>} )}
{list.length <= 0 && !colorState.loading && <View className={styles.noData}>暂无此商品</View>}
</View> </View>
<View className={styles.buy_btn}> <View className={styles.buy_btn}>
<View className={styles.buy_btn_con}> <View className={styles.buy_btn_con}>
<View className={styles.count}>当前已选{selectCount.kindCount}种，共{selectCount.sumCount}{selectList[selectIndex].unit}</View> <View className={styles.count}>
<View className={classnames(styles.add_cart, selectCount.kindCount&&styles.select_add_cart)} onClick={() => addShopCart()}>加入购物车</View> 当前已选{selectCount.kindCount}种，共{selectCount.sumCount}
{selectList[selectIndex].unit}
</View>
<View className={classnames(styles.add_cart, selectCount.kindCount && styles.select_add_cart)} onClick={() => addShopCart()}>
加入购物车
</View> </View>
</View> </View>
</View> </View>
<View className="common_safe_area_y"></View> </View>
<View className='common_safe_area_y'></View>
</Popup> </Popup>
<View> <View>
<LabAndImgShow value={labImageValue} show={showLabImage} onClose={closeLabImgShow} /> <LabAndImgShow value={labImageValue} show={showLabImage} onClose={closeLabImgShow} />
@ -303,4 +331,3 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
</View> </View>
) )
}) })

101
src/pages/details/index.tsx
View File

@ -1,30 +1,29 @@
import { Button, RichText, Text, View } from '@tarojs/components' import { Button, RichText, Text, View } from '@tarojs/components'
import Taro, { useDidShow, usePullDownRefresh, useRouter } from '@tarojs/taro'; import Taro, { useDidShow, usePullDownRefresh, useRouter } from '@tarojs/taro'
import classnames from "classnames"; import classnames from 'classnames'
import DesSwiper from './components/swiper'; import DesSwiper from './components/swiper'
import OrderCount from './components/orderCount'; import OrderCount from './components/orderCount'
import ShopCart from '@/components/shopCart'; import ShopCart from '@/components/shopCart'
import styles from './index.module.scss' import styles from './index.module.scss'
import { useCallback, useEffect, useMemo, useState } from 'react'; import { useCallback, useEffect, useMemo, useState } from 'react'
import { formatHashTag } from '@/common/fotmat' import { formatHashTag } from '@/common/fotmat'
import { GetProductDetailApi } from '@/api/material' import { GetProductDetailApi } from '@/api/material'
import useLogin from '@/use/useLogin'; import useLogin from '@/use/useLogin'
import { AnalysisShortCodeApi, GetShortCodeApi } from '@/api/share'; import { AnalysisShortCodeApi, GetShortCodeApi } from '@/api/share'
import { SHARE_SCENE } from '@/common/enum'; import { SHARE_SCENE } from '@/common/enum'
import useUserInfo from '@/use/useUserInfo'; import useUserInfo from '@/use/useUserInfo'
import LabAndImg from '@/components/LabAndImg'; import LabAndImg from '@/components/LabAndImg'
import { alert } from '@/common/common'; import { alert } from '@/common/common'
import AddCollection from '@/components/addCollection'; import AddCollection from '@/components/addCollection'
import { AddFavoriteApi, DelFavoriteProductApi } from '@/api/favorite'; import { AddFavoriteApi, DelFavoriteProductApi } from '@/api/favorite'
import useCommonData from '@/use/useCommonData'; import useCommonData from '@/use/useCommonData'
import { IMG_CND_Prefix } from '@/common/constant'; import { IMG_CND_Prefix } from '@/common/constant'
type item = {title:string, img:string, url:string, id:number} type item = { title: string; img: string; url: string; id: number }
type Params = { type Params = {
list?: item[] list?: item[]
swiperOnClick?: (val: item) => void, swiperOnClick?: (val: item) => void
style?: Object style?: Object
} }
export default (props: Params) => { export default (props: Params) => {
@ -81,7 +80,6 @@ export default (props:Params) => {
} }
}, [productInfo]) }, [productInfo])
//面料名称 //面料名称
const productName = useMemo(() => { const productName = useMemo(() => {
return formatHashTag(productInfo.code, productInfo.name) return formatHashTag(productInfo.code, productInfo.name)
@ -99,7 +97,11 @@ export default (props:Params) => {
const { ShareDetail } = SHARE_SCENE const { ShareDetail } = SHARE_SCENE
const { fetchData: fetchDataShortCode } = GetShortCodeApi() const { fetchData: fetchDataShortCode } = GetShortCodeApi()
const getShortCode = async () => { const getShortCode = async () => {
const {data: resDetail} = await fetchDataShortCode({"share_user_id": userObj.adminUserInfo.user_id, type:ShareDetail.value, product_id: parseInt(params.id)}) const { data: resDetail } = await fetchDataShortCode({
share_user_id: userObj.adminUserInfo.user_id,
type: ShareDetail.value,
product_id: parseInt(params.id),
})
const img = IMG_CND_Prefix + (productInfo.texture_url ? productInfo.texture_url.split(',')[0] : '/mall/share_img_01.png') const img = IMG_CND_Prefix + (productInfo.texture_url ? productInfo.texture_url.split(',')[0] : '/mall/share_img_01.png')
setSortCode({ ...userObj.sort_code, shareShortDetail: { title: productName as string, code: resDetail.md5_key, img: img } }) setSortCode({ ...userObj.sort_code, shareShortDetail: { title: productName as string, code: resDetail.md5_key, img: img } })
} }
@ -113,8 +115,8 @@ export default (props:Params) => {
await getPhoneNumber(e.detail.code) await getPhoneNumber(e.detail.code)
} catch (msg) { } catch (msg) {
Taro.showToast({ Taro.showToast({
icon:"none", icon: 'none',
title: msg title: msg,
}) })
return false return false
} }
@ -133,7 +135,8 @@ export default (props:Params) => {
setCollectionShow(true) setCollectionShow(true)
} }
} }
const onAdd = useCallback(async (val) => { const onAdd = useCallback(
async (val) => {
let res = await addFavoritefetchData({ favorite_id: val.id, product_id: Number(params.id) }) let res = await addFavoritefetchData({ favorite_id: val.id, product_id: Number(params.id) })
if (res.success) { if (res.success) {
alert.success('添加成功') alert.success('添加成功')
@ -144,7 +147,9 @@ export default (props:Params) => {
} }
setCollectionShow(false) setCollectionShow(false)
}, [params]) },
[params],
)
const closeCollection = useCallback(() => { const closeCollection = useCallback(() => {
setCollectionShow(false) setCollectionShow(false)
}, []) }, [])
@ -175,32 +180,47 @@ export default (props:Params) => {
<View className={styles.share}> <View className={styles.share}>
<View className={classnames('iconfont icon-fenxiang', styles.miconfont)}></View> <View className={classnames('iconfont icon-fenxiang', styles.miconfont)}></View>
<View className={styles.text}>分享</View> <View className={styles.text}>分享</View>
<Button open-type="share" className={styles.shareBtn}></Button> <Button open-type='share' className={styles.shareBtn}></Button>
</View> </View>
<View className={styles.collect} onClick={openCollection}> <View className={styles.collect} onClick={openCollection}>
<View className={classnames(`iconfont ${collectStatus?'icon-shoucang-pressed':'icon-shoucang'}`, styles.miconfont, collectStatus&&styles.collected)} ></View> <View
className={classnames(
`iconfont ${collectStatus ? 'icon-shoucang-pressed' : 'icon-shoucang'}`,
styles.miconfont,
collectStatus && styles.collected,
)}></View>
<View className={styles.text}>收藏</View> <View className={styles.text}>收藏</View>
</View> </View>
</View> </View>
<View className={styles.des_data}> <View className={styles.des_data}>
<View className={styles.title}>详情参数</View> <View className={styles.title}>详情参数</View>
<View className={styles.con}> <View className={styles.con}>
<View className={styles.des_text}>编号：<Text>{productInfo.code}</Text></View> <View className={styles.des_text}>
<View className={styles.des_text}>幅宽：<Text>{productInfo.width}</Text></View> 编号：<Text>{productInfo.code}</Text>
<View className={styles.des_text}>克重：<Text>{productInfo.weight_density}</Text></View> </View>
<View className={styles.des_text}>成分：<Text>{productInfo.component}</Text></View> <View className={styles.des_text}>
幅宽：<Text>{productInfo.width}</Text>
</View>
<View className={styles.des_text}>
克重：<Text>{productInfo.weight_density}</Text>
</View>
<View className={styles.des_text}>
成分：<Text>{productInfo.component}</Text>
</View>
</View> </View>
</View> </View>
<View className={styles.product_color}> <View className={styles.product_color}>
<View className={styles.title}>色号 ({productInfo?.product_color_list?.length})</View> <View className={styles.title}>色号 ({productInfo?.product_color_list?.length})</View>
<View className={styles.list}> <View className={styles.list}>
{productInfo?.product_color_list?.map(item => { {productInfo?.product_color_list?.map((item) => {
return <View key={item.id} className={styles.item}> return (
<View key={item.id} className={styles.item}>
<View className={styles.item_color}> <View className={styles.item_color}>
<LabAndImg value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }} showStatus={true} /> <LabAndImg value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }} showStatus={true} />
</View> </View>
<View className={styles.item_name}>{item.code}</View> <View className={styles.item_name}>{item.code}</View>
</View> </View>
)
})} })}
</View> </View>
</View> </View>
@ -211,15 +231,18 @@ export default (props:Params) => {
<View className={styles.buy_cart} onClick={() => setShowCart(true)}> <View className={styles.buy_cart} onClick={() => setShowCart(true)}>
<View className={classnames('iconfont icon-gouwuche', styles.miconfont)}></View> <View className={classnames('iconfont icon-gouwuche', styles.miconfont)}></View>
<View className={styles.text}>购物车</View> <View className={styles.text}>购物车</View>
{(commonData.shopCount > 0)&&<View className={styles.product_num}>{commonData.shopCount > 99?'99+':commonData.shopCount}</View>} {commonData.shopCount > 0 && <View className={styles.product_num}>{commonData.shopCount > 99 ? '99+' : commonData.shopCount}</View>}
</View> </View>
{ {(!userInfo.adminUserInfo?.is_authorize_phone && (
(!userInfo.adminUserInfo?.is_authorize_phone)&&<View className={styles.buy_btn} > <View className={styles.buy_btn}>
<Button className={styles.phoneBtn} open-type="getPhoneNumber" onGetPhoneNumber={(e) => placeOrder('to_phone',e)}></Button> <Button className={styles.phoneBtn} open-type='getPhoneNumber' onGetPhoneNumber={(e) => placeOrder('to_phone', e)}></Button>
选购商品 选购商品
</View> </View>
|| <View className={styles.buy_btn} onClick={() => placeOrder('to_order')}>选购商品</View> )) || (
} <View className={styles.buy_btn} onClick={() => placeOrder('to_order')}>
选购商品
</View>
)}
</View> </View>
<OrderCount show={showOrderCount} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} /> <OrderCount show={showOrderCount} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} />
<ShopCart show={showCart} onClose={() => setShowCart(false)} /> <ShopCart show={showCart} onClose={() => setShowCart(false)} />

29
src/pages/order/orderList/components/orderStatusList/index.tsx
View File

@ -1,11 +1,11 @@
import { ScrollView, View } from "@tarojs/components" import { ScrollView, View } from '@tarojs/components'
import { memo, useEffect, useState } from "react" import { memo, useEffect, useState } from 'react'
import styles from './index.module.scss' import styles from './index.module.scss'
import classnames from "classnames"; import classnames from 'classnames'
type Param = { type Param = {
list: {id: number, name: string}[], list: { id: number; name: string }[]
defaultId?: number|null, defaultId?: number | null
onSelect?: (val: number) => void onSelect?: (val: number) => void
} }
export default memo(({ list = [], defaultId = null, onSelect }: Param) => { export default memo(({ list = [], defaultId = null, onSelect }: Param) => {
@ -16,18 +16,18 @@ export default memo(({list = [], defaultId = null, onSelect}: Param) => {
useEffect(() => { useEffect(() => {
if (defaultId) { if (defaultId) {
console.log('defaultId:::', defaultId) console.log('defaultId:::', defaultId)
const index = list?.findIndex(item => { const index = list?.findIndex((item) => {
return item.id == defaultId return item.id == defaultId
}) })
if (index !== -1) { if (index !== -1) {
const num = index > 0?( index - 1) : 0 const num = index > 0 ? index - 1 : 0
setSelectInfo((e) => ({ ...e, tabId: list[num].id.toString() })) setSelectInfo((e) => ({ ...e, tabId: list[num].id.toString() }))
} }
} }
setSelectInfo((e) => ({ ...e, selected: defaultId || -1 })) setSelectInfo((e) => ({ ...e, selected: defaultId || -1 }))
}, [defaultId]) }, [defaultId])
const clickEvent = ({item, index}: {item:any, index:number}) => { const clickEvent = ({ item, index }: { item: any; index: number }) => {
const num = index > 0?( index - 1) : 0 const num = index > 0 ? index - 1 : 0
setSelectInfo((e) => ({ ...e, tabId: list[num].id.toString(), selected: item.id })) setSelectInfo((e) => ({ ...e, tabId: list[num].id.toString(), selected: item.id }))
onSelect?.(item.id) onSelect?.(item.id)
} }
@ -37,11 +37,18 @@ export default memo(({list = [], defaultId = null, onSelect}: Param) => {
<ScrollView scrollX scrollIntoView={`tabs_${selectInfo.tabId}`} scrollWithAnimation={true}> <ScrollView scrollX scrollIntoView={`tabs_${selectInfo.tabId}`} scrollWithAnimation={true}>
<View className={styles.order_list_scroll}> <View className={styles.order_list_scroll}>
{list.map((item, index) => { {list.map((item, index) => {
return <View key={item.id} id={`tabs_${item.id}`} onClick={() => clickEvent({item, index})} className={classnames(styles.order_status_item, (selectInfo.selected==item.id)&&styles.selected)}>{item.name}</View> return (
<View
key={item.id}
id={`tabs_${item.id}`}
onClick={() => clickEvent({ item, index })}
className={classnames(styles.order_status_item, selectInfo.selected == item.id && styles.selected)}>
{item.name}
</View>
)
})} })}
</View> </View>
</ScrollView> </ScrollView>
</View> </View>
) )
}) })

71
src/pages/searchList/hightSearchList.tsx
View File

@ -1,22 +1,22 @@
import { Image, ScrollView, Text, View } from "@tarojs/components" import { Image, ScrollView, Text, View } from '@tarojs/components'
import classnames from "classnames"; import classnames from 'classnames'
import Filter from "@/components/filter"; import Filter from '@/components/filter'
import InfiniteScroll from '@/components/infiniteScroll' import InfiniteScroll from '@/components/infiniteScroll'
import SortBtn from "@/components/sortBtn"; import SortBtn from '@/components/sortBtn'
import SearchInput from "@/components/searchInput"; import SearchInput from '@/components/searchInput'
import LinkBlueTooth from "@/components/bluetooth/LinkBlueTooth"; import LinkBlueTooth from '@/components/bluetooth/LinkBlueTooth'
import {useBluetooth} from "@/use/contextBlueTooth" import { useBluetooth } from '@/use/contextBlueTooth'
import { toRgb } from '@/common/bluetooth/color/colorSpace' import { toRgb } from '@/common/bluetooth/color/colorSpace'
import styles from './hightSearchList.module.scss' import styles from './hightSearchList.module.scss'
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import Taro, { useDidShow, usePullDownRefresh, useReady } from "@tarojs/taro"; import Taro, { useDidShow, usePullDownRefresh, useReady } from '@tarojs/taro'
import {GetLabProductApi} from "@/api/material" import { GetLabProductApi } from '@/api/material'
import { dataLoadingStatus, getFilterData } from "@/common/util"; import { dataLoadingStatus, getFilterData } from '@/common/util'
import { formatHashTag, formatImgUrl } from "@/common/fotmat"; import { formatHashTag, formatImgUrl } from '@/common/fotmat'
import useLogin from "@/use/useLogin"; import useLogin from '@/use/useLogin'
import { goLink } from "@/common/common"; import { goLink } from '@/common/common'
import SelectData, {ListProps} from "./components/selectData"; import SelectData, { ListProps } from './components/selectData'
import LabAndImg from "@/components/LabAndImg"; import LabAndImg from '@/components/LabAndImg'
export default () => { export default () => {
useLogin() useLogin()
@ -34,11 +34,11 @@ export default () => {
weight_density: '', weight_density: '',
product_kind_id: '', product_kind_id: '',
component: '', component: '',
abstract_sort_key: '' abstract_sort_key: '',
}) })
//获取面料列表 //获取面料列表
const [materialList, setMaterialList] = useState<{list:any[], total:number}>({list:[], total:0}) const [materialList, setMaterialList] = useState<{ list: any[]; total: number }>({ list: [], total: 0 })
const { fetchData: materialFetchData, state: materialState } = GetLabProductApi() const { fetchData: materialFetchData, state: materialState } = GetLabProductApi()
const getProductList = async () => { const getProductList = async () => {
let { data } = await materialFetchData(getFilterData(searchField)) let { data } = await materialFetchData(getFilterData(searchField))
@ -74,7 +74,7 @@ export default () => {
} else { } else {
Taro.showToast({ Taro.showToast({
title: '请链接设备', title: '请链接设备',
icon: 'none' icon: 'none',
}) })
} }
} }
@ -106,7 +106,7 @@ export default () => {
weight_density: data?.weight, weight_density: data?.weight,
size: 10, size: 10,
component: data?.element, component: data?.element,
product_kind_id: data?.seriesId product_kind_id: data?.seriesId,
}) })
formatSelectList(e) formatSelectList(e)
} }
@ -132,9 +132,9 @@ export default () => {
type sortParam = 'none' | 'top' | 'bottom' type sortParam = 'none' | 'top' | 'bottom'
const sortComprehensiveRef = useRef<any>(null) const sortComprehensiveRef = useRef<any>(null)
const sortCollectionRef = useRef<any>(null) const sortCollectionRef = useRef<any>(null)
const [sortStatus, setSortStatus] = useState<{comprehensive:sortParam, collection:sortParam}>({ const [sortStatus, setSortStatus] = useState<{ comprehensive: sortParam; collection: sortParam }>({
comprehensive: 'none', comprehensive: 'none',
collection: 'none' collection: 'none',
}) })
const changeSort = (val) => { const changeSort = (val) => {
setMaterialList(() => ({ list: [], total: 0 })) setMaterialList(() => ({ list: [], total: 0 }))
@ -150,20 +150,23 @@ export default () => {
pageNum.current = { size: 10, page: 1 } pageNum.current = { size: 10, page: 1 }
} }
const labAndImgObj = useCallback((item) => { const labAndImgObj = useCallback(
(item) => {
const img = item ? item.texture_url.split(',')[0] : '' const img = item ? item.texture_url.split(',')[0] : ''
return { lab: item.lab, rgb: item.rgb, texture_url: img } return { lab: item.lab, rgb: item.rgb, texture_url: img }
}, [materialList]) },
[materialList],
)
return ( return (
<View className={styles.main}> <View className={styles.main}>
<View className={styles.search}> <View className={styles.search}>
<View className={styles.SearchInput}> <View className={styles.SearchInput}>
<LinkBlueTooth /> <LinkBlueTooth />
<SearchInput title="提取颜色" showBorder={false}> <SearchInput title='提取颜色' showBorder={false}>
<View className={styles.bluetooth_color} onClick={() => getLab()}> <View className={styles.bluetooth_color} onClick={() => getLab()}>
{blueToothColor&&<View className={classnames(styles.color_bock)} style={{background:blueToothColor}}></View>|| {(blueToothColor && <View className={classnames(styles.color_bock)} style={{ background: blueToothColor }}></View>) || (
<View className={classnames(styles.color_bock_no)}>请取色</View> <View className={classnames(styles.color_bock_no)}>请取色</View>
} )}
</View> </View>
</SearchInput> </SearchInput>
</View> </View>
@ -178,7 +181,6 @@ export default () => {
<Text>收藏</Text> <Text>收藏</Text>
<SortBtn status={sortStatus.collection} ref={sortCollectionRef} sortValue={{ desc: '2', asc: '-2' }} /> <SortBtn status={sortStatus.collection} ref={sortCollectionRef} sortValue={{ desc: '2', asc: '-2' }} />
</View> </View>
</View> </View>
<View className={styles.filter_btn_con}> <View className={styles.filter_btn_con}>
<View className={styles.filter_scroll}> <View className={styles.filter_scroll}>
@ -193,22 +195,21 @@ export default () => {
<View className={styles.list}> <View className={styles.list}>
<View className={classnames(styles.list_num, styles.list_num_shadow)}>搜索结果 ({materialList.total}条记录)</View> <View className={classnames(styles.list_num, styles.list_num_shadow)}>搜索结果 ({materialList.total}条记录)</View>
<View className={styles.scroll}> <View className={styles.scroll}>
<InfiniteScroll <InfiniteScroll selfonScrollToLower={getScrolltolower} statusMore={statusMore}>
selfonScrollToLower={getScrolltolower}
statusMore={statusMore}
>
<View className={styles.product_list}> <View className={styles.product_list}>
{materialList.list.map(item => { {materialList.list.map((item) => {
return <View key={item.id} className={styles.product_item} onClick={() => goLinkPage(item)}> return (
<View key={item.id} className={styles.product_item} onClick={() => goLinkPage(item)}>
<View className={styles.product_img}> <View className={styles.product_img}>
<LabAndImg value={labAndImgObj(item)} /> <LabAndImg value={labAndImgObj(item)} />
<View className={styles.color_num}>{(item.product_color_code)}</View> <View className={styles.color_num}>{item.product_color_code}</View>
</View> </View>
<View className={styles.product_info}> <View className={styles.product_info}>
<View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View> <View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View>
<View className={styles.introduce}>{item.product_kind_name}</View> <View className={styles.introduce}>{item.product_kind_name}</View>
</View> </View>
</View> </View>
)
})} })}
</View> </View>
</InfiniteScroll> </InfiniteScroll>

59
src/pages/searchList/search.tsx
View File

@ -1,22 +1,21 @@
import { Text, View } from '@tarojs/components' import { Text, View } from '@tarojs/components'
import Search from '@/components/search' import Search from '@/components/search'
import { alert, goLink } from '@/common/common'; import { alert, goLink } from '@/common/common'
import classnames from "classnames"; import classnames from 'classnames'
import styles from './search.module.scss' import styles from './search.module.scss'
import { useEffect, useRef, useState } from 'react'; import { useEffect, useRef, useState } from 'react'
import {GetHotSearchApi, GetSearchHistoryApi, AddSearchHistoryApi} from "@/api/search" import { GetHotSearchApi, GetSearchHistoryApi, AddSearchHistoryApi } from '@/api/search'
import { SCENE } from '@/common/constant'; import { SCENE } from '@/common/constant'
import useLogin from '@/use/useLogin'; import useLogin from '@/use/useLogin'
import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro'; import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro'
type searchDataParam = {'search_key':''} type searchDataParam = { search_key: '' }
export default () => { export default () => {
useLogin() useLogin()
const [searchData, setSearchData] = useState<{hotField: searchDataParam[], historyField: searchDataParam[]}>({ const [searchData, setSearchData] = useState<{ hotField: searchDataParam[]; historyField: searchDataParam[] }>({
hotField: [], hotField: [],
historyField: [] historyField: [],
}) })
//获取热门搜索数据 //获取热门搜索数据
@ -44,48 +43,60 @@ export default () => {
const addSearchHistory = async () => { const addSearchHistory = async () => {
await addFetchData(addSearchField.current) await addFetchData(addSearchField.current)
// goLink('/pages/searchList/searchList', {key: addSearchField.current.key}) // goLink('/pages/searchList/searchList', {key: addSearchField.current.key})
} }
//搜索事件, status = true 添加搜索， status = false 直接跳转 //搜索事件, status = true 添加搜索， status = false 直接跳转
const searchEvent = (e, status = true) => { const searchEvent = (e, status = true) => {
if(e == "") { if (e == '') {
alert.error('请输入关键词') alert.error('请输入关键词')
return false return false
} }
addSearchField.current.key = e addSearchField.current.key = e
status && addSearchHistory() status && addSearchHistory()
Taro.navigateTo({ Taro.navigateTo({
url: `/pages/searchList/searchList?key=${addSearchField.current.key}` url: `/pages/searchList/searchList?key=${addSearchField.current.key}`,
}) })
} }
return ( return (
<View className={styles.main}> <View className={styles.main}>
<View className={styles.search}> <View className={styles.search}>
<Search style={{width: '100%'}} placeholder="请输入面料关键词" placeIcon="out" showBtn={true} clickOnSearch={(e) => searchEvent(e)}/> <Search style={{ width: '100%' }} placeholder='请输入面料关键词' placeIcon='out' showBtn={true} clickOnSearch={(e) => searchEvent(e)} />
</View> </View>
<View className={styles.up_search} onClick={() => goLink('/pages/searchList/hightSearchList')}>高级搜索</View> <View className={styles.up_search} onClick={() => goLink('/pages/searchList/hightSearchList')}>
{searchData?.hotField.length > 0 && <View className={styles.hot}> 高级搜索
</View>
{searchData?.hotField.length > 0 && (
<View className={styles.hot}>
<View className={styles.hot_header}> <View className={styles.hot_header}>
<View className={styles.hot_header_title}>热门面料</View> <View className={styles.hot_header_title}>热门面料</View>
</View> </View>
<View className={styles.list}> <View className={styles.list}>
{searchData.hotField.map((item, index) => { {searchData.hotField.map((item) => {
return <View key={index} className={styles.item} onClick={() => searchEvent(item.search_key, false)}>{item.search_key}</View> return (
<View className={styles.item} onClick={() => searchEvent(item.search_key, false)}>
{item.search_key}
</View>
)
})} })}
</View> </View>
</View>} </View>
{searchData?.historyField.length > 0 && <View className={styles.history}> )}
{searchData?.historyField.length > 0 && (
<View className={styles.history}>
<View className={styles.history_header}> <View className={styles.history_header}>
<View className={styles.history_header_title}>历史搜索</View> <View className={styles.history_header_title}>历史搜索</View>
{/* <View className={classnames('iconfont icon-shanchu', styles.miconfont)}></View> */} {/* <View className={classnames('iconfont icon-shanchu', styles.miconfont)}></View> */}
</View> </View>
<View className={styles.list}> <View className={styles.list}>
{searchData?.historyField?.map((item, index) => <View key={index} className={styles.item} onClick={() => searchEvent(item.search_key, false)}>{item.search_key}</View>)} {searchData?.historyField?.map((item) => (
<View className={styles.item} onClick={() => searchEvent(item.search_key, false)}>
{item.search_key}
</View> </View>
</View>} ))}
</View>
</View>
)}
</View> </View>
) )
} }

59
src/pages/searchList/searchList.tsx
View File

@ -1,19 +1,19 @@
import { Image, ScrollView, Text, View } from "@tarojs/components" import { Image, ScrollView, Text, View } from '@tarojs/components'
import classnames from "classnames"; import classnames from 'classnames'
import Search from '@/components/search' import Search from '@/components/search'
import Filter from "@/components/filter"; import Filter from '@/components/filter'
import InfiniteScroll from '@/components/infiniteScroll' import InfiniteScroll from '@/components/infiniteScroll'
import SortBtn from "@/components/sortBtn"; import SortBtn from '@/components/sortBtn'
import SelectData, {ListProps} from "./components/selectData"; import SelectData, { ListProps } from './components/selectData'
import { goLink } from "@/common/common"; import { goLink } from '@/common/common'
import styles from './searchList.module.scss' import styles from './searchList.module.scss'
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import {GetProductListApi} from "@/api/material" import { GetProductListApi } from '@/api/material'
import Taro, { useDidShow, usePullDownRefresh, useRouter } from "@tarojs/taro"; import Taro, { useDidShow, usePullDownRefresh, useRouter } from '@tarojs/taro'
import { formatHashTag, formatImgUrl } from "@/common/fotmat"; import { formatHashTag, formatImgUrl } from '@/common/fotmat'
import { dataLoadingStatus, getFilterData } from "@/common/util"; import { dataLoadingStatus, getFilterData } from '@/common/util'
import useLogin from "@/use/useLogin"; import useLogin from '@/use/useLogin'
import LabAndImg from "@/components/LabAndImg"; import LabAndImg from '@/components/LabAndImg'
export default () => { export default () => {
useLogin() useLogin()
@ -30,11 +30,11 @@ export default () => {
weight_density: '', weight_density: '',
product_kind_id: '', product_kind_id: '',
component: '', component: '',
abstract_sort_key: '' abstract_sort_key: '',
}) })
//获取面料列表 //获取面料列表
const [materialList, setMaterialList] = useState<{list:any[], total:number}>({list:[], total:0}) const [materialList, setMaterialList] = useState<{ list: any[]; total: number }>({ list: [], total: 0 })
const { fetchData: materialFetchData, state: materialState } = GetProductListApi() const { fetchData: materialFetchData, state: materialState } = GetProductListApi()
const getProductList = async () => { const getProductList = async () => {
let { data } = await materialFetchData(getFilterData(searchField)) let { data } = await materialFetchData(getFilterData(searchField))
@ -47,7 +47,6 @@ export default () => {
getProductList() getProductList()
}, [searchField]) }, [searchField])
//上拉加载数据 //上拉加载数据
const pageNum = useRef({ size: searchField.size, page: searchField.page }) const pageNum = useRef({ size: searchField.size, page: searchField.page })
const getScrolltolower = () => { const getScrolltolower = () => {
@ -91,7 +90,7 @@ export default () => {
weight_density: data?.weight, weight_density: data?.weight,
size: 10, size: 10,
component: data?.element, component: data?.element,
product_kind_id: data?.seriesId product_kind_id: data?.seriesId,
}) })
formatSelectList(e) formatSelectList(e)
} }
@ -112,9 +111,9 @@ export default () => {
type sortParam = 'none' | 'top' | 'bottom' type sortParam = 'none' | 'top' | 'bottom'
const sortComprehensiveRef = useRef<any>(null) const sortComprehensiveRef = useRef<any>(null)
const sortCollectionRef = useRef<any>(null) const sortCollectionRef = useRef<any>(null)
const [sortStatus, setSortStatus] = useState<{comprehensive:sortParam, collection:sortParam}>({ const [sortStatus, setSortStatus] = useState<{ comprehensive: sortParam; collection: sortParam }>({
comprehensive: 'none', comprehensive: 'none',
collection: 'none' collection: 'none',
}) })
const changeSort = (val) => { const changeSort = (val) => {
if (val == 1) { if (val == 1) {
@ -129,14 +128,17 @@ export default () => {
pageNum.current = { size: 10, page: 1 } pageNum.current = { size: 10, page: 1 }
} }
const labAndImgObj = useCallback((item) => { const labAndImgObj = useCallback(
(item) => {
const img = item ? item.texture_url.split(',')[0] : '' const img = item ? item.texture_url.split(',')[0] : ''
return { lab: item.lab, rgb: item.rgb, texture_url: img } return { lab: item.lab, rgb: item.rgb, texture_url: img }
}, [materialList]) },
[materialList],
)
return ( return (
<View className={styles.main}> <View className={styles.main}>
<View className={styles.search}> <View className={styles.search}>
<Search placeIcon="out" placeholder="请输入面料关键词" defaultValue={router.params.key} changeOnSearch={getSearchData} debounceTime={300}/> <Search placeIcon='out' placeholder='请输入面料关键词' defaultValue={router.params.key} changeOnSearch={getSearchData} debounceTime={300} />
</View> </View>
<View className={styles.filter}> <View className={styles.filter}>
<View className={styles.filter_all}> <View className={styles.filter_all}>
@ -167,16 +169,14 @@ export default () => {
<View className={styles.list}> <View className={styles.list}>
<View className={classnames(styles.list_num, styles.list_num_shadow)}>搜索结果 ({materialList.total}条记录)</View> <View className={classnames(styles.list_num, styles.list_num_shadow)}>搜索结果 ({materialList.total}条记录)</View>
<View className={styles.scroll}> <View className={styles.scroll}>
<InfiniteScroll <InfiniteScroll selfonScrollToLower={getScrolltolower} statusMore={statusMore}>
selfonScrollToLower={getScrolltolower}
statusMore={statusMore}
>
<View className={styles.product_list}> <View className={styles.product_list}>
{materialList.list.map(item => { {materialList.list.map((item) => {
return <View key={item.id} className={styles.product_item} onClick={() => goLinkPage(item)}> return (
<View key={item.id} className={styles.product_item} onClick={() => goLinkPage(item)}>
<View className={styles.product_img}> <View className={styles.product_img}>
<LabAndImg value={labAndImgObj(item)} /> <LabAndImg value={labAndImgObj(item)} />
<View className={styles.color_num}>{(item.product_color_count)}色</View> <View className={styles.color_num}>{item.product_color_count}色</View>
</View> </View>
<View className={styles.product_info}> <View className={styles.product_info}>
<View className={styles.title}>{formatHashTag(item.code, item.name)}</View> <View className={styles.title}>{formatHashTag(item.code, item.name)}</View>
@ -187,6 +187,7 @@ export default () => {
<View className={styles.introduce}>{item.component}</View> <View className={styles.introduce}>{item.component}</View>
</View> </View>
</View> </View>
)
})} })}
</View> </View>
</InfiniteScroll> </InfiniteScroll>

246
src/pages/user/index.tsx
View File

@ -1,45 +1,33 @@
import { View, Image, Text, Navigator, Button } from "@tarojs/components" import { View, Image, Text, Navigator, Button } from '@tarojs/components'
import { memo, useEffect, useState } from "react" import { memo, useEffect, useState } from 'react'
import styles from './index.module.scss' import styles from './index.module.scss'
import classnames from "classnames"; import classnames from 'classnames'
import { useSelector } from "@/reducers/hooks"; import { useSelector } from '@/reducers/hooks'
import { alert, goLink } from "@/common/common"; import { alert, goLink } from '@/common/common'
import useLogin from '@/use/useLogin' import useLogin from '@/use/useLogin'
import { BASE_URL } from '@/common/constant' import { BASE_URL } from '@/common/constant'
import Taro, { useShareAppMessage } from "@tarojs/taro"; import Taro, { useShareAppMessage } from '@tarojs/taro'
import { userassets, userorderStatistics } from "@/api/mine" import { userassets, userorderStatistics } from '@/api/mine'
import { formatPriceDiv } from "@/common/fotmat" import { formatPriceDiv } from '@/common/fotmat'
import { useDidShow, } from '@tarojs/taro' import { useDidShow } from '@tarojs/taro'
import { GetAdminUserInfoApi } from "@/api/user"; import { GetAdminUserInfoApi } from '@/api/user'
export default () => { export default () => {
// 用户信息 // 用户信息
const { getSelfUserInfo, getAdminUserInfo } = useLogin(); const { getSelfUserInfo, getAdminUserInfo } = useLogin()
const { adminUserInfo } = useSelector(state => state.userInfo); const { adminUserInfo } = useSelector((state) => state.userInfo)
const [current_version, setCurrent_version] = useState(CURRENT_VERSION) const [current_version, setCurrent_version] = useState(CURRENT_VERSION)
const [current_githash, setCurrent_githash] = useState(CURRENT_GITHASH) const [current_githash, setCurrent_githash] = useState(CURRENT_GITHASH)
const [current_env, setCurrent_env] = useState(CURRENT_ENV) const [current_env, setCurrent_env] = useState(CURRENT_ENV)
//分享
useShareAppMessage(res => {
if (res.from !== 'button') {
// 来自页面内转发按钮
console.log('点击个德')
}
return {
title: '转发啦',
path: '/page/user?id=123'
}
})
const handleAuth = async () => { const handleAuth = async () => {
console.log('授权面版') console.log('授权面版')
getSelfUserInfo().then().catch(() => { getSelfUserInfo()
alert.none("授权失败，请授权后再使用"); .then()
}); .catch(() => {
alert.none('授权失败，请授权后再使用')
})
} }
const { fetchData: Apiassets, state } = userassets() const { fetchData: Apiassets, state } = userassets()
const { fetchData: ApigetTotal, state: stateData } = userorderStatistics() const { fetchData: ApigetTotal, state: stateData } = userorderStatistics()
@ -50,7 +38,12 @@ export default () => {
Apiassets() Apiassets()
}) })
const checkGo = () => { const checkGo = () => {
if (adminUserInfo?.authentication_status === 0 || adminUserInfo?.authentication_status === 1 || adminUserInfo?.authentication_status === 2 || adminUserInfo?.authentication_status === 3) { if (
adminUserInfo?.authentication_status === 0 ||
adminUserInfo?.authentication_status === 1 ||
adminUserInfo?.authentication_status === 2 ||
adminUserInfo?.authentication_status === 3
) {
Taro.showModal({ Taro.showModal({
title: '提示', title: '提示',
content: '你还未认证,认证后解锁更多功能', content: '你还未认证,认证后解锁更多功能',
@ -62,11 +55,11 @@ export default () => {
} else if (res.cancel) { } else if (res.cancel) {
console.log('用户点击取消') console.log('用户点击取消')
} }
} },
}) })
} else { } else {
Taro.navigateTo({ Taro.navigateTo({
url: "/pages/creditLine/index" url: '/pages/creditLine/index',
}) })
} }
} }
@ -79,57 +72,64 @@ export default () => {
{/* 测试暂时添加 */} {/* 测试暂时添加 */}
<View style={{ fontSize: '26rpx', color: '#707070', textAlign: 'center' }}>{current_version}</View> <View style={{ fontSize: '26rpx', color: '#707070', textAlign: 'center' }}>{current_version}</View>
{current_env === 'development' && <View style={{ fontSize: '26rpx', color: '#707070', textAlign: 'center' }}>{BASE_URL}</View>} {current_env === 'development' && <View style={{ fontSize: '26rpx', color: '#707070', textAlign: 'center' }}>{BASE_URL}</View>}
{!adminUserInfo?.is_authorize_name && <View onClick={handleAuth} className={styles["auth-suspension"]}></View>} {!adminUserInfo?.is_authorize_name && <View onClick={handleAuth} className={styles['auth-suspension']}></View>}
</View> </View>
) )
} }
// 提示弹窗 // 提示弹窗
const Modal = memo((props: any) => { const Modal = memo((props: any) => {
const { data } = props; const { data } = props
const [modalShow, setModalShow] = useState(true); const [modalShow, setModalShow] = useState(true)
const handleouter = () => { const handleouter = () => {}
}
return ( return (
<> <>
{modalShow && {modalShow && (
<View onClick={handleouter} catchMove className={styles['tips-modal']}> <View onClick={handleouter} catchMove className={styles['tips-modal']}>
<View className={styles['tips-modal-content']} onClick={e => e.stopPropagation()}> <View className={styles['tips-modal-content']} onClick={(e) => e.stopPropagation()}>
<View className={styles['tips-modal-title']}>首次登录提醒</View> <View className={styles['tips-modal-title']}>首次登录提醒</View>
<View className={styles['tips-modal-letter']}> <View className={styles['tips-modal-letter']}>
<View className={styles['tips-modal-letter-beginn']}>To: 万丰园纺织科技</View> <View className={styles['tips-modal-letter-beginn']}>To: 万丰园纺织科技</View>
<View className={styles['tips-modal-letter-text']}>尊敬的老朋友，欢迎你使用小程序商城；由于您是我们长期合作的伙伴，你的组织已自动为你生成，关联后可查看历史订单哟。</View> <View className={styles['tips-modal-letter-text']}>
尊敬的老朋友，欢迎你使用小程序商城；由于您是我们长期合作的伙伴，你的组织已自动为你生成，关联后可查看历史订单哟。
</View>
<View className={styles['tips-modal-letter-end']}>信息错误请联系客服</View> <View className={styles['tips-modal-letter-end']}>信息错误请联系客服</View>
</View> </View>
<View className={styles['tips-modal-button']}> <View className={styles['tips-modal-button']}>
<Button hoverClass="none" openType="contact">联系客服</Button> <Button hoverClass='none' openType='contact'>
联系客服
</Button>
<View onClick={() => setModalShow(false)}>我知道</View> <View onClick={() => setModalShow(false)}>我知道</View>
</View> </View>
</View> </View>
</View> </View>
} )}
</> </>
) )
}) })
// 头部 | 订单 // 头部 | 订单
const Header = memo((props: any) => { const Header = memo((props: any) => {
const { data } = props; const { data } = props
console.log(props, 'propsprops') console.log(props, 'propsprops')
let menu = [{ text: "待配布", icon: "icon-daipeibu", url: "/pages/order/orderList/index?status=0" }, { text: "待付款", icon: "icon-daifukuan", url: "/pages/order/orderList/index?status=1" }, let menu = [
{ text: "待发货", icon: "icon-daifahuo", url: "/pages/order/orderList/index?status=2" }, { text: "待收货", icon: "icon-yifahuo", url: "/pages/order/orderList/index?status=3" }, { text: '待配布', icon: 'icon-daipeibu', url: '/pages/order/orderList/index?status=0' },
{ text: "退款/售后", icon: "icon-a-tuikuanshouhou", url: "/pages/salesAfter/salesAfterList/index" }]; { text: '待付款', icon: 'icon-daifukuan', url: '/pages/order/orderList/index?status=1' },
const { getPhoneNumber } = useLogin(); { text: '待发货', icon: 'icon-daifahuo', url: '/pages/order/orderList/index?status=2' },
{ text: '待收货', icon: 'icon-yifahuo', url: '/pages/order/orderList/index?status=3' },
{ text: '退款/售后', icon: 'icon-a-tuikuanshouhou', url: '/pages/salesAfter/salesAfterList/index' },
]
const { getPhoneNumber } = useLogin()
const mGetPhoneNumber = (ev) => { const mGetPhoneNumber = (ev) => {
if (ev.detail?.code) { if (ev.detail?.code) {
getPhoneNumber(ev.detail.code); getPhoneNumber(ev.detail.code)
} else { } else {
alert.none("绑定失败!"); alert.none('绑定失败!')
} }
} }
const navTo = () => { const navTo = () => {
Taro.navigateTo({ Taro.navigateTo({
// url: '/pages/certification/index' // url: '/pages/certification/index',
url: '/pages/userEdit/index' url: '/pages/userEdit/index',
}) })
} }
return ( return (
@ -146,77 +146,65 @@ const Header = memo((props: any) => {
{data?.user_name} {data?.user_name}
</View> </View>
<View className={styles['arcd-info-left-phone']}> <View className={styles['arcd-info-left-phone']}>
{data?.phone ? data?.phone?.replace(data?.phone?.substring(3, 7), "****") : <Button openType="getPhoneNumber" onGetPhoneNumber={mGetPhoneNumber}>绑定手机号码</Button>} {data?.phone ? (
data?.phone?.replace(data?.phone?.substring(3, 7), '****')
) : (
<Button openType='getPhoneNumber' onGetPhoneNumber={mGetPhoneNumber}>
绑定手机号码
</Button>
)}
</View> </View>
</View> </View>
</View> </View>
<View className={styles['card-info-right']}> <View className={styles['card-info-right']}>
<Navigator hoverClass="none" url="/pages/userEdit/index" className={styles['setup-icon']}> <Navigator hoverClass='none' url='/pages/userEdit/index' className={styles['setup-icon']}>
<View className={classnames( <View className={classnames(styles['icon-wrapper'], 'iconfont', 'icon-shezhi')}></View>
styles['icon-wrapper'],
'iconfont',
'icon-shezhi',
)}></View>
<View className={styles['icon-point']}></View> <View className={styles['icon-point']}></View>
</Navigator> </Navigator>
</View> </View>
</View> </View>
<View className={styles['auth']}> <View className={styles['auth']}>
{((data?.authentication_status == 0 || data?.authentication_status == 1) && data?.order_access_status == 3) && {(data?.authentication_status == 0 || data?.authentication_status == 1) && data?.order_access_status == 3 && (
<View className={styles['auth-box']} onClick={() => navTo()}> <View className={styles['auth-box']} onClick={() => navTo()}>
<View className={styles['auth-left-box']}> <View className={styles['auth-left-box']}>
<View className={styles['auth-tag']}> <View className={styles['auth-tag']}>未认证</View>
未认证 <View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
</View> </View>
<View className={styles['auth-cont']}> <Text className='iconfont icon-a-moreback'></Text>
暂未加入或注册组织
</View> </View>
</View> )}
<Text className="iconfont icon-a-moreback"></Text> {data?.authentication_status == 3 && data?.order_access_status == 3 && (
</View>
}
{(data?.authentication_status == 3 && data?.order_access_status == 3) &&
<View className={styles['auth-box']} onClick={() => navTo()}> <View className={styles['auth-box']} onClick={() => navTo()}>
<View className={styles['auth-left-box']}> <View className={styles['auth-left-box']}>
<View className={styles['auth-tagthree']}> <View className={styles['auth-tagthree']}>认证失败</View>
认证失败 <View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
</View> </View>
<View className={styles['auth-cont']}> <Text className='iconfont icon-a-moreback'></Text>
暂未加入或注册组织
</View> </View>
</View> )}
<Text className="iconfont icon-a-moreback"></Text> {data?.authentication_status == 2 && data?.order_access_status == 3 && (
</View>
}
{(data?.authentication_status == 2 && data?.order_access_status == 3) &&
<View className={styles['auth-box']} onClick={() => navTo()}> <View className={styles['auth-box']} onClick={() => navTo()}>
<View className={styles['auth-left-box']}> <View className={styles['auth-left-box']}>
<View className={styles['auth-tagone']}> <View className={styles['auth-tagone']}>认证中</View>
认证中 <View className={styles['auth-contone']}>{data?.company_name || '暂未加入或注册组织'}</View>
</View> </View>
<View className={styles['auth-contone']}> <Text className='iconfont icon-a-moreback'></Text>
{data?.company_name || '暂未加入或注册组织'}
</View> </View>
</View> )}
<Text className="iconfont icon-a-moreback"></Text> {data?.authentication_status == 4 && data?.order_access_status == 3 && (
</View>
}
{(data?.authentication_status == 4 && data?.order_access_status == 3) &&
<View className={styles['auth-box']} onClick={() => navTo()}> <View className={styles['auth-box']} onClick={() => navTo()}>
<View className={styles['auth-left-box']}> <View className={styles['auth-left-box']}>
<View className={styles['auth-tagtwo']}> <View className={styles['auth-tagtwo']}>
<View className={styles['iconFont-color']}> <View className={styles['iconFont-color']}>
<Text className="iconfont icon-xtianzhangqi"></Text> <Text className='iconfont icon-xtianzhangqi'></Text>
</View> </View>
<View className={styles['auth-font']}>已认证</View> <View className={styles['auth-font']}>已认证</View>
</View> </View>
<View className={styles['auth-contone']}> <View className={styles['auth-contone']}>{data?.company_name}</View>
{data?.company_name}
</View> </View>
<Text className='iconfont icon-a-moreback'></Text>
</View> </View>
<Text className="iconfont icon-a-moreback"></Text> )}
</View>
}
{/* <View className={`${styles['auth-top']} ${data?.authentication_status==4&&"auth-tips-adopt"}`}> {/* <View className={`${styles['auth-top']} ${data?.authentication_status==4&&"auth-tips-adopt"}`}>
<View className={`${styles['auth-status']} ${data?.authentication_status==2&&styles['auth-status-ongoing']} ${data?.authentication_status==4&&styles['auth-status-adopt']}`}> <View className={`${styles['auth-status']} ${data?.authentication_status==2&&styles['auth-status-ongoing']} ${data?.authentication_status==4&&styles['auth-status-adopt']}`}>
<Text>1</Text> <Text>1</Text>
@ -240,50 +228,44 @@ const Header = memo((props: any) => {
<View className={styles['card-main']}> <View className={styles['card-main']}>
<View className={styles['card-main-title']}> <View className={styles['card-main-title']}>
<View className={styles.card_main_title_order}>订单</View> <View className={styles.card_main_title_order}>订单</View>
<View className={styles.order_more} onClick={() => goLink('/pages/order/orderList/index')}>全部<Text className="iconfont icon-a-moreback"></Text></View> <View className={styles.order_more} onClick={() => goLink('/pages/order/orderList/index')}>
全部<Text className='iconfont icon-a-moreback'></Text>
</View>
</View> </View>
<View className={styles['card-main-title-content']}> <View className={styles['card-main-title-content']}>
{ {menu.map((item, index) => {
menu.map((item, index) => {
return ( return (
<Navigator hoverClass="none" url={item.url} className={styles['card-main-title-content-item']}> <Navigator hoverClass='none' url={item.url} className={styles['card-main-title-content-item']}>
<Text className={`iconfont ${item.icon}`}></Text> <Text className={`iconfont ${item.icon}`}></Text>
<View>{item.text}</View> <View>{item.text}</View>
{ {index == 0 && props.MenuData.data.wait_match !== 0 && (
index == 0 && props.MenuData.data.wait_match !== 0 &&
<View className={styles['card-main-title-content-item-badge']}> <View className={styles['card-main-title-content-item-badge']}>
{props.MenuData.data.wait_match > 99 ? '99+' : props.MenuData.data.wait_match} {props.MenuData.data.wait_match > 99 ? '99+' : props.MenuData.data.wait_match}
</View> </View>
} )}
{ {index == 1 && props.MenuData.data.wait_pay !== 0 && (
index == 1 && props.MenuData.data.wait_pay !== 0 &&
<View className={styles['card-main-title-content-item-badge']}> <View className={styles['card-main-title-content-item-badge']}>
{props.MenuData.data.wait_pay > 99 ? '99+' : props.MenuData.data.wait_pay} {props.MenuData.data.wait_pay > 99 ? '99+' : props.MenuData.data.wait_pay}
</View> </View>
} )}
{ {index == 2 && props.MenuData.data.wait_shipped !== 0 && (
index == 2 && props.MenuData.data.wait_shipped !== 0 &&
<View className={styles['card-main-title-content-item-badge']}> <View className={styles['card-main-title-content-item-badge']}>
{props.MenuData.data.wait_shipped > 99 ? '99+' : props.MenuData.data.wait_shipped} {props.MenuData.data.wait_shipped > 99 ? '99+' : props.MenuData.data.wait_shipped}
</View> </View>
} )}
{ {index == 3 && props.MenuData.data.already_shipped !== 0 && (
index == 3 && props.MenuData.data.already_shipped !== 0 &&
<View className={styles['card-main-title-content-item-badge']}> <View className={styles['card-main-title-content-item-badge']}>
{props.MenuData.data.already_shipped > 99 ? '99+' : props.MenuData.data.already_shipped} {props.MenuData.data.already_shipped > 99 ? '99+' : props.MenuData.data.already_shipped}
</View> </View>
} )}
{ {index == 4 && props.MenuData.data.after_return !== 0 && (
index == 4 && props.MenuData.data.after_return !== 0 &&
<View className={styles['card-main-title-content-item-badge']}> <View className={styles['card-main-title-content-item-badge']}>
{props.MenuData.data.after_return > 99 ? '99+' : props.MenuData.data.after_return} {props.MenuData.data.after_return > 99 ? '99+' : props.MenuData.data.after_return}
</View> </View>
} )}
</Navigator> </Navigator>
) )
}) })}
}
</View> </View>
</View> </View>
</View> </View>
@ -294,10 +276,11 @@ const Header = memo((props: any) => {
const Assets = (props: any) => { const Assets = (props: any) => {
return ( return (
<> <>
{(props?.userInfo?.order_access_status == 3) &&<View className={`${styles.assets} ${styles.crad} ${styles['main-card']}`}> {(props?.userInfo?.order_access_status == 3 && (
<View className={`${styles.assets} ${styles.crad} ${styles['main-card']}`}>
<View className={`${styles['assets-title']}`}>我的资产</View> <View className={`${styles['assets-title']}`}>我的资产</View>
<View className={`${styles['assets-content']}`}> <View className={`${styles['assets-content']}`}>
<Navigator hoverClass="none" url="/pages/depositBeforehand/index"> <Navigator hoverClass='none' url='/pages/depositBeforehand/index'>
<View className={`${styles['assets-content-item-top']}`}> <View className={`${styles['assets-content-item-top']}`}>
<Text className={`${styles['assets-content-item-top-before']}`}>¥</Text> <Text className={`${styles['assets-content-item-top-before']}`}>¥</Text>
<Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.wallet_money || 0, 100, true)}</Text> <Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.wallet_money || 0, 100, true)}</Text>
@ -312,7 +295,7 @@ const Assets = (props: any) => {
</View> </View>
<Text className={`${styles['assets-content-item-tips']}`}>优惠券</Text> <Text className={`${styles['assets-content-item-tips']}`}>优惠券</Text>
</View> */} </View> */}
<Navigator hoverClass="none" onClick={() => props.checkShow()}> <Navigator hoverClass='none' onClick={() => props.checkShow()}>
<View className={`${styles['assets-content-item-top']}`}> <View className={`${styles['assets-content-item-top']}`}>
<Text className={`${styles['assets-content-item-top-before']}`}>¥</Text> <Text className={`${styles['assets-content-item-top-before']}`}>¥</Text>
<Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.credit_line || 0, 100, true)}</Text> <Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.credit_line || 0, 100, true)}</Text>
@ -321,21 +304,22 @@ const Assets = (props: any) => {
<Text className={`${styles['assets-content-item-tips']}`}>授信额度</Text> <Text className={`${styles['assets-content-item-tips']}`}>授信额度</Text>
</Navigator> </Navigator>
</View> </View>
</View>||<View className={styles['main-card']}></View>} </View>
)) || <View className={styles['main-card']}></View>}
</> </>
) )
}; }
// 功能 // 功能
const Main = memo(() => { const Main = memo(() => {
let menu = [ let menu = [
{ text: "我的客服", icon: "icon-wodekefu", type: 'customer', label:'(0757) 8270 6695'}, { text: '我的客服', icon: 'icon-wodekefu', type: 'customer', label: '(0757) 8270 6695' },
{ text: "地址管理", icon: "icon-daohang", url: "/pages/addressManager/index", type: 'url' }, { text: '地址管理', icon: 'icon-daohang', url: '/pages/addressManager/index', type: 'url' },
{ text: "码单管理", icon: "icon-a-yuanmadanmadanguanli", url: "/pages/weightList/index", type: 'url' }, { text: '码单管理', icon: 'icon-a-yuanmadanmadanguanli', url: '/pages/weightList/index', type: 'url' },
{ text: "我的收藏", icon: "icon-shoucang", url: "/pages/collection/index", type: 'url' }, { text: '我的收藏', icon: 'icon-shoucang', url: '/pages/collection/index', type: 'url' },
{ text: "颜色对比", icon: "icon-yanseduibi", url: "/pages/sampleComparison/index", type: 'url' }, { text: '颜色对比', icon: 'icon-yanseduibi', url: '/pages/sampleComparison/index', type: 'url' },
// { text: "分享推广", icon: "icon-fenxiang" }, // { text: "分享推广", icon: "icon-fenxiang" },
{ text: "邀请码", icon: "icon-yaoqingma", url: "/pages/bindSalesman/index", type: 'url' }, { text: '邀请码', icon: 'icon-yaoqingma', url: '/pages/bindSalesman/index', type: 'url' },
] ]
const navigation = (item) => { const navigation = (item) => {
if (item.type === 'url') goLink(item.url) if (item.type === 'url') goLink(item.url)
@ -343,23 +327,21 @@ const Main = memo(() => {
return ( return (
<View className={`${styles.crad} ${styles['card-main']} ${styles['card-feature']}`}> <View className={`${styles.crad} ${styles['card-main']} ${styles['card-feature']}`}>
<View className={styles['card-main-list-content']}> <View className={styles['card-main-list-content']}>
{ {menu.map((item, index) => {
menu.map((item, index) => {
return ( return (
<View hoverClass="none" onClick={() => navigation(item)} key={index} className={styles['card-main-list-content-item']}> <View hoverClass='none' onClick={() => navigation(item)} key={index} className={styles['card-main-list-content-item']}>
<View className={styles['card-main-list-content-item-left']}> <View className={styles['card-main-list-content-item-left']}>
<Text className={`iconfont ${item.icon}`}></Text> <Text className={`iconfont ${item.icon}`}></Text>
<View>{item.text}</View> <View>{item.text}</View>
</View> </View>
<View className={styles.label}>{item.label}</View> <View className={styles.label}>{item.label}</View>
<View className={styles['card-main-list-content-item-right']}> <View className={styles['card-main-list-content-item-right']}>
<Text className="iconfont icon-a-moreback"></Text> <Text className='iconfont icon-a-moreback'></Text>
</View> </View>
{item.type === 'customer' && <Button openType="contact" className={styles.customer}></Button>} {item.type === 'customer' && <Button openType='contact' className={styles.customer}></Button>}
</View> </View>
) )
}) })}
}
</View> </View>
</View> </View>
) )