✨ feat(ID1000773):二、面料详情首次引导；
This commit is contained in:
Haiyi
parent
1ae297899a
commit
d1f4e37027
@ -1,3 +1,5 @@
|
|||||||
|
.sollBox {
|
||||||
|
height: calc(100vh - 200px);
|
||||||
.main {
|
.main {
|
||||||
padding: 32px;
|
padding: 32px;
|
||||||
width: 686px;
|
width: 686px;
|
||||||
@ -20,3 +22,4 @@
|
|||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -48,7 +48,7 @@ const FeaturePopup = (param: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Popup showTitle={false} show={param.showPopup} onClose={() => param.closePopup?.()}>
|
<Popup showTitle={false} show={param.showPopup} onClose={() => param.closePopup?.()}>
|
||||||
<ScrollView scrollY style={{ height: '1000rpx' }}>
|
<ScrollView scrollY className={styles.sollBox}>
|
||||||
<View className={styles.main}>
|
<View className={styles.main}>
|
||||||
<View className={styles.title}>{param.productName}</View>
|
<View className={styles.title}>{param.productName}</View>
|
||||||
<View className={styles.line}></View>
|
<View className={styles.line}></View>
|
||||||
|
|||||||
107
src/pages/details/components/guidePopup/index.module.scss
Normal file
107
src/pages/details/components/guidePopup/index.module.scss
Normal file
@ -0,0 +1,107 @@
|
|||||||
|
.main {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1998;
|
||||||
|
overflow: hidden;
|
||||||
|
.mask {
|
||||||
|
border-radius: 20px 20px 0px 0px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
transition: all 0.3s;
|
||||||
|
// opacity: 0;
|
||||||
|
.bigBox {
|
||||||
|
position: absolute;
|
||||||
|
padding: 32px;
|
||||||
|
border-radius: 16px;
|
||||||
|
background-color: #fff;
|
||||||
|
left: 10px;
|
||||||
|
top: 320px;
|
||||||
|
.topTitleBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.topTitle {
|
||||||
|
color: #353535;
|
||||||
|
font-size: 28px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.modeBox {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
.modeKindOne {
|
||||||
|
width: 160px;
|
||||||
|
height: 68px;
|
||||||
|
background: rgba(51, 127, 255, 0.1);
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #337fff;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #337fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 68px;
|
||||||
|
margin-right: 18px;
|
||||||
|
}
|
||||||
|
.modeKindTwo {
|
||||||
|
margin-right: 18px;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
width: 160px;
|
||||||
|
height: 68px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #626262;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 68px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.line {
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
// width: 512px;
|
||||||
|
height: 1px;
|
||||||
|
background: #050000;
|
||||||
|
opacity: 0.1;
|
||||||
|
}
|
||||||
|
.pleaseFont {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.saleFont {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.flexBox {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.flexLeft {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.flexRight {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #337fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
43
src/pages/details/components/guidePopup/index.tsx
Normal file
43
src/pages/details/components/guidePopup/index.tsx
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
import { Button, Image, Input, RichText, ScrollView, Text, View } from '@tarojs/components'
|
||||||
|
import Taro, { useDidShow, usePullDownRefresh, useReady } from '@tarojs/taro'
|
||||||
|
import classnames from 'classnames'
|
||||||
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
|
||||||
|
import styles from './index.module.scss'
|
||||||
|
import { GetProductKindListApi } from '@/api/material'
|
||||||
|
import { getFilterData } from '@/common/util'
|
||||||
|
import { alert, goLink } from '@/common/common'
|
||||||
|
import { Mallproductinstruct } from '@/api/favorite'
|
||||||
|
import IconFont from '@/components/iconfont/iconfont'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
closePopup: () => void
|
||||||
|
}
|
||||||
|
|
||||||
|
const guidePopup = (props: Props) => {
|
||||||
|
return (
|
||||||
|
<View className={styles.main}>
|
||||||
|
<View className={styles.mask}>
|
||||||
|
<View className={styles.bigBox}>
|
||||||
|
<View className={styles.topTitleBox}>
|
||||||
|
<View className={styles.topTitle}>布料类型</View>
|
||||||
|
<IconFont name="icon-tishi" size={30}></IconFont>
|
||||||
|
</View>
|
||||||
|
<View className={styles.modeBox}>
|
||||||
|
<View className={styles.modeKindOne}>大货</View>
|
||||||
|
<View className={styles.modeKindTwo}>剪版</View>
|
||||||
|
<View className={styles.modeKindTwo}>散剪</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.line}></View>
|
||||||
|
<View className={styles.pleaseFont}>请选择你需要的商品类型✨</View>
|
||||||
|
<View className={styles.saleFont}>大货：按【条数】销售；</View>
|
||||||
|
<View className={styles.saleFont}>散剪：按【米】销售；</View>
|
||||||
|
<View className={styles.flexBox}>
|
||||||
|
<View className={styles.flexLeft}>剪版：按【公斤】销售；</View>
|
||||||
|
<View className={styles.flexRight} onClick={() => props.closePopup?.()}>我知道了</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default memo(guidePopup)
|
||||||
@ -27,9 +27,11 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
.search_title {
|
.search_title {
|
||||||
|
display: flex;
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 160px;
|
width: 200px;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.search_list {
|
.search_list {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -4,6 +4,7 @@ import Big from 'big.js'
|
|||||||
import classnames from 'classnames'
|
import classnames from 'classnames'
|
||||||
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
|
||||||
import VirtualList from '@tarojs/components/virtual-list'
|
import VirtualList from '@tarojs/components/virtual-list'
|
||||||
|
import GuidePopup from '../guidePopup/index'
|
||||||
import styles from './index.module.scss'
|
import styles from './index.module.scss'
|
||||||
import Popup from '@/components/popup'
|
import Popup from '@/components/popup'
|
||||||
import LoadingCard from '@/components/loadingCard'
|
import LoadingCard from '@/components/loadingCard'
|
||||||
@ -18,14 +19,16 @@ import { getFilterData } from '@/common/util'
|
|||||||
import LabAndImg from '@/components/LabAndImg'
|
import LabAndImg from '@/components/LabAndImg'
|
||||||
import useCommonData from '@/use/useCommonData'
|
import useCommonData from '@/use/useCommonData'
|
||||||
import LabAndImgShow from '@/components/LabAndImgShow'
|
import LabAndImgShow from '@/components/LabAndImgShow'
|
||||||
|
import IconFont from '@/components/iconfont/iconfont'
|
||||||
|
|
||||||
interface param {
|
interface param {
|
||||||
show?: true | false
|
show?: true | false
|
||||||
onClose?: () => void
|
onClose?: () => void
|
||||||
title?: string
|
title?: string
|
||||||
productId?: number
|
productId?: number
|
||||||
|
is_first_login?: boolean // 是否首次进来需要展示引导
|
||||||
}
|
}
|
||||||
const OrderCount = ({ show = false, onClose, title = '', productId = 0 }: param) => {
|
const OrderCount = ({ show = false, onClose, title = '', productId = 0, is_first_login = true }: param) => {
|
||||||
const { adminUserInfo } = useSelector(state => state.userInfo)
|
const { adminUserInfo } = useSelector(state => state.userInfo)
|
||||||
|
|
||||||
const [selectList, _] = useState([
|
const [selectList, _] = useState([
|
||||||
@ -310,13 +313,26 @@ const OrderCount = ({ show = false, onClose, title = '', productId = 0 }: param)
|
|||||||
}, 100)
|
}, 100)
|
||||||
}, [show])
|
}, [show])
|
||||||
|
|
||||||
|
const [showGuidePopup, setshowGuidePopup] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (show) {
|
||||||
|
if (!is_first_login) {
|
||||||
|
console.log(is_first_login, 'showGuidePopupshowGuidePopup')
|
||||||
|
console.log(2222)
|
||||||
|
setshowGuidePopup(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [show])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View className={styles.shop_cart_main}>
|
<View className={styles.shop_cart_main}>
|
||||||
<Popup showTitle={false} show={showPopup} onClose={() => closePopup()}>
|
<Popup showTitle={false} show={showPopup} onClose={() => closePopup()}>
|
||||||
<View className={styles.popup_con}>
|
<View className={styles.popup_con}>
|
||||||
<View className={styles.header}>{title}</View>
|
<View className={styles.header}>{title}</View>
|
||||||
<View className={styles.search}>
|
<View className={styles.search}>
|
||||||
<View className={styles.search_title}>下单类型:</View>
|
<View className={styles.search_title}>下单类型 <View onClick={() => setshowGuidePopup(true)}><IconFont name="icon-tishi" size={30}></IconFont></View>:</View>
|
||||||
|
|
||||||
<View className={styles.search_list}>
|
<View className={styles.search_list}>
|
||||||
{selectList.map((item, index) => {
|
{selectList.map((item, index) => {
|
||||||
return (
|
return (
|
||||||
@ -380,6 +396,9 @@ const OrderCount = ({ show = false, onClose, title = '', productId = 0 }: param)
|
|||||||
</View>
|
</View>
|
||||||
{/* <View className='common_safe_area_y'></View> */}
|
{/* <View className='common_safe_area_y'></View> */}
|
||||||
</Popup>
|
</Popup>
|
||||||
|
{
|
||||||
|
showGuidePopup && showPopup && <GuidePopup closePopup={() => setshowGuidePopup(false)}></GuidePopup>
|
||||||
|
}
|
||||||
<View>
|
<View>
|
||||||
<LabAndImgShow value={labImageValue} show={showLabImage} onClose={closeLabImgShow} />
|
<LabAndImgShow value={labImageValue} show={showLabImage} onClose={closeLabImgShow} />
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 50% 50%;
|
grid-template-columns: 50% 50%;
|
||||||
grid-template-rows: auto auto auto;
|
grid-template-rows: auto auto auto;
|
||||||
grid-template-areas: 'a b' 'c d' 'e e';
|
grid-template-areas: 'a b' 'c d' 'e f';
|
||||||
font-size: $font_size_medium;
|
font-size: $font_size_medium;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
background-color: rgba(247, 247, 247, 0.6);
|
background-color: rgba(247, 247, 247, 0.6);
|
||||||
|
|||||||
@ -210,9 +210,9 @@ const Details = (props: Params) => {
|
|||||||
}
|
}
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.con}>
|
<View className={styles.con}>
|
||||||
<View className={styles.des_text}>
|
{/* <View className={styles.des_text}>
|
||||||
编号：<Text>{productInfo.code}</Text>
|
编号：<Text>{productInfo.code}</Text>
|
||||||
</View>
|
</View> */}
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
幅宽：<Text>{productInfo.width}</Text>
|
幅宽：<Text>{productInfo.width}</Text>
|
||||||
</View>
|
</View>
|
||||||
@ -297,7 +297,7 @@ const Details = (props: Params) => {
|
|||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
</View>
|
</View>
|
||||||
<OrderCount show={showOrderCount} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} />
|
<OrderCount show={showOrderCount} is_first_login={productInfo.is_first_login} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} />
|
||||||
<ShopCart show={showCart} onClose={() => setShowCart(false)} />
|
<ShopCart show={showCart} onClose={() => setShowCart(false)} />
|
||||||
<AddCollection show={collectionShow} onAdd={onAdd} onClose={closeCollection} />
|
<AddCollection show={collectionShow} onAdd={onAdd} onClose={closeCollection} />
|
||||||
<FeaturePopup showPopup={showPopup} closePopup={() => setshowPopup(false)} productName={productName} productIds={Number(params?.id)}></FeaturePopup>
|
<FeaturePopup showPopup={showPopup} closePopup={() => setshowPopup(false)} productName={productName} productIds={Number(params?.id)}></FeaturePopup>
|
||||||
|
|||||||
@ -252,7 +252,7 @@ export default () => {
|
|||||||
<View className={styles.product_list}>
|
<View className={styles.product_list}>
|
||||||
{materialList.list.map((item) => {
|
{materialList.list.map((item) => {
|
||||||
return (
|
return (
|
||||||
<Goods key={item} data={item}></Goods>
|
<Goods clickItem={() => goLink(`/pages/details/index?id=${item.product_id}`)} key={item} data={item}></Goods>
|
||||||
// <View key={item.id} className={styles.product_item} onClick={() => goLinkPage(item)}>
|
// <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)} />
|
||||||
|
|||||||
@ -230,7 +230,7 @@ export default () => {
|
|||||||
{
|
{
|
||||||
materialList?.list.map((item) => {
|
materialList?.list.map((item) => {
|
||||||
return (
|
return (
|
||||||
<Goods key={item} data={item}></Goods>
|
<Goods clickItem={() => goLink(`/pages/details/index?id=${item.id}`)} key={item} data={item}></Goods>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
5
src/pages/user copy/index.config.ts
Normal file
5
src/pages/user copy/index.config.ts
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '我的',
|
||||||
|
navigationStyle: 'custom',
|
||||||
|
enableShareAppMessage: true,
|
||||||
|
}
|
||||||
565
src/pages/user copy/index.module.scss
Normal file
565
src/pages/user copy/index.module.scss
Normal file
@ -0,0 +1,565 @@
|
|||||||
|
.main {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background: #68b4ff;
|
||||||
|
background-size: cover;
|
||||||
|
height: 560px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.card-main {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-suspension {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
inset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-card {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: -18%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.crad {
|
||||||
|
width: 702px;
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-info {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: absolute;
|
||||||
|
top: -15%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 702px;
|
||||||
|
padding: 0 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-portrait {
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
border: 4px solid #ffffff;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-portrait image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-desc {
|
||||||
|
margin-left: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-nickname {
|
||||||
|
font-size: 44px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-phone {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arcd-info-left-phone button {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 42px;
|
||||||
|
background: #ffffff;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #007aff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-info-right {
|
||||||
|
font-size: 26px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.setup-icon {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-wrapper {
|
||||||
|
font-size: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-point {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #ff0000;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main {
|
||||||
|
margin: 20px auto 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 2px solid #dddddd;
|
||||||
|
padding: 0 5px 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.card_main_title_order {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.order_more {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 25px;
|
||||||
|
color: #707070;
|
||||||
|
text {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title text {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ababab;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: right;
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title-content {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title-content-item {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #3c3c3c;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title-content-item Text {
|
||||||
|
font-size: 56px;
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-title-content-item-badge {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 32px;
|
||||||
|
background: #007aff;
|
||||||
|
border: 2px solid #ffffff;
|
||||||
|
border-radius: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
top: -10px;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-title {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #3c3c3c;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content > view,
|
||||||
|
.assets-content > navigator {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content-item-top {
|
||||||
|
color: #007aff;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content-item-top-before {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content-item-top-content {
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content-item-top-after {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assets-content-item-tips {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-card {
|
||||||
|
margin: 131px auto 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-feature {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-list-content-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 90px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-list-content-item-left {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: left;
|
||||||
|
color: #707070;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 260px;
|
||||||
|
}
|
||||||
|
.card-main-list-content-item .label {
|
||||||
|
width: 100%;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 10px;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
.card-main-list-content-item-left text {
|
||||||
|
margin-right: 35px;
|
||||||
|
font-size: 56px;
|
||||||
|
color: #707070;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-main-list-content-item-right text {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
.card-main-list-content-item .customer {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth {
|
||||||
|
margin-top: 115px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-top {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-status {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 30px;
|
||||||
|
background: #dddddd;
|
||||||
|
border-radius: 10px 4px 0px 0px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-status,
|
||||||
|
.auth-status-ongoing {
|
||||||
|
color: #ee7500;
|
||||||
|
background-color: #ffe6ce;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-status,
|
||||||
|
.auth-status-adopt {
|
||||||
|
color: #007aff;
|
||||||
|
background-color: #cde5ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-tips {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #007aff;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-tips,
|
||||||
|
.auth-tips-adopt {
|
||||||
|
color: #ababab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-tips text {
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-company {
|
||||||
|
height: 70px;
|
||||||
|
width: 100%;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 2px solid #f0f0f0;
|
||||||
|
border-radius: 0px 10px 10px 10px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #707070;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-company,
|
||||||
|
.auth-company-adopt {
|
||||||
|
background: #ecf5ff;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-content {
|
||||||
|
width: 598px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 10px;
|
||||||
|
animation: enlargeK 0.2s linear;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes enlargeK {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-title {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 58px;
|
||||||
|
padding-top: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-letter {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
padding: 0 30px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-letter-text {
|
||||||
|
text-indent: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-letter-beginn {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-letter-end {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 61px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-button {
|
||||||
|
display: flex;
|
||||||
|
border-top: 1px solid #dddddd;
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-button button,
|
||||||
|
.tips-modal-button view {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 50%;
|
||||||
|
height: 90px;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-button button {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
border-radius: 0;
|
||||||
|
border-right: 1px solid #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-button button::after {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-modal-button view {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #007aff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-box {
|
||||||
|
width: 614px;
|
||||||
|
height: 70px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 16px;
|
||||||
|
|
||||||
|
.auth-left-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.auth-tag {
|
||||||
|
width: 86px;
|
||||||
|
height: 34px;
|
||||||
|
background: #dddddd;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
color: #707070;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 34px;
|
||||||
|
margin-right: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-tagone {
|
||||||
|
width: 86px;
|
||||||
|
height: 34px;
|
||||||
|
background: #ffe6ce;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
color: #707070;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 34px;
|
||||||
|
margin-right: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-tagtwo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: 10px;
|
||||||
|
width: 100px;
|
||||||
|
height: 32px;
|
||||||
|
background: #cde5ff;
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
.iconFont-color {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 30px;
|
||||||
|
margin-right: 3px;
|
||||||
|
color: #007aff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-font {
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #007aff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagthree {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: 10px;
|
||||||
|
width: 100px;
|
||||||
|
height: 32px;
|
||||||
|
background: rgba(255, 0, 0, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #ff0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-cont {
|
||||||
|
margin-left: 16px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #ababab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auth-contone {
|
||||||
|
margin-left: 16px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
366
src/pages/user copy/index.tsx
Normal file
366
src/pages/user copy/index.tsx
Normal file
@ -0,0 +1,366 @@
|
|||||||
|
import { Button, Image, Navigator, Text, View } from '@tarojs/components'
|
||||||
|
import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro'
|
||||||
|
import { memo, useEffect, useMemo, useState } from 'react'
|
||||||
|
import classnames from 'classnames'
|
||||||
|
import styles from './index.module.scss'
|
||||||
|
import { useSelector } from '@/reducers/hooks'
|
||||||
|
import { alert, goLink } from '@/common/common'
|
||||||
|
import useLogin from '@/use/useLogin'
|
||||||
|
import { BASE_URL } from '@/common/constant'
|
||||||
|
import { userassets, userorderStatistics } from '@/api/mine'
|
||||||
|
import { formatImgUrl, formatPriceDiv } from '@/common/fotmat'
|
||||||
|
import { GetAdminUserInfoApi } from '@/api/user'
|
||||||
|
|
||||||
|
// 提示弹窗
|
||||||
|
const Modal = (props: any) => {
|
||||||
|
const { data } = props
|
||||||
|
const [modalShow, setModalShow] = useState(true)
|
||||||
|
const handleouter = () => {}
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{modalShow && (
|
||||||
|
<View onClick={handleouter} catchMove className={styles['tips-modal']}>
|
||||||
|
<View className={styles['tips-modal-content']} onClick={e => e.stopPropagation()}>
|
||||||
|
<View className={styles['tips-modal-title']}>首次登录提醒</View>
|
||||||
|
<View className={styles['tips-modal-letter']}>
|
||||||
|
<View className={styles['tips-modal-letter-beginn']}>To: 万丰园纺织科技</View>
|
||||||
|
<View className={styles['tips-modal-letter-text']}>
|
||||||
|
尊敬的老朋友，欢迎你使用小程序商城；由于您是我们长期合作的伙伴，你的组织已自动为你生成，关联后可查看历史订单哟。
|
||||||
|
</View>
|
||||||
|
<View className={styles['tips-modal-letter-end']}>信息错误请联系客服</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles['tips-modal-button']}>
|
||||||
|
<Button hoverClass="none" openType="contact">
|
||||||
|
联系客服
|
||||||
|
</Button>
|
||||||
|
<View onClick={() => setModalShow(false)}>我知道</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
const ModalWithMemo = memo(Modal)
|
||||||
|
|
||||||
|
// 头部 | 订单
|
||||||
|
const Header = (props: any) => {
|
||||||
|
const { data } = props
|
||||||
|
console.log(props, 'propsprops')
|
||||||
|
const menu = [
|
||||||
|
{ text: '待配布', icon: 'icon-daipeibu', url: '/pages/order/orderList/index?status=0' },
|
||||||
|
{ text: '待付款', icon: 'icon-daifukuan', url: '/pages/order/orderList/index?status=1' },
|
||||||
|
{ 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) => {
|
||||||
|
if (ev.detail?.code) {
|
||||||
|
getPhoneNumber(ev.detail.code)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert.none('绑定失败!')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const navTo = () => {
|
||||||
|
Taro.navigateTo({
|
||||||
|
// url: '/pages/certification/index',
|
||||||
|
url: '/pages/userEdit/index',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className={styles.header} onClick={props.onClick}>
|
||||||
|
<View className={`${styles.crad} ${styles['header-card']}`}>
|
||||||
|
<View className={styles['card-info']}>
|
||||||
|
<View className={styles['arcd-info-left']}>
|
||||||
|
<View className={styles['arcd-info-left-portrait']}>
|
||||||
|
<Image src={data?.avatar_url} />
|
||||||
|
</View>
|
||||||
|
<View className={styles['arcd-info-left-desc']}>
|
||||||
|
<View className={styles['arcd-info-left-nickname']}>
|
||||||
|
{/* {state.data.user_name} */}
|
||||||
|
{data?.user_name}
|
||||||
|
</View>
|
||||||
|
<View className={styles['arcd-info-left-phone']}>
|
||||||
|
{data?.phone
|
||||||
|
? (
|
||||||
|
data?.phone?.replace(data?.phone?.substring(3, 7), '****')
|
||||||
|
)
|
||||||
|
: (
|
||||||
|
<Button openType="getPhoneNumber" onGetPhoneNumber={mGetPhoneNumber}>
|
||||||
|
绑定手机号码
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles['card-info-right']}>
|
||||||
|
<Navigator hoverClass="none" url="/pages/userEdit/index" className={styles['setup-icon']}>
|
||||||
|
<View className={classnames(styles['icon-wrapper'], 'iconfont', 'icon-shezhi')}></View>
|
||||||
|
<View className={styles['icon-point']}></View>
|
||||||
|
</Navigator>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.auth}>
|
||||||
|
{(data?.authentication_status == 0 || data?.authentication_status == 1) && data?.order_access_status == 3 && (
|
||||||
|
<View className={styles['auth-box']} onClick={() => navTo()}>
|
||||||
|
<View className={styles['auth-left-box']}>
|
||||||
|
<View className={styles['auth-tag']}>未认证</View>
|
||||||
|
<View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
||||||
|
</View>
|
||||||
|
<Text className="iconfont icon-a-moreback"></Text>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{data?.authentication_status == 3 && data?.order_access_status == 3 && (
|
||||||
|
<View className={styles['auth-box']} onClick={() => navTo()}>
|
||||||
|
<View className={styles['auth-left-box']}>
|
||||||
|
<View className={styles['auth-tagthree']}>认证失败</View>
|
||||||
|
<View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
||||||
|
</View>
|
||||||
|
<Text className="iconfont icon-a-moreback"></Text>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{data?.authentication_status == 2 && data?.order_access_status == 3 && (
|
||||||
|
<View className={styles['auth-box']} onClick={() => navTo()}>
|
||||||
|
<View className={styles['auth-left-box']}>
|
||||||
|
<View className={styles['auth-tagone']}>认证中</View>
|
||||||
|
<View className={styles['auth-contone']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
||||||
|
</View>
|
||||||
|
<Text className="iconfont icon-a-moreback"></Text>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{data?.authentication_status == 4 && data?.order_access_status == 3 && (
|
||||||
|
<View className={styles['auth-box']} onClick={() => navTo()}>
|
||||||
|
<View className={styles['auth-left-box']}>
|
||||||
|
<View className={styles['auth-tagtwo']}>
|
||||||
|
<View className={styles['iconFont-color']}>
|
||||||
|
<Text className="iconfont icon-xtianzhangqi"></Text>
|
||||||
|
</View>
|
||||||
|
<View className={styles['auth-font']}>已认证</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles['auth-contone']}>{data?.company_name}</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-status']} ${data?.authentication_status==2&&styles['auth-status-ongoing']} ${data?.authentication_status==4&&styles['auth-status-adopt']}`}>
|
||||||
|
<Text>1</Text>
|
||||||
|
{data?.authentication_status==1&&"未认证"}
|
||||||
|
{data?.authentication_status==2&&"认证中"}
|
||||||
|
{data?.authentication_status==3&&"认证不通过"}
|
||||||
|
{data?.authentication_status==4&&"已认证"}
|
||||||
|
</View>
|
||||||
|
{data?.authentication_status==1&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>认证通过后，解锁更多权限 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
||||||
|
{data?.authentication_status==2&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>1-3个工作日，审核完成 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
||||||
|
{data?.authentication_status==3&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>重新认证 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
||||||
|
{data?.authentication_status==4&&<View className={styles['auth-tips']}>认证通过，可以下单啦 <Text className="iconfont icon-a-moreback"/></View>}
|
||||||
|
</View> */}
|
||||||
|
{/* <View className={`${styles['auth-company']} ${data?.authentication_status==4&&"auth-tips-adopt"}`}>
|
||||||
|
{data?.authentication_status==1&&"暂未加入或注册组织"}
|
||||||
|
{data?.authentication_status==2&&data?.company_name}
|
||||||
|
{data?.authentication_status==3&&data?.company_name}
|
||||||
|
{data?.authentication_status==4&&data?.company_name}
|
||||||
|
</View> */}
|
||||||
|
</View>
|
||||||
|
<View className={styles['card-main']}>
|
||||||
|
<View className={styles['card-main-title']}>
|
||||||
|
<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>
|
||||||
|
<View className={styles['card-main-title-content']}>
|
||||||
|
{menu.map((item, index) => {
|
||||||
|
return (
|
||||||
|
<Navigator hoverClass="none" url={item.url} className={styles['card-main-title-content-item']} key={index}>
|
||||||
|
<Text className={`iconfont ${item.icon}`}></Text>
|
||||||
|
<View>{item.text}</View>
|
||||||
|
{index == 0 && props.MenuData.data.wait_match !== 0 && (
|
||||||
|
<View className={styles['card-main-title-content-item-badge']}>
|
||||||
|
{props.MenuData.data.wait_match > 99 ? '99+' : props.MenuData.data.wait_match}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{index == 1 && props.MenuData.data.wait_pay !== 0 && (
|
||||||
|
<View className={styles['card-main-title-content-item-badge']}>
|
||||||
|
{props.MenuData.data.wait_pay > 99 ? '99+' : props.MenuData.data.wait_pay}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{index == 2 && props.MenuData.data.wait_shipped !== 0 && (
|
||||||
|
<View className={styles['card-main-title-content-item-badge']}>
|
||||||
|
{props.MenuData.data.wait_shipped > 99 ? '99+' : props.MenuData.data.wait_shipped}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{index == 3 && props.MenuData.data.already_shipped !== 0 && (
|
||||||
|
<View className={styles['card-main-title-content-item-badge']}>
|
||||||
|
{props.MenuData.data.already_shipped > 99 ? '99+' : props.MenuData.data.already_shipped}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{index == 4 && props.MenuData.data.after_return !== 0 && (
|
||||||
|
<View className={styles['card-main-title-content-item-badge']}>
|
||||||
|
{props.MenuData.data.after_return > 99 ? '99+' : props.MenuData.data.after_return}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
</Navigator>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
const HeaderWithMemo = memo(Header)
|
||||||
|
// 我的资产
|
||||||
|
const Assets = (props: any) => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{(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-content']}`}>
|
||||||
|
<Navigator hoverClass="none" url="/pages/depositBeforehand/index">
|
||||||
|
<View className={`${styles['assets-content-item-top']}`}>
|
||||||
|
<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-after']}`}>{props.wallet_money || 0}</Text> */}
|
||||||
|
</View>
|
||||||
|
<Text className={`${styles['assets-content-item-tips']}`}>预存款</Text>
|
||||||
|
</Navigator>
|
||||||
|
{/* <View>
|
||||||
|
<View className={`${styles['assets-content-item-top']}`}>
|
||||||
|
<Text className={`${styles['assets-content-item-top-content']}`}>{props.data.data.coupon_count || 0}</Text>
|
||||||
|
<Text className={`${styles['assets-content-item-top-after']}`}>张</Text>
|
||||||
|
</View>
|
||||||
|
<Text className={`${styles['assets-content-item-tips']}`}>优惠券</Text>
|
||||||
|
</View> */}
|
||||||
|
<Navigator hoverClass="none" onClick={() => props.checkShow()}>
|
||||||
|
<View className={`${styles['assets-content-item-top']}`}>
|
||||||
|
<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-after']}`}>.-00</Text> */}
|
||||||
|
</View>
|
||||||
|
<Text className={`${styles['assets-content-item-tips']}`}>授信额度</Text>
|
||||||
|
</Navigator>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)) || <View className={styles['main-card']}></View>}
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 功能
|
||||||
|
const Main = () => {
|
||||||
|
const menu = [
|
||||||
|
{ text: '我的客服', icon: 'icon-wodekefu', type: 'customer', label: '(0757) 8270 6695' },
|
||||||
|
{ text: '地址管理', icon: 'icon-daohang', url: '/pages/addressManager/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-yanseduibi', url: '/pages/sampleComparison/index', type: 'url' },
|
||||||
|
// { text: "分享推广", icon: "icon-fenxiang" },
|
||||||
|
{ text: '邀请码', icon: 'icon-yaoqingma', url: '/pages/bindSalesman/index', type: 'url' },
|
||||||
|
]
|
||||||
|
const navigation = (item) => {
|
||||||
|
if (item.type === 'url') { goLink(item.url) }
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<View className={`${styles.crad} ${styles['card-main']} ${styles['card-feature']}`}>
|
||||||
|
<View className={styles['card-main-list-content']}>
|
||||||
|
{menu.map((item, index) => {
|
||||||
|
return (
|
||||||
|
<View hoverClass="none" onClick={() => navigation(item)} key={index} className={styles['card-main-list-content-item']}>
|
||||||
|
<View className={styles['card-main-list-content-item-left']}>
|
||||||
|
<Text className={`iconfont ${item.icon}`}></Text>
|
||||||
|
<View>{item.text}</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.label}>{item.label}</View>
|
||||||
|
<View className={styles['card-main-list-content-item-right']}>
|
||||||
|
<Text className="iconfont icon-a-moreback"></Text>
|
||||||
|
</View>
|
||||||
|
{item.type === 'customer' && <Button openType="contact" className={styles.customer}></Button>}
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
const MainWithMemo = memo(Main)
|
||||||
|
const User = () => {
|
||||||
|
// 用户信息
|
||||||
|
const { getSelfUserInfo, getAdminUserInfo } = useLogin()
|
||||||
|
const { adminUserInfo } = useSelector(state => state.userInfo)
|
||||||
|
|
||||||
|
const [current_version, setCurrent_version] = useState(CURRENT_VERSION)
|
||||||
|
const [current_githash, setCurrent_githash] = useState(CURRENT_GITHASH)
|
||||||
|
const [current_env, setCurrent_env] = useState(CURRENT_ENV)
|
||||||
|
|
||||||
|
const handleAuth = async() => {
|
||||||
|
console.log('授权面版')
|
||||||
|
if (adminUserInfo?.is_authorize_name) { return false }
|
||||||
|
getSelfUserInfo()
|
||||||
|
.then()
|
||||||
|
.catch(() => {
|
||||||
|
alert.none('授权失败，请授权后再使用')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const { fetchData: Apiassets, state } = userassets()
|
||||||
|
const { fetchData: ApigetTotal, state: stateData } = userorderStatistics()
|
||||||
|
|
||||||
|
useDidShow(() => {
|
||||||
|
ApigetTotal()
|
||||||
|
getAdminUserInfo()
|
||||||
|
Apiassets()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 临时注释
|
||||||
|
// const checkGo = async () => {
|
||||||
|
// if (adminUserInfo?.authentication_status !== 4) {
|
||||||
|
// let res = await Taro.showModal({
|
||||||
|
// title: '提示',
|
||||||
|
// content: '你暂未开通授信，目前仅支持线下申请，开通后可使用账期采购。',
|
||||||
|
// cancelText: '稍后认证',
|
||||||
|
// confirmText: '联系客服',
|
||||||
|
// })
|
||||||
|
// if (res.confirm) {
|
||||||
|
// Taro.showModal({
|
||||||
|
// content: '联系电话:0757-8270 6695',
|
||||||
|
// cancelText: '取消',
|
||||||
|
// confirmText: '拨打',
|
||||||
|
// success: function (res) {
|
||||||
|
// if (res.confirm) {
|
||||||
|
// Taro.makePhoneCall({
|
||||||
|
// phoneNumber: '(0757)82706695',
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// } else {
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: '/pages/creditLine/index',
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
const checkGo = async() => {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: '/pages/creditLine/index',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className={styles.main}>
|
||||||
|
<HeaderWithMemo data={adminUserInfo} MenuData={stateData} />
|
||||||
|
<Assets data={state} checkShow={() => checkGo()} userInfo={adminUserInfo} />
|
||||||
|
<MainWithMemo />
|
||||||
|
{/* {(adminUserInfo as any)?.authentication_status==1&&<Modal data={adminUserInfo}/>} */}
|
||||||
|
{/* 测试暂时添加 */}
|
||||||
|
<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>}
|
||||||
|
{!adminUserInfo?.is_authorize_name && <View onClick={handleAuth} catchMove className={styles['auth-suspension']}></View>}
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default User
|
||||||
@ -1,5 +1,6 @@
|
|||||||
export default {
|
export default {
|
||||||
navigationBarTitleText: '我的',
|
navigationBarTitleText: '',
|
||||||
navigationStyle: 'custom',
|
navigationBarBackgroundColor: '#EFF3FF',
|
||||||
enableShareAppMessage: true,
|
backgroundColorTop: '#EFF3FF',
|
||||||
|
enablePullDownRefresh: true,
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,565 +1,15 @@
|
|||||||
.main {
|
.user_main {
|
||||||
background-color: #f8f8f8;
|
.user_main__header {
|
||||||
min-height: 100vh;
|
height: 315px;
|
||||||
display: flex;
|
width: 100%;
|
||||||
flex-direction: column;
|
background-color: #eff3ff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
image {
|
||||||
.header {
|
|
||||||
background: #68b4ff;
|
|
||||||
background-size: cover;
|
|
||||||
height: 560px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.card-main {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-suspension {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
inset: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-card {
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
bottom: -18%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.crad {
|
|
||||||
width: 702px;
|
|
||||||
background: rgba(255, 255, 255, 0.95);
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-info {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
position: absolute;
|
|
||||||
top: -15%;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 702px;
|
|
||||||
padding: 0 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-portrait {
|
|
||||||
width: 170px;
|
|
||||||
height: 170px;
|
|
||||||
background: rgba(0, 0, 0, 0);
|
|
||||||
border: 4px solid #ffffff;
|
|
||||||
border-radius: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-portrait image {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-desc {
|
|
||||||
margin-left: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-nickname {
|
|
||||||
font-size: 44px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #000000;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-phone {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.arcd-info-left-phone button {
|
|
||||||
padding: 0 10px;
|
|
||||||
height: 42px;
|
|
||||||
background: #ffffff;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-info-right {
|
|
||||||
font-size: 26px;
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.setup-icon {
|
|
||||||
position: relative;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-wrapper {
|
|
||||||
font-size: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-point {
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #ff0000;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
left: 0;
|
||||||
|
|
||||||
.card-main {
|
|
||||||
margin: 20px auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 2px solid #dddddd;
|
|
||||||
padding: 0 5px 15px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
.card_main_title_order {
|
|
||||||
flex: 1;
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.order_more {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 25px;
|
|
||||||
color: #707070;
|
|
||||||
text {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title text {
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #ababab;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: right;
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title-content {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(5, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title-content-item {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3c3c3c;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 30px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title-content-item Text {
|
|
||||||
font-size: 56px;
|
|
||||||
color: #3c3c3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-title-content-item-badge {
|
|
||||||
padding: 0 10px;
|
|
||||||
height: 32px;
|
|
||||||
background: #007aff;
|
|
||||||
border: 2px solid #ffffff;
|
|
||||||
border-radius: 32px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #ffffff;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
position: absolute;
|
|
||||||
top: -10px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-title {
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #3c3c3c;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content > view,
|
|
||||||
.assets-content > navigator {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content-item-top {
|
|
||||||
color: #007aff;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content-item-top-before {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content-item-top-content {
|
|
||||||
font-size: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content-item-top-after {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.assets-content-item-tips {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-card {
|
|
||||||
margin: 131px auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-feature {
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-list-content-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
height: 90px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-list-content-item-left {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: left;
|
|
||||||
color: #707070;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-width: 260px;
|
|
||||||
}
|
|
||||||
.card-main-list-content-item .label {
|
|
||||||
width: 100%;
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 10px;
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
.card-main-list-content-item-left text {
|
|
||||||
margin-right: 35px;
|
|
||||||
font-size: 56px;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main-list-content-item-right text {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
.card-main-list-content-item .customer {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth {
|
|
||||||
margin-top: 115px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-top {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-status {
|
|
||||||
padding: 0 10px;
|
|
||||||
height: 30px;
|
|
||||||
background: #dddddd;
|
|
||||||
border-radius: 10px 4px 0px 0px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-status,
|
|
||||||
.auth-status-ongoing {
|
|
||||||
color: #ee7500;
|
|
||||||
background-color: #ffe6ce;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-status,
|
|
||||||
.auth-status-adopt {
|
|
||||||
color: #007aff;
|
|
||||||
background-color: #cde5ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-tips {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-tips,
|
|
||||||
.auth-tips-adopt {
|
|
||||||
color: #ababab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-tips text {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-company {
|
|
||||||
height: 70px;
|
|
||||||
width: 100%;
|
|
||||||
background: #f6f6f6;
|
|
||||||
border: 2px solid #f0f0f0;
|
|
||||||
border-radius: 0px 10px 10px 10px;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #707070;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-company,
|
|
||||||
.auth-company-adopt {
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal {
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-content {
|
|
||||||
width: 598px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 10px;
|
|
||||||
animation: enlargeK 0.2s linear;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes enlargeK {
|
|
||||||
0% {
|
|
||||||
transform: scale(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-title {
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 700;
|
|
||||||
text-align: center;
|
|
||||||
color: #000000;
|
|
||||||
margin-bottom: 58px;
|
|
||||||
padding-top: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-letter {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
padding: 0 30px;
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-letter-text {
|
|
||||||
text-indent: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-letter-beginn {
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #000000;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-letter-end {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: right;
|
|
||||||
margin-top: 61px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-button {
|
|
||||||
display: flex;
|
|
||||||
border-top: 1px solid #dddddd;
|
|
||||||
margin-top: 45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-button button,
|
|
||||||
.tips-modal-button view {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 50%;
|
|
||||||
height: 90px;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-button button {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
border-radius: 0;
|
|
||||||
border-right: 1px solid #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-button button::after {
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips-modal-button view {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-box {
|
|
||||||
width: 614px;
|
|
||||||
height: 70px;
|
|
||||||
background: #f6f6f6;
|
|
||||||
border-radius: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-left: 18px;
|
|
||||||
padding-right: 16px;
|
|
||||||
|
|
||||||
.auth-left-box {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.auth-tag {
|
|
||||||
width: 86px;
|
|
||||||
height: 34px;
|
|
||||||
background: #dddddd;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 22px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 34px;
|
|
||||||
margin-right: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-tagone {
|
|
||||||
width: 86px;
|
|
||||||
height: 34px;
|
|
||||||
background: #ffe6ce;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 22px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 34px;
|
|
||||||
margin-right: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-tagtwo {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-left: 10px;
|
|
||||||
width: 100px;
|
|
||||||
height: 32px;
|
|
||||||
background: #cde5ff;
|
|
||||||
border-radius: 10px;
|
|
||||||
|
|
||||||
.iconFont-color {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 30px;
|
|
||||||
margin-right: 3px;
|
|
||||||
color: #007aff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-font {
|
|
||||||
font-size: 20px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tagthree {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-left: 10px;
|
|
||||||
width: 100px;
|
|
||||||
height: 32px;
|
|
||||||
background: rgba(255, 0, 0, 0.1);
|
|
||||||
border-radius: 10px;
|
|
||||||
color: #ff0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-cont {
|
|
||||||
margin-left: 16px;
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #ababab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth-contone {
|
|
||||||
margin-left: 16px;
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #3c3c3c;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,366 +1,16 @@
|
|||||||
import { Button, Image, Navigator, Text, View } from '@tarojs/components'
|
import { Image, View } from '@tarojs/components'
|
||||||
import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro'
|
|
||||||
import { memo, useEffect, useMemo, useState } from 'react'
|
|
||||||
import classnames from 'classnames'
|
import classnames from 'classnames'
|
||||||
import styles from './index.module.scss'
|
import styles from './index.module.scss'
|
||||||
import { useSelector } from '@/reducers/hooks'
|
import namedPng from '@/styles/image/user_header.png'
|
||||||
import { alert, goLink } from '@/common/common'
|
import LabAndImg from '@/components/LabAndImg'
|
||||||
import useLogin from '@/use/useLogin'
|
|
||||||
import { BASE_URL } from '@/common/constant'
|
|
||||||
import { userassets, userorderStatistics } from '@/api/mine'
|
|
||||||
import { formatImgUrl, formatPriceDiv } from '@/common/fotmat'
|
|
||||||
import { GetAdminUserInfoApi } from '@/api/user'
|
|
||||||
|
|
||||||
// 提示弹窗
|
export default () => {
|
||||||
const Modal = (props: any) => {
|
return <View className={styles.user_main}>
|
||||||
const { data } = props
|
<View className={styles.user_main__header}>
|
||||||
const [modalShow, setModalShow] = useState(true)
|
<Image src={namedPng} mode="aspectFit"></Image>
|
||||||
const handleouter = () => {}
|
<View className={styles.header_img_name}>
|
||||||
return (
|
<LabAndImg value={{ }} />
|
||||||
<>
|
|
||||||
{modalShow && (
|
|
||||||
<View onClick={handleouter} catchMove className={styles['tips-modal']}>
|
|
||||||
<View className={styles['tips-modal-content']} onClick={e => e.stopPropagation()}>
|
|
||||||
<View className={styles['tips-modal-title']}>首次登录提醒</View>
|
|
||||||
<View className={styles['tips-modal-letter']}>
|
|
||||||
<View className={styles['tips-modal-letter-beginn']}>To: 万丰园纺织科技</View>
|
|
||||||
<View className={styles['tips-modal-letter-text']}>
|
|
||||||
尊敬的老朋友，欢迎你使用小程序商城；由于您是我们长期合作的伙伴，你的组织已自动为你生成，关联后可查看历史订单哟。
|
|
||||||
</View>
|
|
||||||
<View className={styles['tips-modal-letter-end']}>信息错误请联系客服</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles['tips-modal-button']}>
|
|
||||||
<Button hoverClass="none" openType="contact">
|
|
||||||
联系客服
|
|
||||||
</Button>
|
|
||||||
<View onClick={() => setModalShow(false)}>我知道</View>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
const ModalWithMemo = memo(Modal)
|
|
||||||
|
|
||||||
// 头部 | 订单
|
|
||||||
const Header = (props: any) => {
|
|
||||||
const { data } = props
|
|
||||||
console.log(props, 'propsprops')
|
|
||||||
const menu = [
|
|
||||||
{ text: '待配布', icon: 'icon-daipeibu', url: '/pages/order/orderList/index?status=0' },
|
|
||||||
{ text: '待付款', icon: 'icon-daifukuan', url: '/pages/order/orderList/index?status=1' },
|
|
||||||
{ 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) => {
|
|
||||||
if (ev.detail?.code) {
|
|
||||||
getPhoneNumber(ev.detail.code)
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert.none('绑定失败!')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const navTo = () => {
|
|
||||||
Taro.navigateTo({
|
|
||||||
// url: '/pages/certification/index',
|
|
||||||
url: '/pages/userEdit/index',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<View className={styles.header} onClick={props.onClick}>
|
|
||||||
<View className={`${styles.crad} ${styles['header-card']}`}>
|
|
||||||
<View className={styles['card-info']}>
|
|
||||||
<View className={styles['arcd-info-left']}>
|
|
||||||
<View className={styles['arcd-info-left-portrait']}>
|
|
||||||
<Image src={data?.avatar_url} />
|
|
||||||
</View>
|
|
||||||
<View className={styles['arcd-info-left-desc']}>
|
|
||||||
<View className={styles['arcd-info-left-nickname']}>
|
|
||||||
{/* {state.data.user_name} */}
|
|
||||||
{data?.user_name}
|
|
||||||
</View>
|
|
||||||
<View className={styles['arcd-info-left-phone']}>
|
|
||||||
{data?.phone
|
|
||||||
? (
|
|
||||||
data?.phone?.replace(data?.phone?.substring(3, 7), '****')
|
|
||||||
)
|
|
||||||
: (
|
|
||||||
<Button openType="getPhoneNumber" onGetPhoneNumber={mGetPhoneNumber}>
|
|
||||||
绑定手机号码
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles['card-info-right']}>
|
|
||||||
<Navigator hoverClass="none" url="/pages/userEdit/index" className={styles['setup-icon']}>
|
|
||||||
<View className={classnames(styles['icon-wrapper'], 'iconfont', 'icon-shezhi')}></View>
|
|
||||||
<View className={styles['icon-point']}></View>
|
|
||||||
</Navigator>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles.auth}>
|
|
||||||
{(data?.authentication_status == 0 || data?.authentication_status == 1) && data?.order_access_status == 3 && (
|
|
||||||
<View className={styles['auth-box']} onClick={() => navTo()}>
|
|
||||||
<View className={styles['auth-left-box']}>
|
|
||||||
<View className={styles['auth-tag']}>未认证</View>
|
|
||||||
<View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
|
||||||
</View>
|
|
||||||
<Text className="iconfont icon-a-moreback"></Text>
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{data?.authentication_status == 3 && data?.order_access_status == 3 && (
|
|
||||||
<View className={styles['auth-box']} onClick={() => navTo()}>
|
|
||||||
<View className={styles['auth-left-box']}>
|
|
||||||
<View className={styles['auth-tagthree']}>认证失败</View>
|
|
||||||
<View className={styles['auth-cont']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
|
||||||
</View>
|
|
||||||
<Text className="iconfont icon-a-moreback"></Text>
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{data?.authentication_status == 2 && data?.order_access_status == 3 && (
|
|
||||||
<View className={styles['auth-box']} onClick={() => navTo()}>
|
|
||||||
<View className={styles['auth-left-box']}>
|
|
||||||
<View className={styles['auth-tagone']}>认证中</View>
|
|
||||||
<View className={styles['auth-contone']}>{data?.company_name || '暂未加入或注册组织'}</View>
|
|
||||||
</View>
|
|
||||||
<Text className="iconfont icon-a-moreback"></Text>
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{data?.authentication_status == 4 && data?.order_access_status == 3 && (
|
|
||||||
<View className={styles['auth-box']} onClick={() => navTo()}>
|
|
||||||
<View className={styles['auth-left-box']}>
|
|
||||||
<View className={styles['auth-tagtwo']}>
|
|
||||||
<View className={styles['iconFont-color']}>
|
|
||||||
<Text className="iconfont icon-xtianzhangqi"></Text>
|
|
||||||
</View>
|
|
||||||
<View className={styles['auth-font']}>已认证</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles['auth-contone']}>{data?.company_name}</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-status']} ${data?.authentication_status==2&&styles['auth-status-ongoing']} ${data?.authentication_status==4&&styles['auth-status-adopt']}`}>
|
|
||||||
<Text>1</Text>
|
|
||||||
{data?.authentication_status==1&&"未认证"}
|
|
||||||
{data?.authentication_status==2&&"认证中"}
|
|
||||||
{data?.authentication_status==3&&"认证不通过"}
|
|
||||||
{data?.authentication_status==4&&"已认证"}
|
|
||||||
</View>
|
|
||||||
{data?.authentication_status==1&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>认证通过后，解锁更多权限 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
|
||||||
{data?.authentication_status==2&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>1-3个工作日，审核完成 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
|
||||||
{data?.authentication_status==3&&<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>重新认证 <Text className="iconfont icon-a-moreback"/></Navigator>}
|
|
||||||
{data?.authentication_status==4&&<View className={styles['auth-tips']}>认证通过，可以下单啦 <Text className="iconfont icon-a-moreback"/></View>}
|
|
||||||
</View> */}
|
|
||||||
{/* <View className={`${styles['auth-company']} ${data?.authentication_status==4&&"auth-tips-adopt"}`}>
|
|
||||||
{data?.authentication_status==1&&"暂未加入或注册组织"}
|
|
||||||
{data?.authentication_status==2&&data?.company_name}
|
|
||||||
{data?.authentication_status==3&&data?.company_name}
|
|
||||||
{data?.authentication_status==4&&data?.company_name}
|
|
||||||
</View> */}
|
|
||||||
</View>
|
|
||||||
<View className={styles['card-main']}>
|
|
||||||
<View className={styles['card-main-title']}>
|
|
||||||
<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>
|
|
||||||
<View className={styles['card-main-title-content']}>
|
|
||||||
{menu.map((item, index) => {
|
|
||||||
return (
|
|
||||||
<Navigator hoverClass="none" url={item.url} className={styles['card-main-title-content-item']} key={index}>
|
|
||||||
<Text className={`iconfont ${item.icon}`}></Text>
|
|
||||||
<View>{item.text}</View>
|
|
||||||
{index == 0 && props.MenuData.data.wait_match !== 0 && (
|
|
||||||
<View className={styles['card-main-title-content-item-badge']}>
|
|
||||||
{props.MenuData.data.wait_match > 99 ? '99+' : props.MenuData.data.wait_match}
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{index == 1 && props.MenuData.data.wait_pay !== 0 && (
|
|
||||||
<View className={styles['card-main-title-content-item-badge']}>
|
|
||||||
{props.MenuData.data.wait_pay > 99 ? '99+' : props.MenuData.data.wait_pay}
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{index == 2 && props.MenuData.data.wait_shipped !== 0 && (
|
|
||||||
<View className={styles['card-main-title-content-item-badge']}>
|
|
||||||
{props.MenuData.data.wait_shipped > 99 ? '99+' : props.MenuData.data.wait_shipped}
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{index == 3 && props.MenuData.data.already_shipped !== 0 && (
|
|
||||||
<View className={styles['card-main-title-content-item-badge']}>
|
|
||||||
{props.MenuData.data.already_shipped > 99 ? '99+' : props.MenuData.data.already_shipped}
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
{index == 4 && props.MenuData.data.after_return !== 0 && (
|
|
||||||
<View className={styles['card-main-title-content-item-badge']}>
|
|
||||||
{props.MenuData.data.after_return > 99 ? '99+' : props.MenuData.data.after_return}
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
</Navigator>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const HeaderWithMemo = memo(Header)
|
|
||||||
// 我的资产
|
|
||||||
const Assets = (props: any) => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{(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-content']}`}>
|
|
||||||
<Navigator hoverClass="none" url="/pages/depositBeforehand/index">
|
|
||||||
<View className={`${styles['assets-content-item-top']}`}>
|
|
||||||
<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-after']}`}>{props.wallet_money || 0}</Text> */}
|
|
||||||
</View>
|
|
||||||
<Text className={`${styles['assets-content-item-tips']}`}>预存款</Text>
|
|
||||||
</Navigator>
|
|
||||||
{/* <View>
|
|
||||||
<View className={`${styles['assets-content-item-top']}`}>
|
|
||||||
<Text className={`${styles['assets-content-item-top-content']}`}>{props.data.data.coupon_count || 0}</Text>
|
|
||||||
<Text className={`${styles['assets-content-item-top-after']}`}>张</Text>
|
|
||||||
</View>
|
|
||||||
<Text className={`${styles['assets-content-item-tips']}`}>优惠券</Text>
|
|
||||||
</View> */}
|
|
||||||
<Navigator hoverClass="none" onClick={() => props.checkShow()}>
|
|
||||||
<View className={`${styles['assets-content-item-top']}`}>
|
|
||||||
<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-after']}`}>.-00</Text> */}
|
|
||||||
</View>
|
|
||||||
<Text className={`${styles['assets-content-item-tips']}`}>授信额度</Text>
|
|
||||||
</Navigator>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
)) || <View className={styles['main-card']}></View>}
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 功能
|
|
||||||
const Main = () => {
|
|
||||||
const menu = [
|
|
||||||
{ text: '我的客服', icon: 'icon-wodekefu', type: 'customer', label: '(0757) 8270 6695' },
|
|
||||||
{ text: '地址管理', icon: 'icon-daohang', url: '/pages/addressManager/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-yanseduibi', url: '/pages/sampleComparison/index', type: 'url' },
|
|
||||||
// { text: "分享推广", icon: "icon-fenxiang" },
|
|
||||||
{ text: '邀请码', icon: 'icon-yaoqingma', url: '/pages/inviteCode/index', type: 'url' },
|
|
||||||
]
|
|
||||||
const navigation = (item) => {
|
|
||||||
if (item.type === 'url') { goLink(item.url) }
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<View className={`${styles.crad} ${styles['card-main']} ${styles['card-feature']}`}>
|
|
||||||
<View className={styles['card-main-list-content']}>
|
|
||||||
{menu.map((item, index) => {
|
|
||||||
return (
|
|
||||||
<View hoverClass="none" onClick={() => navigation(item)} key={index} className={styles['card-main-list-content-item']}>
|
|
||||||
<View className={styles['card-main-list-content-item-left']}>
|
|
||||||
<Text className={`iconfont ${item.icon}`}></Text>
|
|
||||||
<View>{item.text}</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles.label}>{item.label}</View>
|
|
||||||
<View className={styles['card-main-list-content-item-right']}>
|
|
||||||
<Text className="iconfont icon-a-moreback"></Text>
|
|
||||||
</View>
|
|
||||||
{item.type === 'customer' && <Button openType="contact" className={styles.customer}></Button>}
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const MainWithMemo = memo(Main)
|
|
||||||
const User = () => {
|
|
||||||
// 用户信息
|
|
||||||
const { getSelfUserInfo, getAdminUserInfo } = useLogin()
|
|
||||||
const { adminUserInfo } = useSelector(state => state.userInfo)
|
|
||||||
|
|
||||||
const [current_version, setCurrent_version] = useState(CURRENT_VERSION)
|
|
||||||
const [current_githash, setCurrent_githash] = useState(CURRENT_GITHASH)
|
|
||||||
const [current_env, setCurrent_env] = useState(CURRENT_ENV)
|
|
||||||
|
|
||||||
const handleAuth = async() => {
|
|
||||||
console.log('授权面版')
|
|
||||||
if (adminUserInfo?.is_authorize_name) { return false }
|
|
||||||
getSelfUserInfo()
|
|
||||||
.then()
|
|
||||||
.catch(() => {
|
|
||||||
alert.none('授权失败，请授权后再使用')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const { fetchData: Apiassets, state } = userassets()
|
|
||||||
const { fetchData: ApigetTotal, state: stateData } = userorderStatistics()
|
|
||||||
|
|
||||||
useDidShow(() => {
|
|
||||||
ApigetTotal()
|
|
||||||
getAdminUserInfo()
|
|
||||||
Apiassets()
|
|
||||||
})
|
|
||||||
|
|
||||||
// 临时注释
|
|
||||||
// const checkGo = async () => {
|
|
||||||
// if (adminUserInfo?.authentication_status !== 4) {
|
|
||||||
// let res = await Taro.showModal({
|
|
||||||
// title: '提示',
|
|
||||||
// content: '你暂未开通授信，目前仅支持线下申请，开通后可使用账期采购。',
|
|
||||||
// cancelText: '稍后认证',
|
|
||||||
// confirmText: '联系客服',
|
|
||||||
// })
|
|
||||||
// if (res.confirm) {
|
|
||||||
// Taro.showModal({
|
|
||||||
// content: '联系电话:0757-8270 6695',
|
|
||||||
// cancelText: '取消',
|
|
||||||
// confirmText: '拨打',
|
|
||||||
// success: function (res) {
|
|
||||||
// if (res.confirm) {
|
|
||||||
// Taro.makePhoneCall({
|
|
||||||
// phoneNumber: '(0757)82706695',
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// Taro.navigateTo({
|
|
||||||
// url: '/pages/creditLine/index',
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
const checkGo = async() => {
|
|
||||||
Taro.navigateTo({
|
|
||||||
url: '/pages/creditLine/index',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<View className={styles.main}>
|
|
||||||
<HeaderWithMemo data={adminUserInfo} MenuData={stateData} />
|
|
||||||
<Assets data={state} checkShow={() => checkGo()} userInfo={adminUserInfo} />
|
|
||||||
<MainWithMemo />
|
|
||||||
{/* {(adminUserInfo as any)?.authentication_status==1&&<Modal data={adminUserInfo}/>} */}
|
|
||||||
{/* 测试暂时添加 */}
|
|
||||||
<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>}
|
|
||||||
{!adminUserInfo?.is_authorize_name && <View onClick={handleAuth} catchMove className={styles['auth-suspension']}></View>}
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
export default User
|
|
||||||
|
|||||||
BIN
src/styles/image/user_header.png
Normal file
BIN
src/styles/image/user_header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Loading…
x
Reference in New Issue
Block a user