Merge branch 'dev' of ssh://git.online.zzfzyc.com:10022/mp/EShop into 样式对比
This commit is contained in:
Haiyi
+330
-116
@@ -1,68 +1,94 @@
|
||||
.main{
|
||||
.main {
|
||||
background-color: #F8F8F8;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.header{
|
||||
position: relative;
|
||||
|
||||
.header {
|
||||
background: #68b4ff;
|
||||
background-size: cover;
|
||||
height: 560px;
|
||||
position: relative;
|
||||
.card-main{
|
||||
|
||||
.card-main {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.header-card{
|
||||
position: absolute;left: 50%;bottom: -18%;
|
||||
|
||||
.auth-suspension {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
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);
|
||||
|
||||
.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;
|
||||
|
||||
.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 {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.arcd-info-left-portrait{
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
background: rgba(0,0,0,0.00);
|
||||
border: 4px solid #ffffff;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
|
||||
.arcd-info-left-portrait {
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
background: rgba(0, 0, 0, 0.00);
|
||||
border: 4px solid #ffffff;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.arcd-info-left-portrait image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
.arcd-info-left-portrait image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.arcd-info-left-desc{
|
||||
margin-left: 24px;
|
||||
|
||||
.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-nickname {
|
||||
font-size: 44px;
|
||||
font-weight: 700;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.arcd-info-left-phone{
|
||||
|
||||
.arcd-info-left-phone {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
.arcd-info-left-phone button{
|
||||
|
||||
.arcd-info-left-phone button {
|
||||
padding: 0 10px;
|
||||
height: 42px;
|
||||
background: #ffffff;
|
||||
@@ -71,39 +97,50 @@
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.card-info-right{
|
||||
font-size: 26px;
|
||||
display: flex;align-items: flex-end;
|
||||
|
||||
.card-info-right {
|
||||
font-size: 26px;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.setup-icon{
|
||||
|
||||
.setup-icon {
|
||||
position: relative;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.icon-wrapper{
|
||||
|
||||
.icon-wrapper {
|
||||
font-size: 60px;
|
||||
}
|
||||
.icon-point{
|
||||
|
||||
.icon-point {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #ff0000;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.card-main{
|
||||
.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 {
|
||||
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 text{
|
||||
|
||||
.card-main-title text {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #ababab;
|
||||
@@ -111,23 +148,27 @@
|
||||
text-align: right;
|
||||
width: 150px;
|
||||
}
|
||||
.card-main-title-content{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5,1fr);
|
||||
|
||||
.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 {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #3c3c3c;
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
position: relative;
|
||||
}
|
||||
.card-main-title-content-item Text{
|
||||
|
||||
.card-main-title-content-item Text {
|
||||
font-size: 56px;
|
||||
color: #3C3C3C;
|
||||
}
|
||||
.card-main-title-content-item-badge{
|
||||
|
||||
.card-main-title-content-item-badge {
|
||||
padding: 0 10px;
|
||||
height: 32px;
|
||||
background: #007aff;
|
||||
@@ -138,96 +179,140 @@
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
position: absolute;top: -10px;right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.assets-title{
|
||||
.assets-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #3c3c3c;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.assets-content{
|
||||
|
||||
.assets-content {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3,1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.assets-content>view,.assets-content>navigator{
|
||||
|
||||
.assets-content>view,
|
||||
.assets-content>navigator {
|
||||
text-align: center;
|
||||
}
|
||||
.assets-content-item-top{
|
||||
|
||||
.assets-content-item-top {
|
||||
color: #007aff;
|
||||
font-weight: 400;
|
||||
}
|
||||
.assets-content-item-top-before{
|
||||
|
||||
.assets-content-item-top-before {
|
||||
font-size: 20px;
|
||||
}
|
||||
.assets-content-item-top-content{
|
||||
|
||||
.assets-content-item-top-content {
|
||||
font-size: 36px;
|
||||
}
|
||||
.assets-content-item-top-after{
|
||||
|
||||
.assets-content-item-top-after {
|
||||
font-size: 20px;
|
||||
}
|
||||
.assets-content-item-tips{
|
||||
|
||||
.assets-content-item-tips {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.main-card{
|
||||
.main-card {
|
||||
margin: 131px auto 0;
|
||||
}
|
||||
.card-feature{
|
||||
|
||||
.card-feature {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.card-main-list-content-item{
|
||||
display: flex;align-items: center;
|
||||
|
||||
.card-main-list-content-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 90px;
|
||||
}
|
||||
.card-main-list-content-item-left{
|
||||
|
||||
.card-main-list-content-item-left {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #707070;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.card-main-list-content-item-left text{
|
||||
|
||||
.card-main-list-content-item-left text {
|
||||
margin-right: 35px;
|
||||
font-size: 56px;
|
||||
color: #707070;
|
||||
}
|
||||
.card-main-list-content-item-right text{
|
||||
|
||||
.card-main-list-content-item-right text {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.auth{
|
||||
.auth {
|
||||
margin-top: 115px;
|
||||
}
|
||||
.auth-top{
|
||||
display: flex;align-items: center;justify-content: space-between;
|
||||
|
||||
.auth-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.auth-status{
|
||||
|
||||
.auth-status {
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
background: #dddddd;
|
||||
border-radius: 10px 4px 0px 0px;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
.auth-tips{
|
||||
|
||||
.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;
|
||||
width: 150px;
|
||||
text-align: right;
|
||||
}
|
||||
.auth-tips text{
|
||||
|
||||
.auth-tips,
|
||||
.auth-tips-adopt {
|
||||
color: #ABABAB;
|
||||
}
|
||||
|
||||
.auth-tips text {
|
||||
font-size: 17px;
|
||||
}
|
||||
.auth-company{
|
||||
|
||||
.auth-company {
|
||||
height: 70px;
|
||||
width: 100%;
|
||||
background: #f6f6f6;
|
||||
@@ -236,30 +321,46 @@
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
color: #707070;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.modal{
|
||||
background: rgba(0,0,0,0.6);
|
||||
position: fixed;inset: 0;
|
||||
display: flex;justify-content: center;align-items: center;
|
||||
.auth-company,
|
||||
.auth-company-adopt {
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #cde5ff;
|
||||
}
|
||||
.modal-content{
|
||||
|
||||
.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%{
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
100%{
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.modal-title{
|
||||
|
||||
.tips-modal-title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
@@ -267,53 +368,166 @@
|
||||
margin-bottom: 58px;
|
||||
padding-top: 48px;
|
||||
}
|
||||
.modal-letter{
|
||||
|
||||
.tips-modal-letter {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
padding: 0 30px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.modal-letter-text{
|
||||
|
||||
.tips-modal-letter-text {
|
||||
text-indent: 60px;
|
||||
}
|
||||
.modal-letter-beginn{
|
||||
|
||||
.tips-modal-letter-beginn {
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.modal-letter-end{
|
||||
|
||||
.tips-modal-letter-end {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
text-align: right;
|
||||
margin-top: 61px;
|
||||
}
|
||||
.modal-button{
|
||||
|
||||
.tips-modal-button {
|
||||
display: flex;
|
||||
border-top: 1px solid #DDDDDD;
|
||||
margin-top: 45px;
|
||||
}
|
||||
.modal-button button, .modal-button view{
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
|
||||
.tips-modal-button button,
|
||||
.tips-modal-button view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50%;
|
||||
height: 90px;
|
||||
background-color: white;
|
||||
}
|
||||
.modal-button button{
|
||||
|
||||
.tips-modal-button button {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
border-radius: 0;
|
||||
border-right: 1px solid #DDDDDD;
|
||||
}
|
||||
.modal-button button::after{
|
||||
|
||||
.tips-modal-button button::after {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.modal-button view{
|
||||
|
||||
.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.10);
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
+147
-74
@@ -3,79 +3,89 @@ import { memo, useEffect, useState } from "react"
|
||||
import styles from './index.module.scss'
|
||||
import classnames from "classnames";
|
||||
import { useSelector } from "@/reducers/hooks";
|
||||
import { GetAdminUserInfoApi } from "@/api/user";
|
||||
import { alert, goLink } from "@/common/common";
|
||||
|
||||
|
||||
import useLogin from '@/use/useLogin'
|
||||
import { BASE_URL } from '@/common/constant'
|
||||
import Taro from "@tarojs/taro";
|
||||
import { userassets } from "@/api/mine"
|
||||
import { formatPriceDiv } from "@/common/fotmat"
|
||||
export default () => {
|
||||
// 用户信息
|
||||
const { fetchData, state } = GetAdminUserInfoApi();
|
||||
const {adminUserInfo, userInfo} = useSelector(state => state.userInfo);
|
||||
const [mUserInfo, setMUserInfo] = useState({
|
||||
phone: ""
|
||||
});
|
||||
const getData = ()=>{
|
||||
fetchData();
|
||||
const { getSelfUserInfo } = useLogin();
|
||||
const { adminUserInfo } = useSelector(state => state.userInfo);
|
||||
useEffect(() => {
|
||||
getSelfUserInfo().then().catch(() => {
|
||||
alert.none("授权失败，请授权后再使用");
|
||||
});
|
||||
}, []);
|
||||
const handleAuth = async () => {
|
||||
getSelfUserInfo().then().catch(() => {
|
||||
alert.none("授权失败，请授权后再使用");
|
||||
});
|
||||
}
|
||||
useEffect(()=>{
|
||||
setMUserInfo({
|
||||
...mUserInfo,
|
||||
// phone: userInfo?.phone?.replace(userInfo?.phone?.substring(3,7), "****") as string
|
||||
})
|
||||
getData();
|
||||
},[]);
|
||||
|
||||
const { fetchData, state } = userassets()
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
}, [])
|
||||
return (
|
||||
<View className={styles.main}>
|
||||
<Header data={adminUserInfo} userInfo={userInfo} />
|
||||
<Assets />
|
||||
<Header data={adminUserInfo} />
|
||||
<Assets data={state} />
|
||||
<Main />
|
||||
<Modal data={adminUserInfo}/>
|
||||
{/* {(adminUserInfo as any)?.authentication_status==1&&<Modal data={adminUserInfo}/>} */}
|
||||
{/* 测试暂时添加 */}
|
||||
<View style={{ fontSize: '26rpx', textAlign: 'center' }}>{BASE_URL}</View>
|
||||
{!adminUserInfo.is_authorize_name && <View onClick={handleAuth} className={styles["auth-suspension"]}></View>}
|
||||
</View>
|
||||
)
|
||||
}
|
||||
const Modal = memo((props:any)=>{
|
||||
const {data} = props;
|
||||
const handleouter = ()=>{
|
||||
console.log(222);
|
||||
|
||||
// 提示弹窗
|
||||
const Modal = memo((props: any) => {
|
||||
const { data } = props;
|
||||
const [modalShow, setModalShow] = useState(true);
|
||||
const handleouter = () => {
|
||||
}
|
||||
return(
|
||||
return (
|
||||
<>
|
||||
{!data?.is_authorize_phone&&
|
||||
<View onClick={handleouter} catchMove className={styles['modal']}>
|
||||
<View className={styles['modal-content']} onClick={e=>e.stopPropagation()}>
|
||||
<View className={styles['modal-title']}>首次登录提醒</View>
|
||||
<View className={styles['modal-letter']}>
|
||||
<View className={styles['modal-letter-beginn']}>To: 万丰园纺织科技</View>
|
||||
<View className={styles['modal-letter-text']}>尊敬的老朋友，欢迎你使用小程序商城；由于您是我们长期合作的伙伴，你的组织已自动为你生成，关联后可查看历史订单哟。</View>
|
||||
<View className={styles['modal-letter-end']}>信息错误请联系客服</View>
|
||||
{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 className={styles['modal-button']}>
|
||||
<Button hoverClass="none" openType="concat">联系客服</Button>
|
||||
<View>我知道</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
}
|
||||
}
|
||||
</>
|
||||
)
|
||||
})
|
||||
|
||||
// 头部 | 订单
|
||||
const Header = memo((props:any) => {
|
||||
const {data, userInfo} = props;
|
||||
let menu = [{ text: "待配布", icon: "icon-daipeibu" }, { text: "待付款", icon: "icon-daifukuan" },
|
||||
{ text: "待发货", icon: "icon-daifahuo" }, { text: "已发货", icon: "icon-yifahuo" },
|
||||
{ text: "退款/售后", icon: "icon-a-tuikuanshouhou" }];
|
||||
const getPhoneNumber = (ev)=>{
|
||||
console.log(ev);
|
||||
if(ev.detail?.code){
|
||||
}else{
|
||||
alert.none("取消了授权");
|
||||
const Header = memo((props: any) => {
|
||||
const { data } = props;
|
||||
let menu = [{ text: "待配布", icon: "icon-daipeibu", url: "/pages/orderList/index" }, { text: "待付款", icon: "icon-daifukuan", url: "/pages/orderList/index" },
|
||||
{ text: "待发货", icon: "icon-daifahuo", url: "/pages/orderList/index" }, { text: "已发货", icon: "icon-yifahuo", url: "/pages/orderList/index" },
|
||||
{ text: "退款/售后", icon: "icon-a-tuikuanshouhou", url: "/pages/orderList/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'
|
||||
})
|
||||
}
|
||||
return (
|
||||
<View className={styles.header}>
|
||||
<View className={`${styles.crad} ${styles['header-card']}`}>
|
||||
@@ -90,7 +100,7 @@ const Header = memo((props:any) => {
|
||||
{data?.user_name}
|
||||
</View>
|
||||
<View className={styles['arcd-info-left-phone']}>
|
||||
{userInfo?.phone||<Button openType="getPhoneNumber" onGetPhoneNumber={getPhoneNumber}>绑定手机号码</Button>}
|
||||
{data?.phone ? data?.phone?.replace(data?.phone?.substring(3, 7), "****") : <Button openType="getPhoneNumber" onGetPhoneNumber={mGetPhoneNumber}>绑定手机号码</Button>}
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
@@ -106,16 +116,80 @@ const Header = memo((props:any) => {
|
||||
</View>
|
||||
</View>
|
||||
<View className={styles['auth']}>
|
||||
<View className={styles['auth-top']}>
|
||||
<View className={styles['auth-status']}>
|
||||
<Text>1</Text>
|
||||
认证不通过
|
||||
{(data?.authentication_status == 0 || data?.authentication_status == 1) &&
|
||||
<View className={styles['auth-box']} onClick={() => navTo()}>
|
||||
<View className={styles['auth-left-box']}>
|
||||
<View className={styles['auth-tag']}>
|
||||
未认证
|
||||
</View>
|
||||
<View className={styles['auth-cont']}>
|
||||
暂未加入或注册组织
|
||||
</View>
|
||||
</View>
|
||||
<Text className="iconfont icon-a-moreback"></Text>
|
||||
</View>
|
||||
<Navigator hoverClass="none" url="/pages/certification/index" className={styles['auth-tips']}>重新认证 <Text className="iconfont icon-a-moreback"/></Navigator>
|
||||
</View>
|
||||
<View className={styles['auth-company']}>
|
||||
佛山市带生纺织品有限公司
|
||||
</View>
|
||||
}
|
||||
{(data?.authentication_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']}>
|
||||
暂未加入或注册组织
|
||||
</View>
|
||||
</View>
|
||||
<Text className="iconfont icon-a-moreback"></Text>
|
||||
</View>
|
||||
}
|
||||
{data?.authentication_status == 2 &&
|
||||
<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 &&
|
||||
<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']}>
|
||||
@@ -126,24 +200,23 @@ const Header = memo((props:any) => {
|
||||
{
|
||||
menu.map((item, index) => {
|
||||
return (
|
||||
<View 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>
|
||||
<View>{item.text}</View>
|
||||
<View className={styles['card-main-title-content-item-badge']}>{index==2?"99+":10}</View>
|
||||
</View>
|
||||
<View className={styles['card-main-title-content-item-badge']}>{index == 2 ? "99+" : 10}</View>
|
||||
</Navigator>
|
||||
)
|
||||
})
|
||||
}
|
||||
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
})
|
||||
|
||||
// 我的资产
|
||||
const Assets = () => {
|
||||
const Assets = (props: any) => {
|
||||
console.log(props, 'propsprops')
|
||||
return (
|
||||
<View className={`${styles.assets} ${styles.crad} ${styles['main-card']}`}>
|
||||
<View className={`${styles['assets-title']}`}>我的资产</View>
|
||||
@@ -151,14 +224,14 @@ const Assets = () => {
|
||||
<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']}`}>0</Text>
|
||||
<Text className={`${styles['assets-content-item-top-after']}`}>.20</Text>
|
||||
<Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.wallet_money || 0)}</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']}`}>4</Text>
|
||||
<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>
|
||||
@@ -166,8 +239,8 @@ const Assets = () => {
|
||||
<Navigator hoverClass="none" url="/pages/creditLine/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']}`}>99999</Text>
|
||||
<Text className={`${styles['assets-content-item-top-after']}`}>.-00</Text>
|
||||
<Text className={`${styles['assets-content-item-top-content']}`}>{formatPriceDiv(props.data.data.credit_line || 0)}</Text>
|
||||
{/* <Text className={`${styles['assets-content-item-top-after']}`}>.-00</Text> */}
|
||||
</View>
|
||||
<Text className={`${styles['assets-content-item-tips']}`}>授信额度</Text>
|
||||
</Navigator>
|
||||
|
||||
Reference in New Issue
Block a user