wwl
/
bk-shop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
王文龙 2024-02-01 10:52:06 +08:00
parent 3621def2f5
commit 82a04ee96f
63 changed files with 1957 additions and 510 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/api/req-dianwu.js
View File

@ -14,7 +14,7 @@ import { SG_DIANWU_TOKEN } from '@/consts'
import log from '@/utils/log' import log from '@/utils/log'
import { HTTP_STATUS } from './consts' import { HTTP_STATUS } from './consts'
function addQuery(url, query) { function addQuery (url, query) {
return url + (url.indexOf('?') >= 0 ? '&' : '?') + query return url + (url.indexOf('?') >= 0 ? '&' : '?') + query
} }
@ -49,16 +49,16 @@ class RequestQueue {
this.isRunning = false this.isRunning = false
} }
push(req) { push (req) {
this.requestList.push(req) this.requestList.push(req)
} }
destroy() { destroy () {
this.isRunning = false this.isRunning = false
this.requestList = [] this.requestList = []
} }
run() { run () {
this.isRunning = true this.isRunning = true
const next = async () => { const next = async () => {
const req = this.requestList.shift() const req = this.requestList.shift()
@ -82,7 +82,7 @@ class API {
this.requestQueue = new RequestQueue() this.requestQueue = new RequestQueue()
} }
setOptions(opts) { setOptions (opts) {
let { baseURL = '/' } = opts let { baseURL = '/' } = opts
if (!/\/$/.test(baseURL)) { if (!/\/$/.test(baseURL)) {
baseURL = baseURL + '/' baseURL = baseURL + '/'
@ -102,7 +102,7 @@ class API {
this.options = options this.options = options
} }
errorToast(data) { errorToast (data) {
let errMsg = data.message || (data.data && data.data.message) || '操作失败，请稍后重试' let errMsg = data.message || (data.data && data.data.message) || '操作失败，请稍后重试'
if (errMsg.length > 11) { if (errMsg.length > 11) {
@ -117,11 +117,11 @@ class API {
}, 200) }, 200)
} }
getReqUrl(url) { getReqUrl (url) {
return /^http/.test(url) ? url : `${this.baseURL}${url.replace(/^\//, '')}` return /^http/.test(url) ? url : `${this.baseURL}${url.replace(/^\//, '')}`
} }
handleLogout() { handleLogout () {
this.requestQueue.destroy() this.requestQueue.destroy()
this.isRefreshingToken = false this.isRefreshingToken = false
// S.logout() // S.logout()
@ -148,7 +148,7 @@ class API {
}, 300) }, 300)
} }
intereptorReq(params) { intereptorReq (params) {
const { url, data, header = {}, method = 'GET' } = params const { url, data, header = {}, method = 'GET' } = params
const { company_id, appid } = this.options const { company_id, appid } = this.options
const methodIsGet = method.toLowerCase() === 'get' const methodIsGet = method.toLowerCase() === 'get'
@ -202,7 +202,7 @@ class API {
return config return config
} }
intereptorRes(res) { intereptorRes (res) {
const { data, statusCode, config } = res const { data, statusCode, config } = res
const { showError = true } = config const { showError = true } = config
if (statusCode == HTTP_STATUS.SUCCESS) { if (statusCode == HTTP_STATUS.SUCCESS) {
@ -241,7 +241,7 @@ class API {
return Promise.reject(this.reqError(res, `API error: ${statusCode}`)) return Promise.reject(this.reqError(res, `API error: ${statusCode}`))
} }
async refreshToken() { async refreshToken () {
this.isRefreshingToken = true this.isRefreshingToken = true
// const token = S.getAuthToken() // const token = S.getAuthToken()
const token = Taro.getStorageSync(SG_DIANWU_TOKEN) const token = Taro.getStorageSync(SG_DIANWU_TOKEN)
@ -284,7 +284,7 @@ class API {
* @return {Object} 请求返回的数据 * @return {Object} 请求返回的数据
* @memberof API * @memberof API
*/ */
async makeReq(config = {}, intereptorRes, intereptorReq) { async makeReq (config = {}, intereptorRes, intereptorReq) {
const { showLoading } = config const { showLoading } = config
const options = intereptorReq ? intereptorReq(config) : this.intereptorReq(config) const options = intereptorReq ? intereptorReq(config) : this.intereptorReq(config)
@ -301,7 +301,7 @@ class API {
const token = Taro.getStorageSync(SG_DIANWU_TOKEN) const token = Taro.getStorageSync(SG_DIANWU_TOKEN)
if ( if (
res.statusCode === HTTP_STATUS.UNAUTHORIZED && res.statusCode === HTTP_STATUS.UNAUTHORIZED &&
(res.data.data && res.data.data.status_code) === HTTP_STATUS.TOKEN_NEEDS_REFRESH && token (res.data?.data && res.data.data?.status_code) === HTTP_STATUS.TOKEN_NEEDS_REFRESH && token
// S.getAuthToken() // S.getAuthToken()
) { ) {
// token失效时重造请求，并刷新token // token失效时重造请求，并刷新token
@ -328,7 +328,7 @@ class API {
return ret return ret
} }
pendingReq(config, intereptorRes, intereptorReq, isSend) { pendingReq (config, intereptorRes, intereptorReq, isSend) {
return new Promise((resolve) => { return new Promise((resolve) => {
const pendingReq = async () => { const pendingReq = async () => {
// 仅加入队列一次 // 仅加入队列一次
@ -344,7 +344,7 @@ class API {
}) })
} }
get(url, data, config) { get (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -353,14 +353,14 @@ class API {
}) })
} }
reqError(res, msg = '') { reqError (res, msg = '') {
const errMsg = (res.data && res.data?.data?.message) || msg const errMsg = (res.data && res.data?.data?.message) || msg
const err = new Error(errMsg) const err = new Error(errMsg)
err.res = res err.res = res
return err return err
} }
post(url, data, config) { post (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -369,7 +369,7 @@ class API {
}) })
} }
put(url, data, config) { put (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -378,7 +378,7 @@ class API {
}) })
} }
delete(url, data, config) { delete (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,

46
src/api/req.js
View File

@ -13,7 +13,7 @@ import {
import log from '@/utils/log' import log from '@/utils/log'
import { HTTP_STATUS } from './consts' import { HTTP_STATUS } from './consts'
function addQuery(url, query) { function addQuery (url, query) {
return url + (url.indexOf('?') >= 0 ? '&' : '?') + query return url + (url.indexOf('?') >= 0 ? '&' : '?') + query
} }
@ -41,7 +41,7 @@ const request = (() => {
} }
// 支付宝小程序，请求失败时，需要额外处理 // 支付宝小程序，请求失败时，需要额外处理
if(isAlipay){ if (isAlipay) {
return async (...args) => { return async (...args) => {
let res let res
try { try {
@ -65,16 +65,16 @@ class RequestQueue {
this.isRunning = false this.isRunning = false
} }
push(req) { push (req) {
this.requestList.push(req) this.requestList.push(req)
} }
destroy() { destroy () {
this.isRunning = false this.isRunning = false
this.requestList = [] this.requestList = []
} }
run() { run () {
this.isRunning = true this.isRunning = true
const next = async () => { const next = async () => {
const req = this.requestList.shift() const req = this.requestList.shift()
@ -98,7 +98,7 @@ class API {
this.requestQueue = new RequestQueue() this.requestQueue = new RequestQueue()
} }
setOptions(opts) { setOptions (opts) {
let { baseURL = '/' } = opts let { baseURL = '/' } = opts
if (!/\/$/.test(baseURL)) { if (!/\/$/.test(baseURL)) {
baseURL = baseURL + '/' baseURL = baseURL + '/'
@ -118,7 +118,7 @@ class API {
this.options = options this.options = options
} }
errorToast(data) { errorToast (data) {
let errMsg = data.message || (data.data && data.data.message) || '操作失败，请稍后重试' let errMsg = data.message || (data.data && data.data.message) || '操作失败，请稍后重试'
if (errMsg.length > 11) { if (errMsg.length > 11) {
@ -133,11 +133,11 @@ class API {
}, 200) }, 200)
} }
getReqUrl(url) { getReqUrl (url) {
return /^http/.test(url) ? url : `${this.baseURL}${url.replace(/^\//, '')}` return /^http/.test(url) ? url : `${this.baseURL}${url.replace(/^\//, '')}`
} }
handleLogout() { handleLogout () {
this.requestQueue.destroy() this.requestQueue.destroy()
this.isRefreshingToken = false this.isRefreshingToken = false
S.logout() S.logout()
@ -151,19 +151,19 @@ class API {
url = '/subpages/merchant/login' url = '/subpages/merchant/login'
} else if (isGoodsShelves()) { } else if (isGoodsShelves()) {
url = '/subpages/guide/index' url = '/subpages/guide/index'
} else if (VERSION_IN_PURCHASE){ } else if (VERSION_IN_PURCHASE) {
url = `/subpages/purchase/member` url = `/subpages/purchase/member`
} else { } else {
url = `/subpages/member/index` url = `/subpages/member/index`
} }
if(path != url) { if (path != url) {
url = url + `?redirect_url=${encodeURIComponent(fullPath)}` url = url + `?redirect_url=${encodeURIComponent(fullPath)}`
Taro.redirectTo({ url }) Taro.redirectTo({ url })
} }
}, 300) }, 300)
} }
intereptorReq(params) { intereptorReq (params) {
const { url, data, header = {}, method = 'GET' } = params const { url, data, header = {}, method = 'GET' } = params
const { company_id, appid } = this.options const { company_id, appid } = this.options
const methodIsGet = method.toLowerCase() === 'get' const methodIsGet = method.toLowerCase() === 'get'
@ -216,11 +216,11 @@ class API {
return config return config
} }
intereptorRes(res) { intereptorRes (res) {
const { data, statusCode, config } = res const { data, statusCode, config } = res
const { showError = true } = config const { showError = true } = config
if (statusCode == HTTP_STATUS.SUCCESS) { if (statusCode == HTTP_STATUS.SUCCESS) {
const { status_code } = data.data const { status_code } = data.data || {}
if (!status_code) { if (!status_code) {
return data.data return data.data
} else { } else {
@ -255,10 +255,10 @@ class API {
return Promise.reject(this.reqError(res, `API error: ${statusCode}`)) return Promise.reject(this.reqError(res, `API error: ${statusCode}`))
} }
async refreshToken() { async refreshToken () {
this.isRefreshingToken = true this.isRefreshingToken = true
const token = S.getAuthToken() const token = S.getAuthToken()
console.log('refreshToken',66); console.log('refreshToken', 66)
try { try {
await this.makeReq( await this.makeReq(
{ {
@ -298,7 +298,7 @@ class API {
* @return {Object} 请求返回的数据 * @return {Object} 请求返回的数据
* @memberof API * @memberof API
*/ */
async makeReq(config = {}, intereptorRes, intereptorReq) { async makeReq (config = {}, intereptorRes, intereptorReq) {
const { showLoading } = config const { showLoading } = config
const options = intereptorReq ? intereptorReq(config) : this.intereptorReq(config) const options = intereptorReq ? intereptorReq(config) : this.intereptorReq(config)
@ -342,7 +342,7 @@ class API {
return ret return ret
} }
pendingReq(config, intereptorRes, intereptorReq, isSend) { pendingReq (config, intereptorRes, intereptorReq, isSend) {
return new Promise((resolve) => { return new Promise((resolve) => {
const pendingReq = async () => { const pendingReq = async () => {
// 仅加入队列一次 // 仅加入队列一次
@ -358,7 +358,7 @@ class API {
}) })
} }
get(url, data, config) { get (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -367,14 +367,14 @@ class API {
}) })
} }
reqError(res, msg = '') { reqError (res, msg = '') {
const errMsg = (res.data && res.data?.data?.message) || msg const errMsg = (res.data && res.data?.data?.message) || msg
const err = new Error(errMsg) const err = new Error(errMsg)
err.res = res err.res = res
return err return err
} }
post(url, data, config) { post (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -383,7 +383,7 @@ class API {
}) })
} }
put(url, data, config) { put (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,
@ -392,7 +392,7 @@ class API {
}) })
} }
delete(url, data, config) { delete (url, data, config) {
return this.makeReq({ return this.makeReq({
...config, ...config,
url, url,

9
src/api/shop.js
View File

@ -87,7 +87,7 @@ export function getShopTemplate (params) {
/** /**
* @function 店铺首页模版配置 * @function 店铺首页模版配置
*/ */
export function getStoreShopTemplate (params) { export function getStoreShopTemplate (params) {
return req.get(`/pagestemplate/shopDetail`, { return req.get(`/pagestemplate/shopDetail`, {
template_name: 'yykweishop', template_name: 'yykweishop',
weapp_pages: 'index', weapp_pages: 'index',
@ -102,6 +102,11 @@ export function getMapKeyDetail (params) {
} }
// 获取小程序价格配置 // 获取小程序价格配置
export function getAppGoodsPriceSetting() { export function getAppGoodsPriceSetting () {
return req.get('/setting/itemPrice') return req.get('/setting/itemPrice')
} }
// 获取首页轮播图
export function homeSwiperList (params) {
return req.get('/xiudibanner', params)
}

2
src/app.config.js
View File

@ -275,6 +275,8 @@ const config = {
'pages/trade/refund-detail', //售后申请提交结果页面 'pages/trade/refund-detail', //售后申请提交结果页面
'pages/trade/refund-sendback', //售后填写物流公司页面 'pages/trade/refund-sendback', //售后填写物流公司页面
'pages/trade/invoice-list', //发票管理 'pages/trade/invoice-list', //发票管理
'pages/trade/invoice-info', //发票信息
'pages/trade/invoice-record', //发票列表
// 'pages/cashier/index', //收银台页面 // 'pages/cashier/index', //收银台页面
// 'pages/cashier/cashier-result', //支付结果页面 // 'pages/cashier/cashier-result', //支付结果页面
'pages/qrcode-buy', //二维码购买页 'pages/qrcode-buy', //二维码购买页

29
src/components/address/address.scss
View File

@ -9,7 +9,21 @@
.address { .address {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 24px 16px; padding: 24px 28px;
.dz-addr {
font-size: 40px;
color: #000;
line-height: 1;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
.bj {
font-size: 26px;
line-height: 1;
padding: 18px 20px;
}
}
} }
// choose-address // choose-address
&__bd { &__bd {
@ -28,16 +42,17 @@
} }
.user-info-trade { .user-info-trade {
color: #666; color: #666;
font-size: 28px; font-size: 26px;
.name { .name {
margin-right: $edge-margin; margin-right: 8px;
} }
} }
.address-detail { .address-detail {
color: #222; color: #666;
font-weight: bold; // font-weight: bold;
font-size: 32px; font-size: 26px;
padding: 24px 0; // padding: 24px 0;
padding-top: 6px;
} }
.address-area { .address-area {
color: #666; color: #666;

18
src/components/address/choose-address.js
View File

@ -17,10 +17,10 @@ import './address.scss'
) )
export default class AddressChoose extends Component { export default class AddressChoose extends Component {
static defaultProps = { static defaultProps = {
onClickBack: () => {} onClickBack: () => { }
} }
constructor (props) { constructor(props) {
super(props) super(props)
this.state = {} this.state = {}
@ -45,25 +45,31 @@ export default class AddressChoose extends Component {
return ( return (
<View className='address-picker'> <View className='address-picker'>
<View className='address' onClick={this.clickTo.bind(this, 'choose')}> <View className='address'>
{isObjectsValue(isAddress) ? ( {isObjectsValue(isAddress) ? (
<View className='address-picker__bd'> <View className='address-picker__bd'>
<View className='address-receive'> <View className='address-receive'>
<View className='info-trade'> <View className='info-trade'>
<View className='address-area'> {/* <View className='address-area'>
{isAddress.is_def && <View className='def'>默认</View>} {isAddress.is_def && <View className='def'>默认</View>}
{isAddress.province} {isAddress.province}
{isAddress.city} {isAddress.city}
{isAddress.county} {isAddress.county}
</View> */}
<View className="dz-addr">
<Text>收货地址</Text>
<Text className='bj' onClick={this.clickTo.bind(this, 'choose')}>编辑</Text>
</View> </View>
<View className='address-detail'>{isAddress.adrdetail}</View>
<View className='user-info-trade'> <View className='user-info-trade'>
<Text className='name'>{isAddress.username}</Text> <Text className='name'>{isAddress.username}</Text>
<Text>{isAddress.telephone}</Text> <Text>{isAddress.telephone}</Text>
</View> </View>
<View className='address-detail'> {isAddress.province}
{isAddress.city}
{isAddress.county}{isAddress.adrdetail}</View>
</View> </View>
</View> </View>
<View className='sp-cell__ft-icon iconfont icon-arrowRight'></View> {/* <View className='sp-cell__ft-icon iconfont icon-arrowRight'></View> */}
</View> </View>
) : ( ) : (
<View className='address-info__bd'>+请选择收货地址</View> <View className='address-info__bd'>+请选择收货地址</View>

3
src/components/search-bar/index.scss
View File

@ -5,7 +5,7 @@
box-sizing: border-box; box-sizing: border-box;
&__focus { &__focus {
height: 100vh; height: 100vh;
z-index: 10; z-index: 99;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -14,6 +14,7 @@
padding: 16px 28px; padding: 16px 28px;
background: #fff; background: #fff;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden;
&.without-dialog { &.without-dialog {
height: auto; height: auto;
} }

19
src/components/sp-checkbox/index.scss
View File

@ -6,8 +6,25 @@
margin-left: 10px; margin-left: 10px;
} }
.icon-my { .icon-my {
transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out;
} }
@keyframes scale {
0% {
transform: scale(0.1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
// .icon-checkbox-weixuan {
// animation: scale 0.5s reverse forwards;
// }
// .icon-checkbox-xuanzhong {
// animation: scale 0.5s forwards;
// }
.icon-checkbox-xuanzhong, .icon-checkbox-xuanzhong,
.icon-roundcheckfill { .icon-roundcheckfill {
font-size: 40px; font-size: 40px;

2
src/components/sp-default/index.js
View File

@ -7,7 +7,7 @@ import './index.scss'
const TYPES = { const TYPES = {
// cart: 'empty_cart.png' // cart: 'empty_cart.png'
cart: 'index/logo.png' cart: 'cart/logo-hui.png'
} }
function SpDefault (props) { function SpDefault (props) {

20
src/components/sp-filter-bar-new/index.js
View File

@ -16,9 +16,9 @@ export default class SpFilterBar extends Component {
sort: {}, sort: {},
current: 0, current: 0,
list: [ list: [
{ text: '推荐', val: '0' }, // { text: '推荐', val: '0' },
{ text: '上架时间', val: '3' }, { text: '上架时间', val: '6' }, //更新时间降序
{ text: '价格低-高', val: '1' }, { text: '价格低-高', val: '3' },
{ text: '价格高-低', val: '2' }, { text: '价格高-低', val: '2' },
] ]
} }
@ -31,6 +31,7 @@ export default class SpFilterBar extends Component {
curIdx: current, curIdx: current,
sortOrder: 1, sortOrder: 1,
value: '0', value: '0',
sortVal: '0',
showFilter: false showFilter: false
} }
} }
@ -54,19 +55,18 @@ export default class SpFilterBar extends Component {
}) })
} }
handleConfirm = (val, index) => { handleConfirm = ({ val }, index) => {
console.log("🚀 ~ SpFilterBar ~ val:", val, index)
// this.setState({ // this.setState({
// value: val // value: val
// }) // })
// this.props.onChange({ this.props.onChange({
// current: val current: val
// }) })
} }
render () { render () {
const { list = [], className, custom, color, num } = this.props const { list = [], className, custom, color, num } = this.props
const { sortOrder, curIdx, value, showFilter } = this.state const { sortOrder, curIdx, value, showFilter, sortVal } = this.state
return ( return (
<View className={classNames('sp-filter-bar', className)}> <View className={classNames('sp-filter-bar', className)}>
@ -95,7 +95,7 @@ export default class SpFilterBar extends Component {
<AtIcon value='menu' size='16' color='#000'></AtIcon> <AtIcon value='menu' size='16' color='#000'></AtIcon>
</View> </View>
</SpPicker> </SpPicker>
<SpPicker mode="select" source={list} value={value} pickerConfirm={this.handleConfirm.bind(this)} leftBtnTxt="排序" rightBtnTxt={<AtIcon value="close" size={14} color="#000"></AtIcon>}> <SpPicker mode="select" source={list} value={sortVal} pickerConfirm={this.handleConfirm.bind(this)} leftBtnTxt="排序" rightBtnTxt={<AtIcon value="close" size={14} color="#000"></AtIcon>}>
<View className="item item-right"> <View className="item item-right">
<Text className='text'>排序</Text> <Text className='text'>排序</Text>
<Image className="img" src={require('@/assets/icon/sort.png')}></Image> <Image className="img" src={require('@/assets/icon/sort.png')}></Image>

40
src/components/sp-goods-cell/index.js
View File

@ -7,13 +7,29 @@ import { GOODS_TYPE } from '@/consts'
import { VERSION_IN_PURCHASE } from '@/utils' import { VERSION_IN_PURCHASE } from '@/utils'
import './index.scss' import './index.scss'
function SpGoodsCell(props) { function SpGoodsCell (props) {
const { info, onSelectSku } = props const { info, onSelectSku } = props
const { userInfo = {}, vipInfo = {} } = useSelector((state) => state.user) const { userInfo = {}, vipInfo = {} } = useSelector((state) => state.user)
if (!info) { if (!info) {
return null return null
} }
const desc = info.itemSpecDesc
let desc_info = ''
if (desc) {
try {
const descArr = desc.split(',')
descArr.forEach((item, index) => {
let [_, value] = item.split(':')
if (index === 1) {
value = value.substring(0, 2)
}
desc_info += value + ' '
})
} catch (error) {
}
}
const handleClick = () => { const handleClick = () => {
onSelectSku && onSelectSku(info) onSelectSku && onSelectSku(info)
} }
@ -45,9 +61,10 @@ function SpGoodsCell(props) {
// console.log('isNaN(memberPrice):', info.orderItemType) // console.log('isNaN(memberPrice):', info.orderItemType)
return ( return (
<>
<View className='sp-goods-cell'> <View className='sp-goods-cell'>
<View className='goods-item-hd'> <View className='goods-item-hd'>
<SpImage mode='aspectFit' src={info.img} width={180} height={180} /> <SpImage mode='aspectFit' src={info.img} width={150} height={150} />
</View> </View>
<View className='goods-item-bd'> <View className='goods-item-bd'>
<View className='item-hd'> <View className='item-hd'>
@ -60,11 +77,11 @@ function SpGoodsCell(props) {
<View className='goods-sku' onClick={handleClick}> <View className='goods-sku' onClick={handleClick}>
{onSelectSku && ( {onSelectSku && (
<View className='spec-text'> <View className='spec-text'>
{info.specText || '选择规格'} {desc_info || info.specText || '选择规格'}
<Text className='iconfont icon-qianwang-01'></Text> <Text className='iconfont icon-qianwang-01'></Text>
</View> </View>
)} )}
{!onSelectSku && info.itemSpecDesc} {!onSelectSku && (desc_info || info.itemSpecDesc)}
</View> </View>
)} )}
</View> </View>
@ -111,23 +128,24 @@ function SpGoodsCell(props) {
{/* {limitTxt && <View className='goods-type'>{limitTxt}</View>} */} {/* {limitTxt && <View className='goods-type'>{limitTxt}</View>} */}
</View> </View>
<View className='item-ft'> <View className='item-ft'>
{info.num && <Text className='item-num'>数量：{info.num}</Text>}
</View>
</View>
</View>
<View className='price-gp'> <View className='price-gp'>
{isPoint && <SpPoint value={point} />} {isPoint && <SpPoint value={point} />}
{!isPoint && <SpPrice value={_price}></SpPrice>} {!isPoint && <SpPrice value={_price} noDecimal={false} showSeparator ></SpPrice>}
{info.marketPrice > 0 && ( {info.marketPrice > 0 && (
<SpPrice <SpPrice
className='market-price' className='market-price'
size={28} size={32}
lineThrough lineThrough
value={info.marketPrice} value={info.marketPrice}
></SpPrice> ></SpPrice>
)} )}
</View> </View>
</>
{info.num && <Text className='item-num'>x {info.num}</Text>}
</View>
</View>
</View>
) )
} }

23
src/components/sp-goods-cell/index.scss
View File

@ -1,12 +1,17 @@
.sp-goods-cell { .sp-goods-cell {
display: flex; display: flex;
.goods-item-hd { .goods-item-hd {
margin-right: 24px; margin-right: 60px;
} }
.goods-item-bd { .goods-item-bd {
flex: 1; flex: 1;
// flex-direction: column;
// display: flex;
// justify-content: space-between;
.goods-title { .goods-title {
max-width: 400px; max-width: 400px;
font-size: 20px;
color: #000;
@include multi-ellipsis(2); @include multi-ellipsis(2);
} }
.item-bd { .item-bd {
@ -16,13 +21,15 @@
justify-content: space-between; justify-content: space-between;
.goods-sku { .goods-sku {
background: #f5f5f5; // background: #f5f5f5;
height: 46px; // height: 46px;
line-height: 46px; // line-height: 46px;
padding: 0 2px; // padding: 0 2px;
color: #666; color: #333;
display: inline-block; display: inline-block;
max-width: 400px; max-width: 400px;
font-size: 20px;
padding: 26px 0;
@include text-overflow(); @include text-overflow();
} }
} }
@ -30,6 +37,8 @@
.item-ft { .item-ft {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 20px;
line-height: 1;
.price-gp { .price-gp {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
@ -43,7 +52,7 @@
.spec-text { .spec-text {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 26px; font-size: 20px;
color: #222; color: #222;
.icon-qianwang-01 { .icon-qianwang-01 {
font-size: 16px; font-size: 16px;

75
src/components/sp-goods-item/index.js
View File

@ -4,6 +4,7 @@ import Taro, { getCurrentInstance } from '@tarojs/taro'
import { View, Text, Image, ScrollView } from '@tarojs/components' import { View, Text, Image, ScrollView } from '@tarojs/components'
import { SpImage, SpPoint, SpPrice, SpVipLabel } from '@/components' import { SpImage, SpPoint, SpPrice, SpVipLabel } from '@/components'
import { fetchUserFavs, addUserFav, deleteUserFav } from '@/store/slices/user' import { fetchUserFavs, addUserFav, deleteUserFav } from '@/store/slices/user'
import throttle from 'lodash/throttle'
import qs from 'qs' import qs from 'qs'
import api from '@/api' import api from '@/api'
import S from '@/spx' import S from '@/spx'
@ -45,6 +46,12 @@ function SpGoodsItem (props) {
const [info, setInfo] = useState(props.info || null) const [info, setInfo] = useState(props.info || null)
const [current, setCurrent] = useState(0) const [current, setCurrent] = useState(0)
const [move, setMove] = useState(0) const [move, setMove] = useState(0)
const [selColorItem, setSelColorItem] = useState({})
const setSelColor = (index, item) => {
setCurrent(index)
setSelColorItem(item)
}
const handleFavClick = async (e) => { const handleFavClick = async (e) => {
e.stopPropagation() e.stopPropagation()
@ -65,16 +72,16 @@ function SpGoodsItem (props) {
} }
const handleClick = () => { const handleClick = () => {
const { itemId, distributorId, card_id, code, user_card_id, point } = info const { itemId, item_id, distributorId, distributor_id, card_id, code, user_card_id, point } = info
if (onClick) { if (onClick) {
onClick() onClick()
return return
} }
let query = { id: itemId } let query = { id: itemId || item_id }
if (typeof distributorId != 'undefined') { if (typeof distributorId != 'undefined' || typeof distributor_id != 'undefined') {
query = { query = {
...query, ...query,
dtid: distributorId dtid: distributorId || distributor_id
} }
} }
if (card_id) { if (card_id) {
@ -85,8 +92,9 @@ function SpGoodsItem (props) {
user_card_id user_card_id
} }
} }
query.idx = current
const url = `${!!point ? '/subpages/pointshop/espier-detail' : '/pages/item/espier-detail'}?${qs.stringify(query)}` // const url = `${!!point ? '/subpages/pointshop/espier-detail' : '/pages/item/espier-detail'}?${qs.stringify(query)}`
const url = `${'/pages/item/espier-detail'}?${qs.stringify(query)}`
Taro.navigateTo({ Taro.navigateTo({
url url
}) })
@ -96,17 +104,38 @@ function SpGoodsItem (props) {
return null return null
} }
const colors = [{ color: '#000' }, { color: '#fff' }, { color: 'skyblue' }, { color: 'purple' }] const colors = [{ color_value: '#000' }, { color_value: '#fff' }, { color_value: 'skyblue' }, { color_value: 'purple' }]
// console.log( "favs:", favs );
const isFaved = favs.findIndex((item) => item.item_id == info.itemId) > -1 const isFaved = favs.findIndex((item) => item.item_id == info.itemId) > -1
const isShowStore = const isShowStore =
!hideStore && VERSION_PLATFORM && info.distributor_info && !Array.isArray(info.distributor_info) !hideStore && VERSION_PLATFORM && info.distributor_info && !Array.isArray(info.distributor_info)
let left = false
const handleLeft = () => {
if (left) return
left = true
setMove(move > 1 ? move - 1 : 0)
setTimeout(() => {
left = false
}, 800)
}
let right = false
const i = (info.spec_images || colors).length
const handleRight = () => {
if (right) return
right = true
setMove(move < i - 2 ? move + 1 : move)
setTimeout(() => {
right = false
}, 1000)
}
return ( return (
<View className={classNames('sp-goods-item')} onClick={handleClick.bind(this)}> <View className={classNames('sp-goods-item')} onClick={handleClick.bind(this)}>
<View className='goods-item__hd'> <View className='goods-item__hd'>
<SpImage lazyLoad src={info.pic} height={height} width={width} mode={"scaleToFill"} /> <SpImage lazyLoad src={selColorItem.item_image_url?.[0] || info.spec_images?.[0]?.item_image_url?.[0] || info.pic} height={height} width={width} mode={"scaleToFill"} />
<View className="new">NEW</View> {info.tagList.map((item, index) => <View className="new" style={{ borderColor: item.tag_color, color: item.font_color, left: index === 0 ? '20rpx' : index * 30 + 8 + 'rpx' }} key={index + item.item_id}>{item.tag_name}</View>)}
{/* <View className="new" style={{ left: '120rpx' }}>NEW</View> */}
</View> </View>
{/* {renderBrand && <View className='goods-brand-wrap'>{renderBrand}</View>} */} {/* {renderBrand && <View className='goods-brand-wrap'>{renderBrand}</View>} */}
<View className='goods-item__bd'> <View className='goods-item__bd'>
@ -124,26 +153,26 @@ function SpGoodsItem (props) {
)} )}
<View className='goods-info'> <View className='goods-info'>
<View className='goods-desc'>{info.brief}</View> <View className='goods-desc-text'>{info.item_name || info.itemName}</View>
<View className='goods-title'>{info.itemName}</View> <View className='goods-title'>{info.brief}</View>
{showSalePrice && <> {showSalePrice && <>
<View className="goods-price"> <View className="goods-price">
<Text className="symobol">¥</Text> <Text className="symobol">¥</Text>
<Text className="price">{info.activityPrice || info.price}</Text> <Text className="price">{info.activityPrice || info.price}</Text>
</View> </View>
<View className="switch-color" onClick={(e) => e.stopPropagation()}> <View className="switch-color" onClick={(e) => e.stopPropagation()}>
<Text className="icon-my icon-arrow" onClick={() => setMove(move > 1 ? move - 1 : 0)}></Text> <Text className="icon-my icon-arrow" onClick={handleLeft}></Text>
<ScrollView onScroll={(e) => { <ScrollView onScroll={(e) => {
console.log(e.detail.scrollLeft / 32) // console.log(e.detail.scrollLeft / 32)
// setMove(Math.floor(e.detail.scrollLeft / 32)) // setMove(Math.floor(e.detail.scrollLeft / 32))
}} scrollLeft={move * 32} scrollX scrollWithAnimation className='color-box' showScrollbar={false}> }} scrollLeft={move * 32} scrollX scrollWithAnimation className='color-box' showScrollbar={false}>
{(info.colors || colors).map((item, index) => ( {(info.spec_images || colors).map((item, index) => (
<View className='color-item' style={{ transfor: `translateX(-${move * 32}px)` }} onClick={() => setCurrent(index)}> <View className='color-item' style={{ transform: `translateX(-${move * 32}px)` }} onClick={() => setSelColor(index, item)} key={`color__${index}`}>
<View className={`color${index == current ? ' active' : ''}`} style={{ backgroundColor: item.color || '#000' }} key={`color__${index}`}></View> <View className={`color${index == current ? ' active' : ''}`} style={{ backgroundColor: item.color_value || '#000' }}></View>
</View> </View>
))} ))}
</ScrollView> </ScrollView>
<Text className="icon-my icon-arrow-right" onClick={() => setMove(move < (info.colors || colors).length - 2 ? move + 1 : move)}></Text> <Text className="icon-my icon-arrow-right" onClick={handleRight}></Text>
</View> </View>
</>} </>}
</View> </View>
@ -159,13 +188,13 @@ function SpGoodsItem (props) {
</View> </View>
)} )}
<View className='bd-block'> {false && <View className='bd-block'>
{/* 商品价格、积分 */} {/* 商品价格、积分 */}
{info.point && ( {/* {info.point && (
<View className='goods-point'> <View className='goods-point'>
<SpPoint value={info.point} /> <SpPoint value={info.point} />
</View> </View>
)} )} */}
{!info.point && showPrice && ( {!info.point && showPrice && (
<View className='goods-price'> <View className='goods-price'>
@ -225,10 +254,10 @@ function SpGoodsItem (props) {
/> />
</View> </View>
)} */} )} */}
</View> </View>}
{isShowStore && ( {isShowStore && (
<View className='goods__store' onClick={() => onStoreClick(info)}> <View className='goods__store' onClick={() => onStoreClick(info, current)}>
<SpImage <SpImage
src={info.distributor_info.distributor_info || 'shop_default_logo.png'} src={info.distributor_info.distributor_info || 'shop_default_logo.png'}
width={60} width={60}

28
src/components/sp-goods-item/index.scss
View File

@ -2,7 +2,8 @@
background-color: #fff; background-color: #fff;
// border-radius: 4px; // border-radius: 4px;
overflow: hidden; overflow: hidden;
padding-bottom: 24px; padding-bottom: 20px;
animation: fadeInAnimation 0.35s ease-in;
// background-color: #222; // background-color: #222;
.goods-item { .goods-item {
&__hd { &__hd {
@ -11,6 +12,9 @@
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
image {
animation: fadeInAnimation 0.35s ease-in;
}
// padding-top: 100%; // padding-top: 100%;
// position: relative; // position: relative;
// .sp-image { // .sp-image {
@ -39,7 +43,7 @@
} }
&__bd { &__bd {
border-radius: 0; border-radius: 0;
padding: 10px 16px 0; padding: 20px 16px 0;
box-sizing: border-box; box-sizing: border-box;
.goods-info { .goods-info {
display: flex; display: flex;
@ -49,7 +53,7 @@
margin: 0 auto; margin: 0 auto;
line-height: 1; line-height: 1;
.switch-color { .switch-color {
margin-top: 12px; margin-top: 10px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -101,16 +105,22 @@
font-size: 16px; font-size: 16px;
color: #000; color: #000;
// font-weight: bold; // font-weight: bold;
margin: 12px auto; padding: 10px 20px;
text-align: center;
width: 100%;
box-sizing: border-box;
line-height: 1;
@include multi-ellipsis(2); @include multi-ellipsis(2);
// padding-top: 15px; // padding-top: 15px;
// padding: 15px; // padding: 15px;
} }
.goods-desc { .goods-desc-text {
font-size: 16px; font-size: 16px;
height: auto;
// color: $color-hint-text; // color: $color-hint-text;
color: #000; color: #000;
@include multi-ellipsis(2); @include multi-ellipsis(2);
padding: 2px 0;
} }
.goods-price { .goods-price {
font-weight: bold; font-weight: bold;
@ -203,3 +213,11 @@
} }
} }
} }
@keyframes fadeInAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

14
src/components/sp-input-number/index.js
View File

@ -8,7 +8,7 @@ import AtComponent from './component'
import './index.scss' import './index.scss'
// 实现两数相加并保留小数点后最短尾数 // 实现两数相加并保留小数点后最短尾数
function addNum(num1, num2) { function addNum (num1, num2) {
let sq1, sq2 let sq1, sq2
try { try {
sq1 = _toString(num1).split('.')[1].length sq1 = _toString(num1).split('.')[1].length
@ -25,7 +25,7 @@ function addNum(num1, num2) {
} }
// 格式化数字，处理01变成1,并且不处理1. 这种情况 // 格式化数字，处理01变成1,并且不处理1. 这种情况
function parseValue(num) { function parseValue (num) {
if (num === '') return '0' if (num === '') return '0'
const numStr = _toString(num) const numStr = _toString(num)
@ -37,7 +37,7 @@ function parseValue(num) {
} }
class AtInputNumber extends AtComponent { class AtInputNumber extends AtComponent {
handleClick(clickType) { handleClick (clickType) {
const { disabled, value, min, max, step } = this.props const { disabled, value, min, max, step } = this.props
const lowThanMin = clickType === 'minus' && value <= min const lowThanMin = clickType === 'minus' && value <= min
const overThanMax = clickType === 'plus' && value >= max const overThanMax = clickType === 'plus' && value >= max
@ -104,14 +104,14 @@ class AtInputNumber extends AtComponent {
this.props.onErrorInput(errorValue) this.props.onErrorInput(errorValue)
} }
render() { render () {
const { customStyle, className, width, disabled, value, type, min, max, size } = this.props const { customStyle, className, width, disabled, value, type, min, max, size } = this.props
const inputStyle = { const inputStyle = {
width: width ? `${Taro.pxTransform(width)}` : '' width: width ? `${Taro.pxTransform(width)}` : ''
} }
const inputValue = this.handleValue(value) const inputValue = this.handleValue(value)
console.log('inputValue', inputValue, max, inputValue >= parseInt(max)) // console.log('inputValue', inputValue, max, inputValue >= parseInt(max))
const rootCls = classNames( const rootCls = classNames(
'sp-input-number', 'sp-input-number',
'at-input-number', 'at-input-number',
@ -161,8 +161,8 @@ AtInputNumber.defaultProps = {
max: 100, max: 100,
step: 1, step: 1,
size: '', size: '',
onChange: () => {}, onChange: () => { },
onBlur: () => {} onBlur: () => { }
} }
export default AtInputNumber export default AtInputNumber

114
src/components/sp-login/index.scss
View File

@ -99,4 +99,118 @@
padding: 0 50px 50px; padding: 0 50px 50px;
} }
} }
.curtain {
.at-curtain__container {
width: 100%;
padding: 0 30px;
}
.at-curtain__btn-close--bottom {
display: none;
}
&.show {
opacity: 1;
visibility: visible;
}
&.hide {
opacity: 0;
visibility: hidden;
}
&_mask {
display: flex;
position: relative;
width: 100%;
height: 100%;
// padding: 100px 30px;
justify-content: center;
align-items: center;
box-sizing: border-box;
opacity: 1;
}
&_content {
width: 100%;
background-color: #fff;
border-radius: 10px;
padding: 60px 46px 30px;
box-sizing: border-box;
&_title {
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
line-height: 1;
margin-bottom: 80px;
color: #000;
.sp-image {
margin-right: 4px;
}
}
&_text {
font-size: 26px;
line-height: 2;
max-height: 620px;
color: #000;
}
.agreement-list {
display: inline-block;
}
.agreement-name {
color: #14287e;
padding: 0px 2px;
// font-size: 26px;
}
}
.btn-wrap {
position: relative;
}
.btn {
margin-top: 40px;
margin-bottom: 30px;
}
.no-btn {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0 32rpx;
height: 80rpx;
color: #222;
font-size: 32rpx;
line-height: 78rpx;
text-align: center;
border-radius: 8rpx;
border: 1px solid #000;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.no-text {
color: #7e7e7e;
font-size: 20rpx;
margin-top: 28rpx;
line-height: 1.4;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}
.btn-cantact {
background: transparent;
// background: skyblue;
padding: 0;
position: absolute;
top: 0;
left: 0;
border: none;
width: 600px;
height: 80px;
z-index: 10;
&:after {
border-width: 0;
}
}
} }

46
src/components/sp-login/index.weapp.js
View File

@ -1,6 +1,6 @@
import Taro from '@tarojs/taro' import Taro from '@tarojs/taro'
import React, { useEffect, useState, useCallback, useRef, useImperativeHandle } from 'react' import React, { useEffect, useState, useCallback, useRef, useImperativeHandle } from 'react'
import { View, Text, Button } from '@tarojs/components' import { View, Text, Button, ScrollView } from '@tarojs/components'
import { AtButton, AtCurtain } from 'taro-ui' import { AtButton, AtCurtain } from 'taro-ui'
import { useImmer } from 'use-immer' import { useImmer } from 'use-immer'
import S from '@/spx' import S from '@/spx'
@ -19,7 +19,7 @@ const initialState = {
privacyName: '', privacyName: '',
agreeMentChecked: false agreeMentChecked: false
} }
function SpLogin(props, ref) { function SpLogin (props, ref) {
const { children, className, onChange, newUser = false } = props const { children, className, onChange, newUser = false } = props
const { isLogin, login, setToken, checkPolicyChange } = useLogin({ const { isLogin, login, setToken, checkPolicyChange } = useLogin({
policyUpdateHook: (isUpdate) => { policyUpdateHook: (isUpdate) => {
@ -203,12 +203,13 @@ function SpLogin(props, ref) {
{/* 授权登录 */} {/* 授权登录 */}
<AtCurtain <AtCurtain
className='curtain'
isOpened={loginModal} isOpened={loginModal}
onClose={() => { onClose={() => {
setLoginModal(false) setLoginModal(false)
}} }}
> >
<View className='login-modal'> {/* <View className='login-modal'>
<View className='login-modal__hd'> <View className='login-modal__hd'>
<SpImage circle src={icon} width={120} height={120} /> <SpImage circle src={icon} width={120} height={120} />
<View className='nick-name'>{nickname}</View> <View className='nick-name'>{nickname}</View>
@ -232,6 +233,45 @@ function SpLogin(props, ref) {
登录 登录
</AtButton>} </AtButton>}
</View> </View>
</View> */}
<View className="curtain_content">
<View className="curtain_content_title">
<SpImage src={`member/logo-black.png`} height={32} mode='heightFix' isNew />
<View className="">隐私政策</View>
</View>
<ScrollView scrollY
scrollWithAnimation className="curtain_content_text" showScrollbar={false} enhanced>
亲爱的用户,感谢您使用Birkenstock微信小程序!为了加强对您个人信息的保护,我们根据最新法律的要求制定/更新了
<View className="agreement-list">
<Text className='agreement-name' onClick={handleClickPrivacy.bind(this, 'member_register')}>《{registerName}》</Text>和
<Text className='agreement-name' onClick={handleClickPrivacy.bind(this, 'privacy')}>《{privacyName}》</Text>
</View>,我们将基于合法以及正当必要的原则,按照本政策的规定向您提供各项服务
<View>
本政策旨在向您说明休迪贸易 (上海)有限公司及其在中国大陆境内的线上线下门店如何收集、使用、传输和保护您的个人信息
通过《隐私政策》,我们向您主要说明:
</View>
<View className="">
1.您在使用Birkenstock微信小程序时,可以选择浏览模式,也可以选择注册/登录成为Birkenstock微信小程序用户
</View>
<View className="">
2为了向你提供Birkenstock微信小程序的其本服条,我们将基于合法以及正当必要的原则,按照本政策的规定向您提供各项服务
</View>
</ScrollView>
<View className='btn-wrap'>
{isNewUser && <AtButton className='btn' type='primary' openType="getPhoneNumber" onGetPhoneNumber={(e) => {
setLoginModal(false)
handleBindPhone(e)
}}>
同意并继续
</AtButton>}
{!isNewUser && <AtButton className='btn' type='primary' onClick={handleUserLogin}>
同意并继续
</AtButton>}
</View>
<View className="no-btn" onClick={() => setLoginModal(false)}>不同意</View>
<View className="no-text">
*如果您不同意Birkenstock隐私政策，您可继续浏览小程序，但您无法使用购物结算功能
</View>
</View> </View>
</AtCurtain> </AtCurtain>
</View> </View>

7
src/components/sp-order-item/index.js
View File

@ -54,9 +54,8 @@ function SpOrderItem (props) {
} }
} }
const img = info.pic_path ? info.pic_path : Array.isArray(info.pics) ? info.pics[0] : info.pics const img = info.pic || info.pic_path ? info.pic_path : Array.isArray(info.pics) ? info.pics[0] : info.pics
const title = info.title || info.item_name
// console.log('order item info:', info)
return ( return (
<View className='sp-order-item' onClick={onClick}> <View className='sp-order-item' onClick={onClick}>
@ -72,7 +71,7 @@ function SpOrderItem (props) {
{info.order_item_type === 'gift' && ( {info.order_item_type === 'gift' && (
<Text className='sp-order-item__title-tag'>赠品</Text> <Text className='sp-order-item__title-tag'>赠品</Text>
)} )}
{info.title} {title}
</View> </View>
{showDesc && info.item_spec_desc && ( {showDesc && info.item_spec_desc && (
<Text className='sp-order-item__spec'>{info.item_spec_desc}</Text> <Text className='sp-order-item__spec'>{info.item_spec_desc}</Text>

2
src/components/sp-page/index.js
View File

@ -255,7 +255,7 @@ function SpPage (props, ref) {
} }
renderTitle = showCustomNavigation && showNavLogo ? <SpImage src={`member/logo-${isBlack ? "black" : "light"}.png`} height={34} mode='heightFix' isNew /> : undefined renderTitle = showCustomNavigation && showNavLogo ? <SpImage src={`member/logo-${isBlack ? "black" : "light"}.png`} height={34} mode='heightFix' isNew /> : undefined
const navigationBarTitleText = getCurrentInstance().page?.config?.navigationBarTitleText const navigationBarTitleText = props.navigationBarTitleText || getCurrentInstance().page?.config?.navigationBarTitleText
return ( return (
<View <View
className={classNames('custom-navigation', { className={classNames('custom-navigation', {

14
src/components/sp-picker/index.js
View File

@ -26,10 +26,14 @@ const initialState = {
} }
function SpPicker (props) { function SpPicker (props) {
const { mode, children, leftBtnTxt = '取消', rightBtnTxt = '确定', source = [], value, pickerConfirm, isTop = false } = props const { mode, children, leftBtnTxt = '取消', rightBtnTxt = '确定', source = [], value, pickerConfirm, isTop = false } = props
const [state, setState] = useImmer(initialState) const [state, setState] = useImmer({ ...initialState, value })
const { visible, isOpen, list } = state const { visible, isOpen, list } = state
const handlerChange = () => { } const handlerChange = (value) => {
// setState((draft) => {
// draft.value = value
// })
}
const onPickerCancel = () => { const onPickerCancel = () => {
setState((draft) => { setState((draft) => {
@ -43,7 +47,7 @@ function SpPicker (props) {
// const pickerConfirm = () => { } // const pickerConfirm = () => { }
return ( return (
<View className='sp-picker'> <View className='sp-picker' style={{ 'z-index': isTop ? 999 : 10 }}>
<View <View
className='picker-value' className='picker-value'
onClick={() => { onClick={() => {
@ -91,7 +95,7 @@ function SpPicker (props) {
value={value} value={value}
fields='minute' fields='minute'
onPickerCancel={onPickerCancel} onPickerCancel={onPickerCancel}
// change={handlerChange} onChange={handlerChange}
handleConfirm={pickerConfirm} handleConfirm={pickerConfirm}
/> />
) : null} ) : null}
@ -127,4 +131,4 @@ SpPicker.options = {
addGlobalClass: true addGlobalClass: true
} }
export default SpPicker export default React.memo(SpPicker)

15
src/components/sp-picker/picker-select.js
View File

@ -12,13 +12,14 @@ const initialState = {
markMultiDateTime: false markMultiDateTime: false
} }
function PickerDateTime (props) { function PickerDateTime (props) {
const { handleConfirm, onPickerCancel } = props const { handleConfirm, onPickerCancel, list = [] } = props
const dateTime = [ const dateTime = [
{ mode: 'year', unit: '年' }, { mode: 'year', unit: '年' },
{ mode: 'month', unit: '月' }, { mode: 'month', unit: '月' },
{ mode: 'day', unit: '日' }, { mode: 'day', unit: '日' },
] ]
const [state, setState] = useAsyncCallback({ source: props.list || [], value: props.value || '' }) // const [state, setState] = useAsyncCallback({ source: props.list || [], value: props.value || '' })
const [state, setState] = useImmer({ source: list, value: props.value })
const { source, value } = state const { source, value } = state
// useEffect(() => { // useEffect(() => {
// // const { dateTime, start } = this.props // // const { dateTime, start } = this.props
@ -45,7 +46,7 @@ function PickerDateTime (props) {
(draft) => { (draft) => {
draft.value = e.detail.value draft.value = e.detail.value
}, },
({ source, value }) => { // ({ source, value }) => {
// const res = [] // const res = []
// for (let i = 0; i < source.length; i++) { // for (let i = 0; i < source.length; i++) {
// let time = '', // let time = '',
@ -65,10 +66,10 @@ function PickerDateTime (props) {
// const cur = getDayjs() // const cur = getDayjs()
// const source2 = dateTime && format(dateTime, dayjs(start)) // const source2 = dateTime && format(dateTime, dayjs(start))
// console.log('source2:', source2) // console.log('source2:', source2)
} // }
) )
} }
console.log(value)
return ( return (
<View className='picker-custom'> <View className='picker-custom'>
<PickerView <PickerView
@ -85,7 +86,9 @@ function PickerDateTime (props) {
</PickerView> </PickerView>
<View className="picker-btn" onClick={() => { <View className="picker-btn" onClick={() => {
onPickerCancel() onPickerCancel()
setTimeout(() => {
handleConfirm(source[value[0]], value[0]) handleConfirm(source[value[0]], value[0])
}, 100)
}}>确定</View> }}>确定</View>
</View> </View>
) )
@ -95,4 +98,4 @@ PickerDateTime.options = {
addGlobalClass: true addGlobalClass: true
} }
export default PickerDateTime export default React.memo(PickerDateTime)

14
src/components/sp-sku-select-new/index.js
View File

@ -45,7 +45,8 @@ function SpSkuSelect (props, ref) {
onClose = () => { }, onClose = () => { },
onChange = () => { }, onChange = () => { },
type, type,
hideInputNumber = false hideInputNumber = false,
onChangeImg
} = props } = props
// console.log('SpSkuSelect:info', info) // console.log('SpSkuSelect:info', info)
// const [state, setState] = useImmer(initialState) // const [state, setState] = useImmer(initialState)
@ -76,7 +77,7 @@ function SpSkuSelect (props, ref) {
calcDisabled(selection) calcDisabled(selection)
} }
const calcDisabled = (selection) => { const calcDisabled = (selection, i = 0) => {
const disabledSet = new Set() const disabledSet = new Set()
const makeReg = (sel, row, val) => { const makeReg = (sel, row, val) => {
const tSel = sel.slice() const tSel = sel.slice()
@ -126,7 +127,7 @@ function SpSkuSelect (props, ref) {
draft.skuText = skuText draft.skuText = skuText
}) })
onChange(skuText, curItem) onChange(skuText, curItem, i)
} }
// calcDisabled(initSelection) // calcDisabled(initSelection)
@ -134,6 +135,7 @@ function SpSkuSelect (props, ref) {
// console.log('disabledSet:', disabledSet) // console.log('disabledSet:', disabledSet)
const handleSelectSku = ({ specId }, idx) => { const handleSelectSku = ({ specId }, idx) => {
console.log("🚀 ~ { specId }, idx:", specId, idx)
if (disabledSet.has(specId)) return if (disabledSet.has(specId)) return
setState( setState(
(draft) => { (draft) => {
@ -141,7 +143,7 @@ function SpSkuSelect (props, ref) {
draft.curImage = 1 draft.curImage = 1
}, },
(row) => { (row) => {
calcDisabled(row.selection) calcDisabled(row.selection, idx)
} }
) )
} }
@ -154,6 +156,7 @@ function SpSkuSelect (props, ref) {
img = specImgs[0] img = specImgs[0]
} }
} }
onChangeImg && onChangeImg(img)
// console.log('img:', img) // console.log('img:', img)
return img return img
} }
@ -238,7 +241,8 @@ function SpSkuSelect (props, ref) {
return { return {
fastBuy, fastBuy,
addToCart, addToCart,
getImgs getImgs,
handleSelectSku
} }
}) })

6
src/doc/goods.js
View File

@ -89,9 +89,10 @@ export const ITEM_LIST_GOODS = {
memberPrice: ({ member_price }) => member_price / 100, // 当前会员等级价 memberPrice: ({ member_price }) => member_price / 100, // 当前会员等级价
vipPrice: ({ vip_price }) => vip_price / 100, // vip价格 vipPrice: ({ vip_price }) => vip_price / 100, // vip价格
svipPrice: ({ svip_price }) => svip_price / 100, // svip价格 svipPrice: ({ svip_price }) => svip_price / 100, // svip价格
spec_images: 'spec_images',
// is_fav: ({ item_id }) => Boolean(favs[item_id]), // is_fav: ({ item_id }) => Boolean(favs[item_id]),
store: 'store' store: 'store',
tagList: 'tagList'
} }
export const ITEM_LIST_POINT_GOODS = { export const ITEM_LIST_POINT_GOODS = {
@ -233,6 +234,7 @@ export const GOODS_INFO = {
}) })
}, },
intro: 'intro', intro: 'intro',
introList: 'intro_list',
distributorInfo: ({ distributor_info }) => { distributorInfo: ({ distributor_info }) => {
return pickBy(distributor_info, { return pickBy(distributor_info, {
distributorId: 'distributor_id', distributorId: 'distributor_id',

27
src/hooks/useLogin.js
View File

@ -5,12 +5,12 @@ import dayjs from 'dayjs'
import { updateUserInfo, fetchUserFavs, clearUserInfo } from '@/store/slices/user' import { updateUserInfo, fetchUserFavs, clearUserInfo } from '@/store/slices/user'
import { updateCount, clearCart } from '@/store/slices/cart' import { updateCount, clearCart } from '@/store/slices/cart'
import api from '@/api' import api from '@/api'
import { isWeixin, showToast, entryLaunch,isAlipay,alipayAutoLogin } from '@/utils' import { isWeixin, showToast, entryLaunch, isAlipay, alipayAutoLogin } from '@/utils'
import S from '@/spx' import S from '@/spx'
import { SG_POLICY } from '@/consts/localstorage' import { SG_POLICY } from '@/consts/localstorage'
export default (props = {}) => { export default (props = {}) => {
const { autoLogin = false, policyUpdateHook = () => {} } = props const { autoLogin = false, policyUpdateHook = () => { } } = props
const [isLogin, setIsLogin] = useState(false) const [isLogin, setIsLogin] = useState(false)
const [isNewUser, setIsNewUser] = useState(false) const [isNewUser, setIsNewUser] = useState(false)
const dispatch = useDispatch() const dispatch = useDispatch()
@ -41,27 +41,38 @@ export default (props = {}) => {
// const checkResult = await checkPolicyChange() // const checkResult = await checkPolicyChange()
// if (checkResult) { // if (checkResult) {
Taro.showLoading({ title: '' }) Taro.showLoading({ title: '' })
const { code } = await getCode() let code
try {
const { code: _code } = await getCode()
code = _code
} catch (error) {
Taro.hideLoading()
}
try { try {
if (!code) {
Taro.hideLoading()
setIsNewUser(true)
return
}
const { token } = await getToken(code) const { token } = await getToken(code)
Taro.hideLoading() Taro.hideLoading()
setToken(token) setToken(token)
} catch (e) { } catch (e) {
setIsNewUser(true)
Taro.hideLoading() Taro.hideLoading()
setIsNewUser(true)
console.error('[hooks useLogin] auto login is failed: ', e) console.error('[hooks useLogin] auto login is failed: ', e)
throw new Error(e) // throw new Error(e)
} }
// } // }
} }
} }
const getCode = async () => { const getCode = async () => {
if(isWeixin){ if (isWeixin) {
return await Taro.login() return await Taro.login()
} }
if(isAlipay){ if (isAlipay) {
return await alipayAutoLogin() return await alipayAutoLogin()
} }
} }
@ -79,7 +90,7 @@ export default (props = {}) => {
const setToken = async (token) => { const setToken = async (token) => {
const { redirect_url } = $instance.router.params const { redirect_url } = $instance.router.params
console.log('redirect_url',redirect_url) console.log('redirect_url', redirect_url)
S.setAuthToken(token) S.setAuthToken(token)
setIsLogin(true) setIsLogin(true)
await getUserInfo() await getUserInfo()

6
src/pages/cart/comps/comp-deliver.js
View File

@ -34,7 +34,7 @@ const initialState = {
activeTimeId: '' activeTimeId: ''
} }
function CompDeliver(props, ref) { function CompDeliver (props, ref) {
const { const {
address = {}, address = {},
distributor_id, distributor_id,
@ -250,7 +250,7 @@ function CompDeliver(props, ref) {
return ( return (
<View className='page-comp-deliver'> <View className='page-comp-deliver'>
<View className='switch-box'> {/* <View className='switch-box'>
<View className={classNames(deliveryList.length > 0 && 'switch-tab')}> <View className={classNames(deliveryList.length > 0 && 'switch-tab')}>
{deliveryList.map((item) => { {deliveryList.map((item) => {
if (distributorInfo[item.key]) { if (distributorInfo[item.key]) {
@ -266,7 +266,7 @@ function CompDeliver(props, ref) {
} }
})} })}
</View> </View>
</View> </View> */}
{/** 普通快递 */} {/** 普通快递 */}
{receiptType === 'logistics' && <AddressChoose isAddress={address} />} {receiptType === 'logistics' && <AddressChoose isAddress={address} />}
{/** 同城配 */} {/** 同城配 */}

6
src/pages/cart/comps/comp-deliver.scss
View File

@ -1,8 +1,8 @@
.page-comp-deliver { .page-comp-deliver {
width: 100%; width: 100%;
background: #fff; background: #f7f7f7;
padding: 10px 0px; // padding: 10px 0px;
box-shadow: 0px 2px 10px 0px #eae7e0; // box-shadow: 0px 2px 10px 0px #eae7e0;
.switch-box { .switch-box {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;

1
src/pages/cart/comps/comp-goodsitem.js
View File

@ -47,7 +47,6 @@ function CompGoodsItem (props) {
} }
const { price, activity_price, member_price, package_price } = info const { price, activity_price, member_price, package_price } = info
console.log("🚀 ~ info:", info)
let _price let _price
if (!isNaN(activity_price)) { if (!isNaN(activity_price)) {
_price = activity_price _price = activity_price

3
src/pages/cart/const/index.js
View File

@ -55,7 +55,8 @@ export const initialState = {
isNeedPackage: false, // 是否需要打包 isNeedPackage: false, // 是否需要打包
openCashier: false, openCashier: false,
isPointOpenModal: false, isPointOpenModal: false,
routerParams: {} routerParams: {},
orderTtems: []
} }
export const deliveryList = [ export const deliveryList = [

90
src/pages/cart/espier-checkout.js
View File

@ -31,7 +31,8 @@ import {
isEmpty, isEmpty,
VERSION_STANDARD, VERSION_STANDARD,
VERSION_B2C, VERSION_B2C,
VERSION_PLATFORM VERSION_PLATFORM,
JumpGoodDetail
} from '@/utils' } from '@/utils'
import { useAsyncCallback, useLogin, usePayment, useDebounce } from '@/hooks' import { useAsyncCallback, useLogin, usePayment, useDebounce } from '@/hooks'
import { PAYMENT_TYPE, TRANSFORM_PAYTYPE } from '@/consts' import { PAYMENT_TYPE, TRANSFORM_PAYTYPE } from '@/consts'
@ -51,7 +52,7 @@ import CompPointUse from './comps/comp-pointuse'
import './espier-checkout.scss' import './espier-checkout.scss'
function CartCheckout(props) { function CartCheckout (props) {
const $instance = getCurrentInstance() const $instance = getCurrentInstance()
const { isLogin, isNewUser, getUserInfoAuth } = useLogin({ const { isLogin, isNewUser, getUserInfoAuth } = useLogin({
autoLogin: true autoLogin: true
@ -103,7 +104,8 @@ function CartCheckout(props) {
openCashier, openCashier,
buildingNumber, buildingNumber,
houseNumber, // 房号 houseNumber, // 房号
routerParams // 路由参数 routerParams, // 路由参数
orderTtems
} = state } = state
const { const {
@ -193,7 +195,7 @@ function CartCheckout(props) {
return return
} }
if(!payType) { if (!payType) {
showToast('请选择支付方式') showToast('请选择支付方式')
return return
} }
@ -622,6 +624,7 @@ function CartCheckout(props) {
/* 处理限购活动，添加到对应的items里---结束 */ /* 处理限购活动，添加到对应的items里---结束 */
setState((draft) => { setState((draft) => {
draft.detailInfo = pickBy(items, doc.checkout.CHECKOUT_GOODS_ITEM) draft.detailInfo = pickBy(items, doc.checkout.CHECKOUT_GOODS_ITEM)
draft.orderTtems = items
draft.totalInfo = total_info draft.totalInfo = total_info
draft.paramsInfo = { ...paramsInfo, ...cus_parmas } draft.paramsInfo = { ...paramsInfo, ...cus_parmas }
draft.pointInfo = point_info draft.pointInfo = point_info
@ -811,17 +814,17 @@ function CartCheckout(props) {
return ( return (
<View className='checkout-toolbar'> <View className='checkout-toolbar'>
<View className='checkout-toolbar__total'> <View className='checkout-toolbar__total'>
{`共${totalInfo.items_count}件商品　总计:`} {/* {`共${totalInfo.items_count}件商品　总计:`} */}
<SpPrice unit='cent' className='primary-price' value={totalInfo.total_fee} /> <Text className='price-total'>订单总计</Text>
<SpPrice unit='cent' className='primary-price' value={totalInfo.total_fee} showSeparator noDecimal={false} />
</View> </View>
<AtButton <AtButton
circle
type='primary' type='primary'
loading={submitLoading} loading={submitLoading}
disabled={orderSubmitDisabled()} disabled={orderSubmitDisabled()}
onClick={onSubmitPayChange} onClick={onSubmitPayChange}
> >
提交订单 立即结算
</AtButton> </AtButton>
</View> </View>
) )
@ -833,17 +836,64 @@ function CartCheckout(props) {
<View className='cart-checkout__group'> <View className='cart-checkout__group'>
<View className='cart-group__cont'> <View className='cart-group__cont'>
<View className='sp-order-item__idx'> <View className='sp-order-item__idx'>
商品清单 <Text style={{ color: '#222' }}>（{totalInfo.items_count}）</Text> 订单商品
{/* <Text style={{ color: '#222' }}>（{totalInfo.items_count}）</Text> */}
</View> </View>
<View className='goods-list'> <View className='goods-list'>
{detailInfo.map((item, idx) => ( {detailInfo.map((item, idx) => (
<View className='sp-order-item__wrap' key={idx}> <View className='sp-order-item__wrap' key={idx}>
<SpGoodsCell info={item} /> <SpGoodsCell info={item} />
{/* <SpOrderItem
key={`${idx}1`}
info={item}
isShowNational
isPointitemGood={false}
onClick={() => {
if (info.order_class == 'pointsmall') {
Taro.navigateTo({
url: `/subpages/pointshop/espier-detail?id=${item.good_id}`
})
} else {
JumpGoodDetail(item.good_id, item.distributor_id)
}
}}
/> */}
</View> </View>
))} ))}
</View> </View>
<View className="gap"></View>
<View className="trade-detail-info-new">
<View className='line'>
<View className='left'>订单金额</View>
<SpPrice unit='cent' size={20} className='right' value={totalInfo.item_fee_new} showSeparator noDecimal={false}></SpPrice>
{/* <View className='right'>{`¥${parseFloat(totalInfo.item_fee_new / 100).toFixed(2)}`}</View> */}
{/* <View className='right'>
{totalInfo.item_fee_new}
{transformTextByPoint(this.isPointitemGood(), info.item_fee_new, info.item_point)}
</View> */}
</View> </View>
<View className='cart-group__cont cus-input'> <View className='line'>
<View className='left'>优惠金额</View>
{/* 促销 + 优惠券 */}
<View className='right'>{`¥${parseFloat(totalInfo.promotion_discount + totalInfo.coupon_discount).toFixed(2)}`}</View>
</View>
<View className='line'>
<View className='left'>运费</View>
<View className='right'>
{totalInfo.freight_type !== 'point'
? `¥${totalInfo.freight_fee}`
: `${totalInfo.freight_fee * 100}${this.props.pointName}`}
</View>
</View>
</View>
<View className="gap"></View>
<View className="trade-detail-info-bottom">
<View className='left'>订单总计</View>
<SpPrice unit='cent' className='right' value={totalInfo.total_fee} showSeparator noDecimal={false}></SpPrice>
</View>
</View>
{/* <View className='cart-group__cont cus-input'>
<SpCell className='trade-remark' border={false}> <SpCell className='trade-remark' border={false}>
<AtInput <AtInput
className='trade-remark__input' className='trade-remark__input'
@ -853,15 +903,15 @@ function CartCheckout(props) {
maxLength={50} maxLength={50}
/> />
</SpCell> </SpCell>
</View> </View> */}
</View> </View>
</View> </View>
) )
} }
console.log(couponInfo, 'couponInfo', coupon) // console.log(couponInfo, 'couponInfo', coupon)
console.log('invoiceTitle', invoiceTitle) // console.log('invoiceTitle', invoiceTitle)
console.log('payChannel', payChannel) // console.log('payChannel', payChannel)
const couponText = couponInfo ? couponInfo.title : '' const couponText = couponInfo ? couponInfo.title : ''
// couponInfo.type === 'member' // couponInfo.type === 'member'
// ? '会员折扣' // ? '会员折扣'
@ -935,7 +985,7 @@ function CartCheckout(props) {
{renderGoodsComp()} {renderGoodsComp()}
{type !== 'limited_time_sale' && type !== 'group' && type !== 'seckill' && !bargain_id && ( {/* {type !== 'limited_time_sale' && type !== 'group' && type !== 'seckill' && !bargain_id && (
<SpCell <SpCell
isLink isLink
className='cart-checkout__coupons' className='cart-checkout__coupons'
@ -943,8 +993,8 @@ function CartCheckout(props) {
onClick={handleCouponsClick} onClick={handleCouponsClick}
value={couponText || '请选择'} value={couponText || '请选择'}
/> />
)} )} */}
{isWeixin && !bargain_id && totalInfo.invoice_status && ( {/* {isWeixin && !bargain_id && totalInfo.invoice_status && (
<SpCell <SpCell
isLink isLink
title='开发票' title='开发票'
@ -962,7 +1012,7 @@ function CartCheckout(props) {
</View> </View>
} }
/> />
)} )} */}
{packInfo.is_open && ( {packInfo.is_open && (
<SpCell <SpCell
@ -1031,7 +1081,7 @@ function CartCheckout(props) {
</View> </View>
)} )}
<View className='cart-checkout__total'> {false && <View className='cart-checkout__total'>
<SpCell <SpCell
className='trade-sub__item' className='trade-sub__item'
title='原价：' title='原价：'
@ -1068,7 +1118,7 @@ function CartCheckout(props) {
value={<SpPrice unit='cent' primary value={0 - totalInfo.point_fee} />} value={<SpPrice unit='cent' primary value={0 - totalInfo.point_fee} />}
/> />
)} )}
</View> </View>}
<CompPointUse <CompPointUse
isOpened={isPointOpenModal} isOpened={isPointOpenModal}

96
src/pages/cart/espier-checkout.scss
View File

@ -1,20 +1,27 @@
$margin24: 24px; $margin24: 10px;
.page-cart-checkout { .page-cart-checkout {
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
padding: 0px 16px; padding: 0px 22px;
.checkout-toolbar { .checkout-toolbar {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: flex-end;
background: #fff; background: #fff;
padding: 0 20px; padding: 0 40px 90px 50px;
height: 100%; // height: 100%;
&__total { &__total {
white-space: nowrap; white-space: nowrap;
flex: 1; flex: 1;
margin-right: 0; margin-right: 0;
.at-button {
padding: 0 38px;
}
.price-total {
font-size: 26px;
mask-repeat: 12px;
}
.last_price { .last_price {
display: inline-block; display: inline-block;
.sp-price__append { .sp-price__append {
@ -57,16 +64,17 @@ $margin24: 24px;
} }
.sp-order-item { .sp-order-item {
position: relative; position: relative;
padding: 35px 0px; padding: 35px 24px;
background: #f7f7f7;
&__bd { &__bd {
flex: 1; flex: 1;
} }
&__idx { &__idx {
color: #666; color: #000;
height: 36px; height: 26px;
line-height: 36px; line-height: 26px;
display: block; display: block;
font-size: 30px; font-size: 26px;
} }
&__img { &__img {
width: 200px; width: 200px;
@ -119,8 +127,11 @@ $margin24: 24px;
font-size: 24px; font-size: 24px;
} }
.cart-checkout__address { .cart-checkout__address {
margin-bottom: $margin24; // margin-bottom: $margin24;
margin-top: 24px; // margin-top: 24px;
margin: 10px 0;
border-bottom: 6px;
overflow: hidden;
} }
.cart-checkout__coupons { .cart-checkout__coupons {
.sp-cell__value { .sp-cell__value {
@ -134,9 +145,12 @@ $margin24: 24px;
.cart-checkout__pay, .cart-checkout__pay,
.cart-checkout__total, .cart-checkout__total,
.cart-checkout__group { .cart-checkout__group {
box-shadow: 0px 2px 10px 0px #eae7e0; // box-shadow: 0px 2px 10px 0px #eae7e0;
margin: 0 0 $margin24; margin: 0 0 $margin24;
padding: 30px 16px; padding: 30px 24px;
background: #f7f7f7;
border-radius: 6px;
box-sizing: border-box;
} }
// .cart-checkout__pay { // .cart-checkout__pay {
@ -184,13 +198,60 @@ $margin24: 24px;
} }
.cart-checkout__group { .cart-checkout__group {
padding: 24px 16px; // padding: 24px 16px;
background: #fff;
.cart-group__shop { .cart-group__shop {
padding: 16px $edge-margin; padding: 16px $edge-margin;
} }
.cart-group__cont { .cart-group__cont {
// background: #fff;
.price-gp {
text-align: end;
font-weight: bold;
}
.sp-price__decimal {
font-weight: bold;
}
.gap {
padding: 0 54px;
width: calc(100% - 108px);
box-sizing: border-box;
height: 2px;
background: #fff; background: #fff;
margin: 20px auto;
}
.trade-detail-info-new {
padding: 20px 24px;
.line {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
.left,
.right {
font-size: 20px;
color: #5b5b5b;
line-height: 1;
}
}
}
.trade-detail-info-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 22px 50px;
.left {
font-size: 26px;
}
.right {
font-size: 32px;
}
.left,
.sp-price__symbol,
.sp-price__int {
font-weight: bold;
}
}
} }
.cus-input { .cus-input {
.sp-cell { .sp-cell {
@ -220,7 +281,8 @@ $margin24: 24px;
margin: 0 0 $margin24; margin: 0 0 $margin24;
.sp-cell { .sp-cell {
padding: 30px 16px; padding: 30px 16px;
box-shadow: 0px 2px 10px 0px #eae7e0; // box-shadow: 0px 2px 10px 0px #eae7e0;
background: #f7f7f7;
} }
.required { .required {
color: #e62424; color: #e62424;

2
src/pages/cart/espier-index.js
View File

@ -464,7 +464,7 @@ function CartIndex () {
去选购 去选购
</AtButton> </AtButton>
</SpDefault> */} </SpDefault> */}
<SpImage className='default-img' src='index/logo.png' width={160} isNew /> <SpImage className='default-img' src='cart/logo-hui.png' width={160} isNew />
<View className="empty-box-tit">购物车还是空的</View> <View className="empty-box-tit">购物车还是空的</View>
<View className="empty-box-sub-tit">快去挑选自己喜欢的宝贝吧~</View> <View className="empty-box-sub-tit">快去挑选自己喜欢的宝贝吧~</View>
<SpLogin onChange={() => { }}> <SpLogin onChange={() => { }}>

2
src/pages/category/comps/comp-series.js
View File

@ -61,7 +61,7 @@ const CompSeries = (props) => {
const renderCategoryChildHandler = (item = selChild) => { const renderCategoryChildHandler = (item = selChild) => {
return ( return (
<View className=''> <View className='group-box'>
{/* handleCustomClick(item.category_id) */} {/* handleCustomClick(item.category_id) */}
<View className='group' key={item.category_id} onClick={() => handleClickItem(item)}> <View className='group' key={item.category_id} onClick={() => handleClickItem(item)}>
<View className='group-title'>探索全部 <View className='group-title'>探索全部

12
src/pages/category/comps/comp-series.scss
View File

@ -97,7 +97,10 @@
.new { .new {
width: 100%; width: 100%;
} }
.group-box {
}
.group { .group {
animation: fadeInAnimation 0.2s ease-in-out;
position: relative; position: relative;
width: 100%; width: 100%;
color: #fff; color: #fff;
@ -183,3 +186,12 @@
} }
} }
} }
@keyframes fadeInAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

15
src/pages/home/index.scss
View File

@ -3,6 +3,9 @@
} }
page { page {
.sp-page { .sp-page {
.sp-loading {
margin-top: 100px;
}
// &.has-navbar { // &.has-navbar {
// padding-top: 0 !important; // padding-top: 0 !important;
// } // }
@ -69,6 +72,7 @@ page {
height: calc(100vh - #{$page-ipx-footer-height} - var(--status-bar-height)); height: calc(100vh - #{$page-ipx-footer-height} - var(--status-bar-height));
// height: calc(100vh - #{$tabbar-height}); // height: calc(100vh - #{$tabbar-height});
transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;
animation: fadeInAnimation 0.35s ease-in;
&.swiper-narrow { &.swiper-narrow {
height: calc(100vh - 620px - #{$tabbar-height} - var(--status-bar-height)); height: calc(100vh - 620px - #{$tabbar-height} - var(--status-bar-height));
} }
@ -152,7 +156,7 @@ page {
.shop-box { .shop-box {
height: 520px; height: 520px;
width: 100%; width: 100%;
padding: 30px 50px 40px; padding: 30px 50px 20px;
box-sizing: border-box; box-sizing: border-box;
// background-color: aquamarine; // background-color: aquamarine;
transition: height 0.2s linear 0.2s; transition: height 0.2s linear 0.2s;
@ -164,6 +168,7 @@ page {
display: inline-block; display: inline-block;
width: 310px; width: 310px;
margin-right: 30px; margin-right: 30px;
// animation: fadeInAnimation 0.35s ease-in;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@ -231,3 +236,11 @@ page {
} }
} }
} }
@keyframes fadeInAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

51
src/pages/index.js
View File

@ -57,6 +57,7 @@ const initialState = {
fixedTop: false, fixedTop: false,
filterWgts: [], filterWgts: [],
isShowHomeHeader: false, isShowHomeHeader: false,
swiperList: [],
list: [ list: [
{ {
type: 'image', type: 'image',
@ -100,7 +101,8 @@ const initialState = {
goods_id: 6, goods_id: 6,
pic: 'https://espier-oss-cdn.oss-cn-shanghai.aliyuncs.com/default_project/image/1/2024/01/15/46fe6ca52277038e39ee2c026a4af3c90XruENsSSAhRiz0HPI3PjR8XQNVgbxHb' pic: 'https://espier-oss-cdn.oss-cn-shanghai.aliyuncs.com/default_project/image/1/2024/01/15/46fe6ca52277038e39ee2c026a4af3c90XruENsSSAhRiz0HPI3PjR8XQNVgbxHb'
}, },
] ],
goodList: []
} }
function Home () { function Home () {
@ -119,7 +121,7 @@ function Home () {
const { location } = useSelector((state) => state.user) const { location } = useSelector((state) => state.user)
const { setNavigationBarTitle } = useNavigation() const { setNavigationBarTitle } = useNavigation()
const { wgts, loading, searchComp, pageData, fixedTop, filterWgts, isShowHomeHeader, isUpOperation, showRecommend, shopList } = state const { wgts, loading, searchComp, pageData, fixedTop, filterWgts, isShowHomeHeader, isUpOperation, showRecommend, shopList, swiperList, goodList } = state
const dispatch = useDispatch() const dispatch = useDispatch()
@ -127,6 +129,7 @@ function Home () {
if (initState) { if (initState) {
init() init()
setNavigationBarTitle(appName) setNavigationBarTitle(appName)
getSwiperList()
} }
}, [initState]) }, [initState])
@ -168,8 +171,6 @@ function Home () {
if (dtid && !('dtid' in params)) { if (dtid && !('dtid' in params)) {
params = Object.assign(params, { dtid }) params = Object.assign(params, { dtid })
} }
console.log('useShareTimeline params:', params)
return { return {
title: title, title: title,
imageUrl: imageUrl, imageUrl: imageUrl,
@ -187,6 +188,33 @@ function Home () {
} }
} }
const getSwiperList = async () => {
const res = await api.shop.homeSwiperList({ page: 1, pageSize: 999 })
const list = res?.list?.map((item) => {
return {
type: item.type || 'image',
src: item.pic,
goods: (item.goods_info_detail || []).map((ite) => {
return {
itemName: ite.item_name,
price: ite.price,
goods_id: ite.item_id,
itemId: ite.item_id,
pic: ite.pics?.[0],
brief: ite.brief,
price: ite.price,
spec_images: ite.spec_images || [],
tagList: ite.tagList || []
}
})
}
}) || []
setState((draft) => {
draft.swiperList = list
draft.goodList = list[0].goods || []
})
}
const fetchWgts = async () => { const fetchWgts = async () => {
setState((draft) => { setState((draft) => {
draft.wgts = [] draft.wgts = []
@ -302,8 +330,10 @@ function Home () {
} }
} }
const onSwiperChange = (e) => { const onSwiperChange = (e) => {
const { current } = e.detail
setState((draft) => { setState((draft) => {
draft.currentIndex = e.detail.current draft.currentIndex = current
draft.goodList = swiperList[current].goods || []
}) })
} }
@ -314,6 +344,7 @@ function Home () {
}) })
} }
return ( return (
<SpPage <SpPage
className='page-index' className='page-index'
@ -378,7 +409,7 @@ function Home () {
autoplay={!isUpOperation} autoplay={!isUpOperation}
onChange={onSwiperChange} onChange={onSwiperChange}
> >
{state.list.map((item, index) => ( {state.swiperList.map((item, index) => (
<SwiperItem key={index} className="" style={{ height: "100%" }}> <SwiperItem key={index} className="" style={{ height: "100%" }}>
{item.type === "image" && ( {item.type === "image" && (
<Image <Image
@ -425,7 +456,7 @@ function Home () {
))} ))}
</Swiper> </Swiper>
{!isUpOperation && <View className='spot-pagination'> {!isUpOperation && <View className='spot-pagination'>
{state.list.map((_, index) => ( {swiperList.map((_, index) => (
<View key={index} className={'spot-pagination-bullet ' + ((state.currentIndex == index) ? 'spot-pagination-bullet-active' : "")} style={{ width: 1 / state.length * 100 + '%' }}></View> <View key={index} className={'spot-pagination-bullet ' + ((state.currentIndex == index) ? 'spot-pagination-bullet-active' : "")} style={{ width: 1 / state.length * 100 + '%' }}></View>
))} ))}
</View>} </View>}
@ -433,9 +464,9 @@ function Home () {
<SpChat><SpImage height="62" src='index/kf.png' isShowMenuByLongpress={false} lazyLoad isNew /></SpChat> <SpChat><SpImage height="62" src='index/kf.png' isShowMenuByLongpress={false} lazyLoad isNew /></SpChat>
</View>} </View>}
</View> </View>
{isUpOperation && <ScrollView scrollX scrollWithAnimation showScrollbar={false} scrollLeft={0} className="shop-box"> {isUpOperation && <ScrollView scrollX scrollWithAnimation showScrollbar={false} scrollLeft={0} className="shop-box fadeIn" >
{shopList.map((item, idx) => ( {goodList.map((item, idx) => (
<View className='goods-item-wrap' key={`goods-item-l__${idx}`}> <View className='goods-item-wrap fadeIn' animation={{ duration: 500, timingFunction: 'ease-in-out', delay: 0 }} key={`goods-item-l__${idx + item.goods_id}`}>
<SpGoodsItem <SpGoodsItem
onStoreClick={handleClickStore} onStoreClick={handleClickStore}
info={{ info={{

1
src/pages/item/comps/comp-buytoolbar.scss
View File

@ -128,6 +128,7 @@
} }
&__container { &__container {
width: 560px; width: 560px;
border-radius: 10px;
} }
&__header { &__header {
font-size: 40px; font-size: 40px;

5
src/pages/item/comps/comp-couponlist.js
View File

@ -5,9 +5,8 @@ import { View, Text, ScrollView } from '@tarojs/components'
import { SpPrice, SpLogin } from '@/components' import { SpPrice, SpLogin } from '@/components'
import './comp-couponlist.scss' import './comp-couponlist.scss'
function CompCouponList(props) { function CompCouponList (props) {
const { info, onClick = () => {} } = props const { info, onClick = () => { } } = props
console.log(info)
const onChangeLogin = () => { const onChangeLogin = () => {
Taro.navigateTo({ Taro.navigateTo({
url: `/subpage/pages/vip/vipgrades?grade_name=${info.vipgrade_name}` url: `/subpage/pages/vip/vipgrades?grade_name=${info.vipgrade_name}`

146
src/pages/item/espier-detail.js
View File

@ -97,6 +97,12 @@ const initialState = {
showSaleTotal: false, showSaleTotal: false,
showSku: true, showSku: true,
isOpen: false, isOpen: false,
historyList: [],
historyTotal: 0,
selSkuImg: '',
swiperList: [],
selColorIdx: 0,
introList: []
} }
function EspierDetail (props) { function EspierDetail (props) {
@ -137,7 +143,12 @@ function EspierDetail (props) {
recommendList, recommendList,
showSaleTotal, showSaleTotal,
showSku, showSku,
isOpen isOpen,
historyList,
selSkuImg,
swiperList,
selColorIdx,
introList
} = state } = state
useEffect(() => { useEffect(() => {
@ -154,8 +165,8 @@ function EspierDetail (props) {
useEffect(() => { useEffect(() => {
if (id) { if (id) {
fetch() fetch()
getPackageList() // getPackageList()
getEvaluationList() // getEvaluationList()
} }
}, [id]) }, [id])
@ -216,15 +227,16 @@ function EspierDetail (props) {
} }
const init = async () => { const init = async () => {
const { type, id, dtid } = await entryLaunch.getRouteParams() const pams = await entryLaunch.getRouteParams()
console.log("🚀 ~ type, id, dtid :", type, id, dtid) const { type, id, dtid, idx = 0 } = pams
setState((draft) => { setState((draft) => {
draft.id = id draft.id = id
draft.type = type draft.type = type
draft.dtid = dtid draft.dtid = dtid
draft.selColorIdx = +idx
}) })
if (S.getAuthToken()) { if (S.getAuthToken()) {
await dispatch(fetchUserFavs()) dispatch(fetchUserFavs())
} }
} }
@ -244,21 +256,29 @@ function EspierDetail (props) {
draft.defaultMsg = '商品已下架' draft.defaultMsg = '商品已下架'
}) })
} }
if (selColorIdx != 0) {
const spec_values = data.itemSpecDesc?.[0]?.spec_values || []
if (spec_values.length) {
const item = spec_values[selColorIdx]
setTimeout(() => {
skuSelectRef.current?.handleSelectSku({ specId: item.spec_value_id, specValueId: item.spec_value_id }, selColorIdx)
}, 100)
}
}
} catch (e) { } catch (e) {
setState((draft) => { setState((draft) => {
draft.isDefault = true draft.isDefault = true
draft.defaultMsg = e.res.data.data.message draft.defaultMsg = e.res.data.data.message
}) })
console.log(e.res)
} }
} }
// 是否订阅 // 是否订阅
const { user_id: subscribe = false } = await api.user.isSubscribeGoods(id, { distributor_id: dtid }) const { user_id: subscribe = false } = await api.user.isSubscribeGoods(id, { distributor_id: dtid })
setNavigationBarTitle(data?.itemName) // setNavigationBarTitle(data?.itemName)
console.log(ACTIVITY_LIST[data.activityType]) // console.log(ACTIVITY_LIST[data.activityType])
if (ACTIVITY_LIST[data.activityType]) { if (ACTIVITY_LIST[data.activityType]) {
Taro.setNavigationBarColor({ Taro.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
@ -269,11 +289,18 @@ function EspierDetail (props) {
} }
}) })
} }
console.log("🚀 ~ data.introList:", data.introList)
setState((draft) => { setState((draft) => {
draft.info = { draft.info = {
...data, ...data,
subscribe subscribe,
} }
draft.introList = (data.introList || []).map((item) => {
return {
...item,
isOpen: false
}
})
draft.promotionActivity = data.promotionActivity draft.promotionActivity = data.promotionActivity
}) })
@ -298,6 +325,15 @@ function EspierDetail (props) {
if (openRecommend == 1) { if (openRecommend == 1) {
getRecommendList() // 猜你喜欢 getRecommendList() // 猜你喜欢
} }
api.member.itemHistorySave(data.itemId)
const res = await api.member.itemHistory()
setState((draft) => {
draft.historyList = res.list.filter((item) => item.item_id !== data.itemId).map((item) => ({ ...item.itemData, pic: item.itemData.pics?.[0] || '' }))
draft.historyTotal = res.total_count
})
} }
const getRecommendList = async () => { const getRecommendList = async () => {
@ -376,6 +412,12 @@ function EspierDetail (props) {
}) })
} }
const onChangeImg = (img) => {
setState((draft) => {
draft.selSkuImg = img || ''
})
}
return ( return (
<SpPage <SpPage
className='page-item-espierdetail' className='page-item-espierdetail'
@ -431,15 +473,20 @@ function EspierDetail (props) {
className='goods-swiper' className='goods-swiper'
// current={curImgIdx} // current={curImgIdx}
onChange={onChangeSwiper} onChange={onChangeSwiper}
style={{
height: windowWidth
}}
autoplay
interval={3000}
circular
> >
{console.log('info', info)} {(info.imgs || swiperList).map((img, idx) => (
{info.imgs.map((img, idx) => (
<SwiperItem key={`swiperitem__${idx}`}> <SwiperItem key={`swiperitem__${idx}`}>
<SpImage <SpImage
mode='aspectFill' mode='aspectFill'
src={img} src={img}
width={windowWidth * 2} width={windowWidth * 2}
height={900} height={windowWidth * 2}
></SpImage> ></SpImage>
{false && ( {false && (
<Video <Video
@ -676,15 +723,20 @@ function EspierDetail (props) {
type={selectType} type={selectType}
info={info} info={info}
hideInputNumber hideInputNumber
onChangeImg={onChangeImg}
onClose={() => { onClose={() => {
setState((draft) => { setState((draft) => {
draft.skuPanelOpen = false draft.skuPanelOpen = false
}) })
}} }}
onChange={(skuText, curItem) => { onChange={(skuText, curItem, idx) => {
console.log("🚀 ~ curItem:", curItem, idx)
setState((draft) => { setState((draft) => {
draft.skuText = skuText draft.skuText = skuText
draft.curItem = curItem draft.curItem = curItem
// 不切换顶部轮播图
// draft.swiperList = curItem?.specItem?.[idx]?.specImgs
draft.selSkuImg = curItem.specItem?.[0]?.specImgs?.[0]
}) })
}} }}
/> />
@ -693,7 +745,7 @@ function EspierDetail (props) {
<View className='desc-hd'> <View className='desc-hd'>
<SpImage <SpImage
className='sku-image' className='sku-image'
src={skuSelectRef.current?.getImgs()} src={selSkuImg || info?.specItem?.[0]?.specImgs?.[0]}
width={160} width={160}
height={160} height={160}
mode='aspectFit' mode='aspectFit'
@ -721,75 +773,53 @@ function EspierDetail (props) {
{/* <SpHtml content={info.intro} /> */} {/* <SpHtml content={info.intro} /> */}
</> </>
)} )}
{[{ open: false }, { open: false }, {}, {}, {}, {}, {}, {}].map((item, index) => <View className={classNames('sp-accordion')} key={`item__${index}`}> {introList.length ? introList.map((item, index) => <View className={classNames('sp-accordion')} key={`item__${index}`}>
<AtAccordion <AtAccordion
open={isOpen} open={item.isOpen}
isAnimation={false} isAnimation={false}
onClick={() => { onClick={() => {
setState((draft) => { setState((draft) => {
draft.isOpen = !draft.isOpen // draft.introList[index].isOpen = !draft.introList[index].isOpen
draft.introList = draft.introList.map((v, i) => {
v.isOpen = (i === index)
return v
})
}) })
}} }}
title={'标题' + (index + 1)} title={item.title}
> >
<View>内容一</View> <SpHtml content={item.content} />
<View>内容二</View>
<View>内容三</View>
<View>内容三</View>
<View>内容三</View>
<View>内容三</View>
{/* <SpHtml content={info.intro} /> */}
</AtAccordion> </AtAccordion>
<View onClick={() => { <View onClick={() => {
setState((draft) => { setState((draft) => {
draft.isOpen = !draft.isOpen // draft.introList[index].isOpen = !draft.introList[index].isOpen
draft.introList = draft.introList.map((v, i) => {
v.isOpen = (i === index)
return v
})
}) })
}}> }}>
{isOpen ? <AtIcon value='subtract' size='16' color='#000' /> : {item.isOpen ? <AtIcon value='subtract' size='16' color='#000' /> :
<AtIcon value='add' size='16' color='#000' />} <AtIcon value='add' size='16' color='#000' />}
{isOpen ? <></> : <View className="line"></View>} {item.isOpen ? <></> : <View className="line"></View>}
</View> </View>
</View>)} </View>) : <View style={{ height: `calc(100% - 380px)` }}></View>}
<View className='bottom-box'> {historyList.length && <View className='bottom-box'>
<View className="bottom-box-tit">浏览历史</View> <View className="bottom-box-tit">浏览历史</View>
<ScrollView scrollX scrollWithAnimation showScrollbar={true} scrollLeft={0} className="shop-box"> <ScrollView scrollX scrollWithAnimation showScrollbar={true} scrollLeft={0} className="shop-box">
{[ {historyList.map((item, idx) => (
{
brief: "副标题",
itemName: "测试商品1",
price: "1099",
goods_id: 6,
pic: 'https://espier-oss-cdn.oss-cn-shanghai.aliyuncs.com/default_project/image/1/2024/01/15/46fe6ca52277038e39ee2c026a4af3c9xHQuJ96YIcZWtjRS0HBCTzp7dzXIs2pl'
},
{
brief: "副标题",
itemName: "测试商品2",
price: "1099",
goods_id: 6,
pic: 'https://espier-oss-cdn.oss-cn-shanghai.aliyuncs.com/default_project/image/1/2024/01/15/801c18d59d95ea26930fefc43bf66febTQjxb65cpnCqVLaOsYmiHdkDdYqBnXVm'
},
{
brief: "副标题",
itemName: "测试商品3",
price: "1099",
goods_id: 6,
pic: 'https://espier-oss-cdn.oss-cn-shanghai.aliyuncs.com/default_project/image/1/2024/01/15/46fe6ca52277038e39ee2c026a4af3c90XruENsSSAhRiz0HPI3PjR8XQNVgbxHb'
},
].map((item, idx) => (
<View className='goods-item-wrap' key={`goods-item-l__${idx}`}> <View className='goods-item-wrap' key={`goods-item-l__${idx}`}>
<SpGoodsItem <SpGoodsItem
showSalePrice={false} showSalePrice={false}
height={250} height={250}
width={250} width={250}
onStoreClick={handleClickStore} onStoreClick={handleClickStore}
info={{ info={item}
...item
}}
/> />
</View> </View>
))} ))}
</ScrollView> </ScrollView>
</View> </View>}
</View> </View>
</ScrollView> </ScrollView>
)} )}

6
src/pages/item/espier-detail.scss
View File

@ -3,7 +3,7 @@
position: relative; position: relative;
} }
.goods-swiper { .goods-swiper {
height: 900px; // height: 900px;
} }
.video-container { .video-container {
position: absolute; position: absolute;
@ -128,10 +128,10 @@
border-bottom: 1px solid #9e9e9e80; border-bottom: 1px solid #9e9e9e80;
position: sticky; position: sticky;
z-index: 2; z-index: 2;
top: -1px; top: 0px;
left: 0; left: 0;
right: 0; right: 0;
width: 100%; padding-bottom: 2px;
background-color: #fff; background-color: #fff;
.desc-title { .desc-title {
font-size: 26px; font-size: 26px;

38
src/pages/item/list.js
View File

@ -151,7 +151,6 @@ function ItemList () {
const fetch = async ({ pageIndex, pageSize }) => { const fetch = async ({ pageIndex, pageSize }) => {
// card_id: 兑换券id // card_id: 兑换券id
// const { cat_id, main_cat_id, tag_id, card_id } = $instance.router.params // const { cat_id, main_cat_id, tag_id, card_id } = $instance.router.params
console.log(shopInfo)
let params = { let params = {
page: pageIndex, page: pageIndex,
pageSize, pageSize,
@ -161,19 +160,23 @@ function ItemList () {
item_type: 'normal', item_type: 'normal',
is_point: 'false', is_point: 'false',
tag_id, tag_id,
card_id card_id,
goodsSort: 6
} }
if (curFilterIdx == 1) { if (curFilterIdx) {
// 销量 params['goodsSort'] = curFilterIdx
params['goodsSort'] = 1
} else if (curFilterIdx == 2) {
// 价格升序
params['goodsSort'] = 3
} else if (curFilterIdx == 3) {
// 价格降序
params['goodsSort'] = 2
} }
// if (curFilterIdx == 1) {
// // 销量
// params['goodsSort'] = 1
// } else if (curFilterIdx == 2) {
// // 价格升序
// params['goodsSort'] = 3
// } else if (curFilterIdx == 3) {
// // 价格降序
// params['goodsSort'] = 2
// }
if (curTagIdx) { if (curTagIdx) {
params['tag_id'] = curTagIdx params['tag_id'] = curTagIdx
@ -200,6 +203,7 @@ function ItemList () {
brand_list brand_list
} = await api.item.search(params) } = await api.item.search(params)
console.time('list render') console.time('list render')
console.log('fetch list:', list)
const n_list = pickBy(list, doc.goods.ITEM_LIST_GOODS) const n_list = pickBy(list, doc.goods.ITEM_LIST_GOODS)
const resLeftList = n_list.filter((item, index) => { const resLeftList = n_list.filter((item, index) => {
if (index % 2 == 0) { if (index % 2 == 0) {
@ -282,7 +286,7 @@ function ItemList () {
} }
const handleFilterChange = async (e) => { const handleFilterChange = async (e) => {
await setState((draft) => { setState((draft) => {
draft.leftList = [] draft.leftList = []
draft.rightList = [] draft.rightList = []
draft.curFilterIdx = e.current || 0 draft.curFilterIdx = e.current || 0
@ -315,8 +319,9 @@ function ItemList () {
goodsRef.current.reset() goodsRef.current.reset()
} }
const handleClickStore = (item) => { const handleClickStore = (item, idx) => {
const url = `/subpages/store/index?id=${item.distributor_info.distributor_id}` // console.log("🚀 ~ item, idx:", item, idx)
const url = `/subpages/store/index?id=${item.distributor_info?.distributor_id}&idx=${idx}`
Taro.navigateTo({ Taro.navigateTo({
url url
}) })
@ -329,7 +334,9 @@ function ItemList () {
'has-tagbar': tagList.length > 0 'has-tagbar': tagList.length > 0
})} })}
> >
<View className='search-wrap'> <View className='search-wrap' style={{
'zIndex': isShowSearch ? 999 : 8
}}>
{/* 兑换券选择店铺 */} {/* 兑换券选择店铺 */}
{VERSION_STANDARD && card_id && ( {VERSION_STANDARD && card_id && (
<View <View
@ -345,6 +352,7 @@ function ItemList () {
</View> </View>
)} )}
<SpSearchBar <SpSearchBar
className='search-wrap'
keyword={keywords} keyword={keywords}
placeholder='搜索商品' placeholder='搜索商品'
isOpened={true} isOpened={true}

13
src/pages/item/list.scss
View File

@ -25,7 +25,7 @@
right: 0; right: 0;
top: 0; top: 0;
background: #fff; background: #fff;
z-index: 10; z-index: 8;
display: flex; display: flex;
align-items: center; align-items: center;
.store-picker { .store-picker {
@ -41,6 +41,11 @@
} }
} }
.sp-filter-bar { .sp-filter-bar {
position: fixed;
top: 260px;
z-index: 8;
left: 0;
right: 0;
&__item { &__item {
background: #f5f5f5; background: #f5f5f5;
&:first-child { &:first-child {
@ -62,9 +67,13 @@
.item-list-scroll { .item-list-scroll {
// @include page-scroll($tabs-height + $navigate-height + 10, 0); // @include page-scroll($tabs-height + $navigate-height + 10, 0);
@include page-scroll($tabs-height + $navigate-height + 168, $edge-margin);
// /* #ifdef h5 */ // /* #ifdef h5 */
// @include page-scroll($searchbar-height + $navigate-height + 16 * 2 + $tabs-height + 10, 0); // @include page-scroll($searchbar-height + $navigate-height + 16 * 2 + $tabs-height + 10, 0);
// /* #endif */ // /* #endif */
.sp-note {
margin-bottom: 50px;
}
} }
.filter-btn { .filter-btn {
font-size: 28px; font-size: 28px;
@ -90,7 +99,7 @@
.goods-list { .goods-list {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 30px 50px 50px; padding: 0px 50px;
.goods-list-wrap { .goods-list-wrap {
// width: 345px; // width: 345px;
margin-bottom: 28px; margin-bottom: 28px;

9
src/pages/member/item-fav.js
View File

@ -111,6 +111,7 @@ export default class ItemFav extends Component {
item_type: 'item_type', item_type: 'item_type',
distributor_id: 'distributor_id', distributor_id: 'distributor_id',
point: 'point', point: 'point',
fav_num: 'fav_num',
// price: ({ price }) => (price/100).toFixed(2), // price: ({ price }) => (price/100).toFixed(2),
price: ({ price, item_price }) => ((price || item_price) / 100).toFixed(2), price: ({ price, item_price }) => ((price || item_price) / 100).toFixed(2),
// is_fav: ({ item_id }) => this.hasFav(item_id) // is_fav: ({ item_id }) => this.hasFav(item_id)
@ -128,7 +129,8 @@ export default class ItemFav extends Component {
summary: 'summary', summary: 'summary',
head_portrait: 'head_portrait', head_portrait: 'head_portrait',
author: 'author', author: 'author',
item_type: 'item_type' item_type: 'item_type',
fav_num: 'fav_num',
}) })
total = res.total_count total = res.total_count
break break
@ -353,8 +355,9 @@ export default class ItemFav extends Component {
})} })}
</View> </View>
)} )}
{page.isLoading ? <Loading>正在加载...</Loading> : null} {/* {page.isLoading ? <Loading>正在加载...</Loading> : null} */}
{!page.isLoading && !page.hasNext && !list.length && ( {/* !page.isLoading && */}
{!page.hasNext && !list.length && (
<SpNote img='trades_empty.png'>暂无数据~</SpNote> <SpNote img='trades_empty.png'>暂无数据~</SpNote>
)} )}
</ScrollView> </ScrollView>

9
src/pages/member/item-fav.scss
View File

@ -36,6 +36,15 @@
width: 40px; width: 40px;
height: 42px; height: 42px;
} }
.icon-delete,
.icon-share {
&::before {
content: ' ';
display: block;
width: 18px;
height: 18px;
}
}
.icon-share .option__text { .icon-share .option__text {
background: url('../../assets/fenxiang-icon.png') no-repeat; background: url('../../assets/fenxiang-icon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;

2
src/pages/recommend/list.config.js
View File

@ -1,3 +1,3 @@
export default { export default {
navigationBarTitleText: '文章' navigationBarTitleText: ''
} }

20
src/pages/recommend/list.js
View File

@ -48,7 +48,7 @@ export default class RecommendList extends Component {
} }
} }
componentDidMount() { componentDidMount () {
api.wx.shareSetting({ shareindex: 'planting' }).then((res) => { api.wx.shareSetting({ shareindex: 'planting' }).then((res) => {
this.setState({ this.setState({
shareInfo: res shareInfo: res
@ -56,7 +56,7 @@ export default class RecommendList extends Component {
}) })
} }
componentDidShow() { componentDidShow () {
const params = this.$instance.router.params const params = this.$instance.router.params
if (params) { if (params) {
const { id, name } = params const { id, name } = params
@ -81,7 +81,7 @@ export default class RecommendList extends Component {
// this.praiseNum() // this.praiseNum()
} }
onShareAppMessage() { onShareAppMessage () {
const res = this.state.shareInfo const res = this.state.shareInfo
const { userId } = Taro.getStorageSync('userinfo') const { userId } = Taro.getStorageSync('userinfo')
const query = userId ? `/pages/recommend/list?uid=${userId}` : '/pages/recommend/list' const query = userId ? `/pages/recommend/list?uid=${userId}` : '/pages/recommend/list'
@ -92,7 +92,7 @@ export default class RecommendList extends Component {
} }
} }
onShareTimeline() { onShareTimeline () {
const res = this.state.shareInfo const res = this.state.shareInfo
const { userId } = Taro.getStorageSync('userinfo') const { userId } = Taro.getStorageSync('userinfo')
const query = userId ? `uid=${userId}` : '' const query = userId ? `uid=${userId}` : ''
@ -103,7 +103,7 @@ export default class RecommendList extends Component {
} }
} }
async fetch(params) { async fetch (params) {
const { page_no: page, page_size: pageSize } = params const { page_no: page, page_size: pageSize } = params
const { columnList, areaList } = this.state const { columnList, areaList } = this.state
let { selectColumn } = this.state let { selectColumn } = this.state
@ -365,10 +365,10 @@ export default class RecommendList extends Component {
) )
} }
resetColumn(){ resetColumn () {
this.setState({ this.setState({
selectColumn : Object.assign({}, { id: '', name: '全部', isChooseColumn: true }), selectColumn: Object.assign({}, { id: '', name: '全部', isChooseColumn: true }),
columnList : this.state.columnList.map((d,idx)=>{ columnList: this.state.columnList.map((d, idx) => {
d.isChooseColumn = idx == 0 ? true : false d.isChooseColumn = idx == 0 ? true : false
return d return d
}) })
@ -529,7 +529,7 @@ export default class RecommendList extends Component {
}) })
} }
render() { render () {
const { const {
list, list,
showBackToTop, showBackToTop,
@ -549,7 +549,7 @@ export default class RecommendList extends Component {
let address = info.province + info.city let address = info.province + info.city
return ( return (
<SpPage renderFooter={<SpTabbar />}> <SpPage renderFooter={<SpTabbar />} className='has-nav' title="鞋床故事">
<View className='page-recommend-list'> <View className='page-recommend-list'>
<View className='recommend-list__toolbar'> <View className='recommend-list__toolbar'>
<View <View

28
src/pages/recommend/list.scss
View File

@ -1,8 +1,10 @@
@import "../../style/imports"; @import '../../style/imports';
.loading {
margin-top: 60px;
}
.page-recommend-list { .page-recommend-list {
/* #ifdef alipay */ /* #ifdef alipay */
.filter-bar{ .filter-bar {
position: absolute; position: absolute;
width: 100%; width: 100%;
z-index: 9999; z-index: 9999;
@ -19,7 +21,7 @@
background: #fff; background: #fff;
box-shadow: $box-shadow; box-shadow: $box-shadow;
padding-top: 10px; padding-top: 10px;
.icon-periscope{ .icon-periscope {
color: #ccc; color: #ccc;
display: inline-block; display: inline-block;
} }
@ -31,7 +33,7 @@
/* #ifdef alipay */ /* #ifdef alipay */
padding: 20px 0; padding: 20px 0;
/* #endif */ /* #endif */
&__focus{ &__focus {
.at-search-bar { .at-search-bar {
padding-right: 30px !important; padding-right: 30px !important;
} }
@ -72,16 +74,17 @@
text-align: center; text-align: center;
color: #666666; color: #666666;
font-size: 26px; font-size: 26px;
.icon-menu,.icon-periscope { .icon-menu,
.icon-periscope {
color: #ccc; color: #ccc;
display: inline-block; display: inline-block;
font-size: 28px; font-size: 28px;
} }
&.region-picker{ &.region-picker {
display: flex; display: flex;
line-height: 75rpx; line-height: 75rpx;
} }
.icon-close{ .icon-close {
line-height: 75px; line-height: 75px;
} }
} }
@ -90,7 +93,10 @@
} }
} }
&__scroll { &__scroll {
@include page-scroll($tabs-height + $searchbar-height + $navigate-height + 10, $tabbar-height + floor($edge-margin / 2)); @include page-scroll(
$tabs-height + $searchbar-height + $navigate-height + 10,
$tabbar-height + floor($edge-margin / 2)
);
top: 155px; top: 155px;
} }
&__type-grid { &__type-grid {
@ -163,12 +169,12 @@
} }
} }
} }
.region-picker{ .region-picker {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
line-height: 75rpx; line-height: 75rpx;
.icon-close{ .icon-close {
margin-left: 10px; margin-left: 10px;
line-height: 75px; line-height: 75px;
} }

2
src/subpage/pages/trade/detail.scss
View File

@ -428,7 +428,7 @@ $paddingBottom: 100px;
.left, .left,
.right { .right {
font-size: 20px; font-size: 20px;
color: #5b5b5b80; color: #5b5b5b;
line-height: 1; line-height: 1;
} }
} }

4
src/subpage/pages/trade/invoice-info.config.js Executable file
View File

@ -0,0 +1,4 @@
export default {
navigationBarTitleText: '开票信息',
navigationStyle: 'custom',
}

218
src/subpage/pages/trade/invoice-info.js Executable file
View File

@ -0,0 +1,218 @@
import Taro, { getCurrentInstance } from '@tarojs/taro'
import { View, Text, ScrollView, Input } from '@tarojs/components'
import _mapKeys from 'lodash/mapKeys'
import { Loading, SpPage, SpPrice, SpCheckboxNew } from '@/components'
import api from '@/api'
import { classNames, navigateTo } from '@/utils'
import { AtModal, AtIcon } from 'taro-ui'
// import { log, pickBy, resolveOrderStatus, authSetting } from '@/utils'
import './invoice-info.scss'
import { useImmer } from 'use-immer'
const initState = {
formList: [
{
name: '抬头类型',
type: 'checkbox',
key: 'invoice_title',
required: true,
},
{
name: '发票抬头',
type: 'input',
key: 'invoice_title',
placeholder: '请填写抬头名称(必填)',
required: true,
},
{
name: '邮箱地址',
type: 'input',
key: 'email',
placeholder: '用于接收电子发票(必填)',
required: true,
},
{
name: '注册地址',
type: 'input',
key: 'addr',
placeholder: '(选填)',
},
{
name: '注册电话',
type: 'input',
key: 'tel',
placeholder: '(选填)',
},
{
name: '开户银行',
type: 'input',
key: 'yh',
placeholder: '(选填)',
},
{
name: '银行账号',
type: 'input',
key: 'zh',
placeholder: '(选填)',
},
],
form: {},
showModal: false,
visible: false,
showDetail: false
}
function InvoiceInfo (props) {
const [state, setState] = useImmer(initState)
const { formList, form, showModal, visible, showDetail } = state
const onChangeItemCheck = () => {
}
const hadnleInput = (val, item) => {
const { key } = item
setState((draft) => {
draft.form[key] = val
})
}
const onPickerCancel = () => {
setState((draft) => {
draft.visible = false
})
}
return <SpPage className='page-invoice-info has-navbar' navigationBarTitleText='开票信息'>
<View className="info-bd">
{showDetail && <View className="info-bd-tips">共{0}张发票，含{1}个订单</View>}
<View className="info-item">
<View className="tit">发票类型</View>
<View className="content">
<Text>电子发票</Text>
{showDetail ? <View className='flex'>
<Text className='ck'>查看</Text>
<AtIcon value='chevron-right' size='18' color='#000'></AtIcon>
</View> : <Text className='sq'>一键授权微信发票</Text>}
</View>
</View>
{showDetail && <View className="info-item">
<View className="tit">发票状态</View>
<View className="content">
<Text>已申请</Text>
</View>
</View>}
<View className="info-item">
<View className="tit">发票金额</View>
<View className="content">
<Text>¥9999</Text>
</View>
</View>
{formList.map((item) => <View className="info-item">
<View className="tit">{item.name}</View>
{showDetail ? <View className="content">{form[item.key] || '测试'}</View> : <>{item.type === 'checkbox' && <View className="content">
<View className="content-item">
<SpCheckboxNew checked={form.gr === '1'} onChange={() => onChangeItemCheck()} >
<Text className="">个人/非企业单位</Text>
</SpCheckboxNew>
</View>
<View className="content-item">
<SpCheckboxNew checked={form.gr === '2'} onChange={onChangeItemCheck()} >
<Text className="">企业</Text>
</SpCheckboxNew>
</View>
</View>}
{item.type === 'input' && <Input value={form[item.key]} onInput={(e) => hadnleInput(e.target.value, item)} className='ipt' placeholderClass='ipt-placeholder' placeholder={item.placeholder}></Input>}</>}
</View>)}
{!showDetail && <View className="tips">
<View className="tit">温馨提示</View>
<View className="tit">
1、应国家税务总局要求，您若开具增值税普通发票，须同时提供
企业抬头及纳税人识别号，否则发票将无法用于企业报销;
</View>
<View>2、发票将由订单所属城市的公司为您开具;</View>
<View>
3、配合国家税务总局推进全面数字化的电子发票，部分城市已转
为全电发票，发票处理时长为1-3个工作日，请耐心等待。
</View>
</View>}
</View>
<View className={classNames("bottom")}>
<View onClick={() => setState((draft) => {
draft.visible = true
})} className={classNames("btn", { "btn-disabled": true })}>提交申请</View>
</View>
<View className="sp-picker">
<View
className={classNames('mask', {
visible: visible
})}
onTap={onPickerCancel}
catchtouchmove
></View>
<View
className={classNames('sp-picker-cnt', {
visible: visible
})}
>
<View className={classNames('sp-picker-hd')} catchtouchmove>
<Text className='center'>{showDetail ? '确定邮箱地址' : '开具电子发票'}</Text>
<AtIcon onClick={onPickerCancel} value='close' size={14} color='#000' ></AtIcon>
</View>
<View className='sp-picker-bd'>
{!showDetail && <>
<View className='sp-picker-bd-item'>
<View className="tit">发票类型</View>
<View className="content">电子发票</View>
</View>
<View className='sp-picker-bd-item'>
<View className="tit">抬头类型</View>
<View className="content">电子发票</View>
</View>
<View className='sp-picker-bd-item'>
<View className="tit">发票抬头</View>
<View className="content">电子发票</View>
</View>
</>}
<View className='sp-picker-bd-item'>
<View className="tit">邮箱地址</View>
<View className="content">电子发票</View>
</View>
<View onClick={() => setState((draft) => {
draft.visible = false
draft.showModal = true
})} className={classNames("btn", { "notop": showDetail })}>提交申请</View>
</View>
</View>
</View>
<View className={classNames('toast', {
visible: false
})}>
<View>已超重开发票时限</View>
<View>不可操作重开发票</View>
</View>
<AtModal
isOpened={showModal}
title=''
cancelText='关闭'
confirmText='查看记录'
onClose={() => setState((draft) => {
draft.showModal = false
})}
onCancel={() => setState((draft) => {
draft.showModal = false
})}
onConfirm={() => {
setState((draft) => {
draft.showModal = false
})
navigateTo('/subpage/pages/trade/invoice-record')
}}
content='发票申请提交成功'
/>
</SpPage>
}
export default InvoiceInfo

241
src/subpage/pages/trade/invoice-info.scss Executable file
View File

@ -0,0 +1,241 @@
@import '@/style/imports';
.page-invoice-info {
.info-bd {
margin: 10px 50px 60px;
padding-top: 10px;
&-tips {
color: #8e8e8e;
font-size: 20px;
text-align: center;
margin-bottom: 12px;
}
}
.info-item {
display: flex;
align-items: center;
color: #808080;
background: #e5e5e5;
border-radius: 6px;
margin-bottom: 2px;
padding-right: 40px;
box-sizing: border-box;
.tit {
color: #808080;
font-size: 26px;
line-height: 1;
padding: 28px 50px 28px 30px;
box-sizing: border-box;
}
.content {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
font-size: 26px;
line-height: 1;
color: #000;
&-item {
display: flex;
align-items: center;
color: #808080;
font-size: 26px;
min-width: 120px;
.sp-checkbox-new__label {
font-size: 26px;
}
}
.sq {
font-size: 20px;
line-height: 1;
border-bottom: 1px solid #000;
}
.flex {
display: flex;
align-items: center;
.ck {
font-size: 26px;
color: #163586;
margin-right: 2px;
}
}
}
.ipt {
display: flex;
flex: 1;
font-size: 26px;
line-height: 1;
color: #000;
padding-right: 40px;
box-sizing: border-box;
&-placeholder {
color: #808080;
}
}
}
.tips {
padding: 60px 40px 40px;
view,
text {
font-size: 20px;
color: #999;
}
}
.bottom {
position: fixed;
bottom: 90px;
left: 0;
right: 0;
width: 100%;
.btn {
&-disabled {
background: #666;
}
}
}
.at-modal {
&__overlay {
background-color: rgba(0, 0, 0, 0.6);
}
&__container {
width: 560px;
border-radius: 10px;
}
&__header {
display: none;
}
&__content {
padding: 70px 80px 50px;
text-align: center;
min-height: auto;
display: flex;
.content-simple {
font-size: 30px;
}
}
.at-modal__footer--simple .at-modal__action > button:last-child:nth-child(2) {
color: #222;
}
}
.sp-picker {
.mask {
position: fixed;
z-index: 2;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #fff;
&.visible {
visibility: visible;
opacity: 1;
}
}
&-cnt {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
transition: all 0.3s ease-in-out;
transform: translateY(100%);
z-index: 13;
background-color: #fff;
border-radius: 30rpx 30rpx 0 0;
&.visible {
transform: translateY(0);
}
}
&-hd {
padding: 30px 50px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: none;
position: relative;
font-size: 26px;
.center {
margin: auto;
}
.at-icon-close {
padding: 20px 30px;
position: absolute;
right: 20px;
}
}
&-bd {
padding-bottom: 90px;
&-item {
display: flex;
align-items: center;
border-bottom: none;
padding: 0 90px;
view {
color: #000;
font-size: 26px;
line-height: 1;
}
.tit {
padding: 28px 50px 28px 30px;
box-sizing: border-box;
}
.content {
display: flex;
flex: 1;
color: #000;
}
}
.btn {
margin-top: 60px;
}
}
}
.btn {
margin: 0 50px;
display: flex;
height: 80px;
align-items: center;
justify-content: center;
font-size: 32px;
line-height: 1;
background: #000;
color: #fff;
border-radius: 6px;
&.notop {
margin-top: 10px;
}
}
.toast {
position: fixed;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 400px;
height: 120px;
background: #666;
color: #fff;
border-radius: 10px;
view {
font-size: 30px;
}
&.visible {
visibility: visible;
opacity: 1;
}
}
}

66
src/subpage/pages/trade/invoice-list.js
View File

@ -2,11 +2,11 @@ import React, { Component } from 'react'
import Taro, { getCurrentInstance } from '@tarojs/taro' import Taro, { getCurrentInstance } from '@tarojs/taro'
import { View, Text, ScrollView } from '@tarojs/components' import { View, Text, ScrollView } from '@tarojs/components'
import _mapKeys from 'lodash/mapKeys' import _mapKeys from 'lodash/mapKeys'
import { Loading, SpNote, SpPage } from '@/components' import { Loading, SpNote, SpPage, SpPrice, SpCheckboxNew } from '@/components'
import api from '@/api' import api from '@/api'
import { withPager, withLogin } from '@/hocs' import { withPager, withLogin } from '@/hocs'
import { log, pickBy, resolveOrderStatus, authSetting } from '@/utils' import { log, pickBy, resolveOrderStatus, authSetting } from '@/utils'
import TradeItem from './comps/item' // import TradeItem from './comps/item'
import './invoice-list.scss' import './invoice-list.scss'
@ -65,7 +65,7 @@ export default class InvoiceList extends Component {
log.debug('[trade list] list fetched and processed: ', nList) log.debug('[trade list] list fetched and processed: ', nList)
this.setState({ this.setState({
list: [...this.state.list, ...nList] list: [...this.state.list, ...nList, {}, {}, {}, {}, {}, {}, {}, {}]
}) })
return { total } return { total }
@ -127,6 +127,9 @@ export default class InvoiceList extends Component {
) )
} }
} }
onChangeItemCheck = (item) => {
console.log(item, 'ckeck点击')
}
render () { render () {
const { list, page } = this.state const { list, page } = this.state
@ -136,23 +139,52 @@ export default class InvoiceList extends Component {
{/* <SpNavBar title='发票管理' leftIconType='chevron-left' fixed='true' /> */} {/* <SpNavBar title='发票管理' leftIconType='chevron-left' fixed='true' /> */}
<ScrollView scrollY className='trade-list__scroll' onScrollToLower={this.nextPage}> <ScrollView scrollY className='trade-list__scroll' onScrollToLower={this.nextPage}>
{list.map((item) => { {list.map((item, idx) => {
return ( return (
<TradeItem // <TradeItem
customFooter // customFooter
payType={item.pay_type} // payType={item.pay_type}
key={item.tid} // key={item.tid}
info={item} // info={item}
onClick={this.handleClickItem.bind(this, item)} // onClick={this.handleClickItem.bind(this, item)}
onClickBtn={this.handleClickItemBtn} // onClickBtn={this.handleClickItemBtn}
renderFooter={ // renderFooter={
<View className='trade-item__ft'> // <View className='trade-item__ft'>
<Text className='trade-item__status'>已开票</Text> // <Text className='trade-item__status'>已开票</Text>
</View> // </View>
} // }
// />
<View className='invoice-item' key={`invoice_item_${idx}`}>
<SpCheckboxNew
checked={item.is_checked}
onChange={this.onChangeItemCheck.bind(this, item)}
/> />
<View className="right">
<View className="right-item">{idx + 1}开票金额：
<SpPrice size={28} className='total-pirce' value={item.payment / 100} showSeparator noDecimal />
</View>
<View className="right-item">订单编号：{item.tid}</View>
<View className="right-item">下单时间：{item.create_date}</View>
</View>
</View>
) )
})} })}
{!page.isLoading && list?.length && <View className="bottom">
<View className="bottom-line">
<View className="left">已选{1}个订单，共计
<SpPrice size={20} className='total-pirce' value={900900 / 100} showSeparator noDecimal />
</View>
<View className="right">开票金额以实际为准</View>
</View>
<View className='bottom-wrap'>
<SpCheckboxNew
checked={false}
onChange={this.onChangeItemCheck.bind(this, {})}
/>
<View className="bottom-txt">本页全选</View>
<View className="bottom-btn">下一步</View>
</View>
</View>}
{/*<AtButton {/*<AtButton
circle circle
type='primary' type='primary'
@ -161,7 +193,7 @@ export default class InvoiceList extends Component {
>下载</AtButton>*/} >下载</AtButton>*/}
{page.isLoading && <Loading>正在加载...</Loading>} {page.isLoading && <Loading>正在加载...</Loading>}
{!page.isLoading && !page.hasNext && !list.length && ( {!page.isLoading && !page.hasNext && !list.length && (
<SpNote img='trades_empty.png'>赶快去添加吧~</SpNote> <SpNote img='trades_empty.png'>已完成订单为空~</SpNote>
)} )}
</ScrollView> </ScrollView>
</SpPage> </SpPage>

86
src/subpage/pages/trade/invoice-list.scss
View File

@ -4,10 +4,92 @@
.page-invoice-list { .page-invoice-list {
.trade-list { .trade-list {
&__scroll { &__scroll {
@include page-scroll($tabs-height + $navigate-height + 10px, 0); // @include page-scroll($tabs-height + $navigate-height + 10px, 0);
@include page-scroll(var(--nav-height), 140px);
padding-top: 20px;
padding-bottom: 210px;
}
}
.invoice-item {
margin: 20px;
margin-top: 0;
padding: 50px 30px;
box-sizing: border-box;
background: #f7f7f7;
border-radius: 6px;
display: flex;
align-items: center;
.right {
display: flex;
flex-direction: column;
margin-left: 10px;
&-item {
color: #000;
margin-bottom: 20px;
line-height: 1;
}
&-item:last-child {
margin-bottom: 0;
}
}
}
.bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
&-line {
width: 100%;
padding: 16px 36px 16px 50px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
background: #999;
color: #fff;
.left {
display: flex;
align-items: center;
font-size: 20px;
line-height: 1;
.sp-price__symbol,
.sp-price__int {
color: #fff;
margin-right: 0 !important;
}
}
.right {
font-size: 20px;
line-height: 1;
}
}
&-wrap {
width: 100%;
padding: 10px 36px 50px 50px;
display: flex;
align-items: center;
box-sizing: border-box;
background: #fff;
}
&-txt {
margin-left: 20px;
line-height: 1;
}
&-btn {
margin-left: auto;
display: flex;
width: 300px;
height: 80px;
align-items: center;
justify-content: center;
font-size: 32px;
line-height: 1;
background: #000;
color: #fff;
border-radius: 6px;
} }
} }
.trade-item { .trade-item {
&__ft { &__ft {
flex: 1; flex: 1;

4
src/subpage/pages/trade/invoice-record.config.js Executable file
View File

@ -0,0 +1,4 @@
export default {
navigationBarTitleText: ' ',
navigationStyle: 'custom',
}

163
src/subpage/pages/trade/invoice-record.js Executable file
View File

@ -0,0 +1,163 @@
import React, { Component } from 'react'
import Taro, { getCurrentInstance } from '@tarojs/taro'
import { View, Text, ScrollView } from '@tarojs/components'
import _mapKeys from 'lodash/mapKeys'
import { Loading, SpNote, SpPage, SpPrice, SpCheckboxNew } from '@/components'
import api from '@/api'
import { withPager, withLogin } from '@/hocs'
import { log, pickBy, resolveOrderStatus, authSetting } from '@/utils'
import { AtIcon } from 'taro-ui'
import './invoice-record.scss'
@withPager
@withLogin()
export default class InvoiceList extends Component {
constructor(props) {
super(props)
this.state = {
...this.state,
list: []
}
}
componentDidMount () {
this.nextPage()
}
componentWillUnmount () { }
async fetch (params) {
params = _mapKeys(
{
...params
},
function (val, key) {
if (key === 'page_no') return 'page'
if (key === 'page_size') return 'pageSize'
return key
}
)
const { list, total_count: total } = await api.trade.involiceList(params)
let nList = pickBy(list, {
tid: 'order_id',
status_desc: 'order_status_msg',
status: ({ order_status }) => resolveOrderStatus(order_status),
totalItems: ({ items }) => items.reduce((acc, item) => +item.num + acc, 0),
payment: ({ total_fee }) => (total_fee / 100).toFixed(2),
pay_type: 'pay_type',
point: 'point',
create_date: 'create_date',
order: ({ items }) =>
pickBy(items, {
order_id: 'order_id',
item_id: 'item_id',
pic_path: 'pic',
title: 'item_name',
price: ({ item_fee }) => (+item_fee / 100).toFixed(2),
point: 'item_point',
num: 'num'
})
})
log.debug('[trade list] list fetched and processed: ', nList)
this.setState({
list: [...this.state.list, ...nList, {}, {}, {}, {}, {}, {}, {}, {}]
})
return { total }
}
handleClickItem = (trade) => {
const { tid } = trade
Taro.navigateTo({
url: `/subpage/pages/trade/detail?id=${tid}`
})
}
handleClickItemBtn = async (type, trade) => {
const params = { ...trade }
// console.log(trade, 84)
switch (type) {
case 'add-card':
await Taro.addCard(params)
break
case 'open-card':
await Taro.openCard(params)
break
}
}
handleClickBtn = async (type) => {
if (type === 'add-card') {
const showErr = (title = '下载失败') => {
return Taro.showToast({
icon: 'none',
title
})
}
authSetting(
'writePhotosAlbum',
async () => {
const { tempFilePath } = await Taro.downloadFile({
url: 'http://mmbiz.qpic.cn/mmbiz_png/1nDJByqmW2drJSibeWL0bEib2rj4OxG6ep2Y8VggMzP2pSSHVGNW3eIEy9BUiaMfxD4MrWUQ2oVaNEZs4VfQg8tSw/0?wx_fmt=png'
})
try {
await Taro.saveImageToPhotosAlbum({
filePath: tempFilePath
})
Taro.showToast({
icon: 'success',
title: '成功保存照片'
})
} catch (e) {
console.log(e)
}
// this.handleClickLayer()
},
() => {
showErr()
}
)
}
}
onChangeItemCheck = (item) => {
console.log(item, 'ckeck点击')
}
render () {
const { list, page } = this.state
return (
<SpPage className='page-invoice-info has-navbar' navigationBarTitleText='发票记录'>
<ScrollView scrollY className='trade-list__scroll' onScrollToLower={this.nextPage}>
{list.map((item, idx) => {
return (
<View className='invoice-item' key={`invoice_item_${idx}`}>
<View className="right">
<View className="right-item">{idx + 1}发票金额：
<SpPrice size={28} className='total-pirce' value={item.payment / 100} showSeparator noDecimal />
</View>
<View className="right-item">发票类型：电子发票</View>
<View className="right-item">抬头类型：{item.create_date}</View>
<View className="right-item">申请时间：{item.create_date || '2023-12-18 10:10'}</View>
</View>
<View className="status">
<Text className="txt">已申请</Text>
<AtIcon value='chevron-right' size='18' color='#888'></AtIcon>
</View>
</View>
)
})}
{page.isLoading && <Loading>正在加载...</Loading>}
</ScrollView>
</SpPage>
)
}
}

113
src/subpage/pages/trade/invoice-record.scss Executable file
View File

@ -0,0 +1,113 @@
@import '@/style/imports';
.page-invoice-info {
.trade-list {
&__scroll {
// @include page-scroll($tabs-height + $navigate-height + 10px, 0);
@include page-scroll(var(--nav-height), 140px);
padding-top: 20px;
padding-bottom: 210px;
}
}
.invoice-item {
margin: 0 20px 10px;
padding: 46px 36px 46px 50px;
box-sizing: border-box;
background: #f7f7f7;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
.right {
display: flex;
flex-direction: column;
margin-left: 10px;
&-item {
color: #000;
margin-bottom: 20px;
line-height: 1;
}
&-item:last-child {
margin-bottom: 0;
}
}
.status {
color: #888;
display: flex;
align-items: center;
.txt {
margin-right: 20px;
}
}
}
.bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
&-line {
width: 100%;
padding: 16px 36px 16px 50px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
background: #999;
color: #fff;
.left {
display: flex;
align-items: center;
font-size: 20px;
line-height: 1;
.sp-price__symbol,
.sp-price__int {
color: #fff;
margin-right: 0 !important;
}
}
.right {
font-size: 20px;
line-height: 1;
}
}
&-wrap {
width: 100%;
padding: 10px 36px 50px 50px;
display: flex;
align-items: center;
box-sizing: border-box;
background: #fff;
}
&-txt {
margin-left: 20px;
line-height: 1;
}
&-btn {
margin-left: auto;
display: flex;
width: 300px;
height: 80px;
align-items: center;
justify-content: center;
font-size: 32px;
line-height: 1;
background: #000;
color: #fff;
border-radius: 6px;
}
}
.trade-item {
&__ft {
flex: 1;
display: flex;
align-items: top;
justify-content: flex-end;
}
&__status {
font-size: $font-size-small;
color: #c1c1c1;
line-height: 40px;
}
}
}

2
src/subpage/pages/trade/list.js
View File

@ -352,7 +352,7 @@ export default class TradeList extends Component {
})} })}
{page.isLoading && <Loading>正在加载...</Loading>} {page.isLoading && <Loading>正在加载...</Loading>}
{!page.isLoading && !page.hasNext && !list.length && ( {!page.isLoading && !page.hasNext && !list.length && (
<SpNote isUrl img={`${process.env.APP_IMAGE_CDN_NEW}/index/logo.png`} height={144} width={144}> <SpNote isUrl img={`${process.env.APP_IMAGE_CDN_NEW}/cart/logo-hui.png`} height={144} width={144}>
您的{curTabIdx != '0' ? tabList[curTabIdx].title : ''}订单为空 您的{curTabIdx != '0' ? tabList[curTabIdx].title : ''}订单为空
</SpNote> </SpNote>
)} )}

3
src/subpage/pages/trade/list.scss
View File

@ -23,7 +23,8 @@
} }
.trade-list { .trade-list {
&__scroll { &__scroll {
@include page-scroll($navigate-height-h5, $edge-margin); // @include page-scroll($navigate-height-h5, $edge-margin);
@include page-scroll(var(--nav-height), 40px);
} }
} }
} }

5
src/subpages/auth/reg-rule.config.js
View File

@ -1 +1,4 @@
export default {} export default {
navigationBarTitleText: ' ',
navigationStyle: 'custom',
}

8
src/subpages/auth/reg-rule.js
View File

@ -18,11 +18,11 @@ export default class RegRule extends Component {
} }
} }
componentDidMount() { componentDidMount () {
this.fetch() this.fetch()
} }
async fetch() { async fetch () {
let data = '' let data = ''
let navBarTitle = '协议' let navBarTitle = '协议'
const { type } = this.$instance.router.params const { type } = this.$instance.router.params
@ -65,14 +65,16 @@ export default class RegRule extends Component {
}) })
} }
render() { render () {
const { info, title } = this.state const { info, title } = this.state
return ( return (
<SpPage className="has-navbar" navigationBarTitleText={title}>
<ScrollView enhanced scrollY showScrollbar={false} className='page-auth-reg-rule'> <ScrollView enhanced scrollY showScrollbar={false} className='page-auth-reg-rule'>
{info && ( {info && (
<SpHtml content={info} /> <SpHtml content={info} />
)} )}
</ScrollView> </ScrollView>
</SpPage>
) )
} }
} }

2
src/subpages/auth/reg-rule.scss
View File

@ -2,5 +2,5 @@
padding: 30px; padding: 30px;
background: #fff; background: #fff;
box-sizing: border-box; box-sizing: border-box;
height: 100vh; height: calc(100vh - var(--nav-height) - 40px);
} }

18
src/subpages/member/index.js
View File

@ -108,7 +108,7 @@ function MemberIndex (props) {
// console.log('===>getCurrentPages==>', getCurrentPages(), getCurrentInstance()) // console.log('===>getCurrentPages==>', getCurrentPages(), getCurrentInstance())
const $instance = getCurrentInstance() const $instance = getCurrentInstance()
const { isLogin, isNewUser, login, getUserInfoAuth } = useLogin({ const { isLogin, isNewUser, login, getUserInfoAuth } = useLogin({
autoLogin: true, autoLogin: false,
// policyUpdateHook: (isUpdate) => { // policyUpdateHook: (isUpdate) => {
// // isUpdate && setPolicyModal(true) // // isUpdate && setPolicyModal(true)
// if (isUpdate) { // if (isUpdate) {
@ -457,11 +457,13 @@ function MemberIndex (props) {
> >
<View className='header-hd'> <View className='header-hd'>
<View className='header-hd__header' onClick={isLogin && handleClickLink.bind(this, '/subpages/member/user-info')}> <View className='header-hd__header' onClick={isLogin && handleClickLink.bind(this, '/subpages/member/user-info')}>
<SpLogin newUser={isNewUser}>
<SpImage <SpImage
className='usericon' className='usericon'
src={(userInfo && userInfo.avatar) || ''} src={(userInfo && userInfo.avatar) || `${process.env.APP_IMAGE_CDN_NEW}/member/user-icon.png`}
width='110' width='114'
/> />
</SpLogin>
</View> </View>
<View className='header-hd__body' onClick={isLogin && handleClickLink.bind(this, '/subpages/member/user-info')}> <View className='header-hd__body' onClick={isLogin && handleClickLink.bind(this, '/subpages/member/user-info')}>
<View className='username-wrap'> <View className='username-wrap'>
@ -705,15 +707,15 @@ function MemberIndex (props) {
</View> </View>
</View> </View>
{state.isOpen && <View className={`${state.isOpen ? 'show ' : 'hide '}` + 'curtain'} onClick={() => setState((draft) => { draft.isOpen = false })}> {state.isOpen && <View className={`${state.isOpen ? 'show ' : 'hide '}` + 'curtain-block'} onClick={() => setState((draft) => { draft.isOpen = false })}>
<View className="curtain_mask"> <View className="curtain-block_mask">
<View className="curtain_content"> <View className="curtain-block_content">
<View className="curtain_content_title"> <View className="curtain-block_content_title">
<SpImage src={`member/logo-black.png`} height={32} mode='heightFix' isNew /> <SpImage src={`member/logo-black.png`} height={32} mode='heightFix' isNew />
<View className="">隐私政策</View> <View className="">隐私政策</View>
</View> </View>
<ScrollView scrollY <ScrollView scrollY
scrollWithAnimation className="curtain_content_text" showScrollbar={false} enhanced> scrollWithAnimation className="curtain-block_content_text" showScrollbar={false} enhanced>
亲爱的用户,感谢您使用Birkenstock微信小程序!为了加强对您个人信息的保护,我们根据最新法律的要求制定/更新了《隐私政策》,我们将基于合法以及正当必要的原则,按照本政策的规定向您提供各项服务 亲爱的用户,感谢您使用Birkenstock微信小程序!为了加强对您个人信息的保护,我们根据最新法律的要求制定/更新了《隐私政策》,我们将基于合法以及正当必要的原则,按照本政策的规定向您提供各项服务
本政策旨在向您说明休迪贸易 (上海)有限公司及其在中国大陆境内的线上线下门店如何收集、使用、传输和保护您的个人信息 本政策旨在向您说明休迪贸易 (上海)有限公司及其在中国大陆境内的线上线下门店如何收集、使用、传输和保护您的个人信息
通过《隐私政策》,我们向您主要说明: 通过《隐私政策》,我们向您主要说明:

5
src/subpages/member/index.scss
View File

@ -16,9 +16,10 @@
} }
.usericon { .usericon {
border: 4px solid #fff; border: 4px solid #fff;
// border: none;
width: 110px; width: 110px;
height: 110px; height: 110px;
border-radius: 50px; border-radius: 50%;
margin-right: 20px; margin-right: 20px;
overflow: hidden; overflow: hidden;
} }
@ -322,7 +323,7 @@
} }
} }
} }
.curtain { .curtain-block {
display: block; display: block;
position: fixed; position: fixed;
top: 0; top: 0;

115
src/subpages/member/user-info.js
View File

@ -1,5 +1,5 @@
import React, { useEffect, useRef } from 'react' import React, { useEffect, useRef } from 'react'
import { useSelector } from 'react-redux' import { useSelector, useDispatch } from 'react-redux'
import { useImmer } from 'use-immer' import { useImmer } from 'use-immer'
import Taro from '@tarojs/taro' import Taro from '@tarojs/taro'
import { AtButton } from 'taro-ui' import { AtButton } from 'taro-ui'
@ -10,6 +10,7 @@ import { SG_POLICY } from '@/consts'
import { classNames, showToast, formatTime, isWeixin, isWeb, pickBy } from '@/utils' import { classNames, showToast, formatTime, isWeixin, isWeb, pickBy } from '@/utils'
import imgUploader from '@/utils/upload' import imgUploader from '@/utils/upload'
import { View, Input, Picker, Button, Text, Checkbox } from '@tarojs/components' import { View, Input, Picker, Button, Text, Checkbox } from '@tarojs/components'
import { updateUserInfo } from '@/store/slices/user'
import './user-info.scss' import './user-info.scss'
const initialState = { const initialState = {
@ -30,6 +31,7 @@ const initialState = {
function MemberUserInfo () { function MemberUserInfo () {
const [state, setState] = useImmer(initialState) const [state, setState] = useImmer(initialState)
const dispatch = useDispatch()
const { const {
formItems, formItems,
formUserInfo, formUserInfo,
@ -49,7 +51,6 @@ function MemberUserInfo () {
useEffect(() => { useEffect(() => {
getFormItem() getFormItem()
fetchData()
}, []) }, [])
useEffect(() => { useEffect(() => {
@ -68,30 +69,32 @@ function MemberUserInfo () {
label: 'label', label: 'label',
children: 'children' children: 'children'
}) })
let arrProvice = [] // let arrProvice = []
let arrCity = [] // let arrCity = []
let arrCounty = [] // let arrCounty = []
_nList.map((item, index) => { // _nList.map((item, index) => {
arrProvice.push(item.label) // arrProvice.push(item.label)
if (index === 0) { // if (index === 0) {
item.children.map((c_item, c_index) => { // item.children.map((c_item, c_index) => {
arrCity.push(c_item.label) // arrCity.push(c_item.label)
if (c_index === 0) { // if (c_index === 0) {
c_item.children.map((cny_item) => { // c_item.children.map((cny_item) => {
arrCounty.push(cny_item.label) // arrCounty.push(cny_item.label)
}) // })
} // }
}) // })
} // }
}) // })
setState((draft) => { // setState((draft) => {
draft.nList = _nList // draft.nList = _nList
draft.areaList = [arrProvice, arrCity, arrCounty] // draft.areaList = [arrProvice, arrCity, arrCounty]
// draft.multiIndex = [0, 0, 0] // // draft.multiIndex = [0, 0, 0]
}) // })
return _nList
} }
const getFormItem = async () => { const getFormItem = async () => {
const _areaList = await fetchData()
const data = await api.user.regParam({ const data = await api.user.regParam({
is_edite_page: true is_edite_page: true
}) })
@ -111,7 +114,6 @@ function MemberUserInfo () {
} }
Object.keys(data).forEach((key, i) => { Object.keys(data).forEach((key, i) => {
const value = custom_data[key] || userInfo[key] const value = custom_data[key] || userInfo[key]
console.log("🚀 ~ key:", key, formSort[key])
if (data[key].is_open) { if (data[key].is_open) {
// if (key !== 'mobile' && key !== 'username') { // if (key !== 'mobile' && key !== 'username') {
// } // }
@ -132,10 +134,52 @@ function MemberUserInfo () {
} }
}) })
_formItems.push({ name: "居住城市", required_message: "请输入居住城市", key: "city", element_type: "area", field_type: 7, placeholder: "请选择居住城市", range: [], sort: 999 }) _formItems.push({ name: "居住城市", required_message: "请输入居住城市", key: "city", element_type: "area", field_type: 7, placeholder: "请选择居住城市", range: [], sort: 999 })
console.log("🚀 ~ _formItems:", _formItems) const { life_province, life_city, life_county } = userInfo
_formUserInfo.life_province = life_province
_formUserInfo.life_city = life_city
_formUserInfo.life_county = life_county
// _formUserInfo.multiIndex = userInfo.multiIndex || [0, 0, 0]
let _multiIndex = [0, 0, 0]
let arrProvice = []
let arrCity = []
let arrCounty = []
_areaList.forEach((item, index) => {
arrProvice.push(item.label)
if (life_province && life_city && life_county) {
if (item.label === life_province) {
_multiIndex[0] = index
item.children.map((s_item, sIndex) => {
arrCity.push(s_item.label)
if (s_item.label === life_city) {
_multiIndex[1] = sIndex
s_item.children.map((th_item, thIndex) => {
arrCounty.push(th_item.label)
if (th_item.label === life_county) {
_multiIndex[2] = thIndex
}
})
}
})
}
} else {
if (index === 0) {
item.children.map((c_item, c_index) => {
arrCity.push(c_item.label)
if (c_index === 0) {
c_item.children.map((cny_item) => {
arrCounty.push(cny_item.label)
})
}
})
}
}
})
setState((draft) => { setState((draft) => {
draft.nList = _areaList
draft.formItems = _formItems.sort((a, b) => a.sort - b.sort) draft.formItems = _formItems.sort((a, b) => a.sort - b.sort)
draft.formUserInfo = _formUserInfo draft.formUserInfo = _formUserInfo
draft.areaList = [arrProvice, arrCity, arrCounty]
draft.multiIndex = _multiIndex
}) })
} }
@ -186,12 +230,14 @@ function MemberUserInfo () {
} }
const renderDatePicker = ({ key, required_message }) => { const renderDatePicker = ({ key, required_message }) => {
const disabled = key === 'birthday' && !userInfo.birthday_can_edit
return ( return (
<Picker mode='date' value={formUserInfo[key]} onChange={onChangePicker.bind(this, key)} start='1900-01-01' end={formatTime(new Date())}> <Picker mode='date' disabled={disabled} value={formUserInfo[key]} onChange={onChangePicker.bind(this, key)} start='1900-01-01' end={formatTime(new Date())}>
<View <View
className={classNames('picker-value', { className={classNames('picker-value', {
'placeholder': !formUserInfo[key] 'placeholder': !formUserInfo[key]
})} })}
style={{ 'color': disabled ? '#a5a5a5' : '#000' }}
> >
{formUserInfo[key] || required_message} {formUserInfo[key] || required_message}
</View> </View>
@ -278,9 +324,11 @@ function MemberUserInfo () {
}) })
} }
}) })
const { province: life_province, city: life_city, county: life_county } = _info
setState((draft) => { setState((draft) => {
draft.multiIndex = e.detail.value draft.multiIndex = e.detail.value
draft.info = _info draft.info = _info
draft.formUserInfo = { ...draft.formUserInfo, life_province, life_city, life_county, multiIndex }
}) })
} }
@ -342,7 +390,7 @@ function MemberUserInfo () {
value={multiIndex} value={multiIndex}
range={areaList} range={areaList}
> >
<View className='picker'> <View className='picker' style={{ 'color': multiIndex.length > 0 ? '#000' : '#a5a5a5' }}>
{info.address_id ? ( {info.address_id ? (
`${info.province}-${info.city}-${info.county}` `${info.province}-${info.city}-${info.county}`
) : ( ) : (
@ -380,16 +428,19 @@ function MemberUserInfo () {
const { avatar, username } = formUserInfo const { avatar, username } = formUserInfo
await api.member.updateMemberInfo({ await api.member.updateMemberInfo({
username, username,
avatar avatar,
...formUserInfo
}) })
await api.member.setMemberInfo({ await api.member.setMemberInfo({
...formUserInfo ...formUserInfo,
}) })
showToast('修改成功') showToast('修改成功')
await getUserInfo(true) await getUserInfo(true)
let memberRes = await api.member.memberInfo()
dispatch(updateUserInfo(memberRes))
setTimeout(() => { setTimeout(() => {
Taro.navigateBack() Taro.navigateBack()
}, 200) }, 300)
} }
const handleLogOff = async () => { const handleLogOff = async () => {
@ -469,7 +520,7 @@ function MemberUserInfo () {
if (isWeixin) { if (isWeixin) {
return ( return (
<Button class='avatar-wrapper' open-type='chooseAvatar' onChooseAvatar={onChooseAvatar}> <Button class='avatar-wrapper' open-type='chooseAvatar' onChooseAvatar={onChooseAvatar}>
<SpImage src={formUserInfo.avatar || 'user_icon.png'} width={110} height={110} circle /> <SpImage src={'cart/logo-hui.png'} width={110} height={110} circle isNew />
</Button> </Button>
) )
} else { } else {
@ -513,7 +564,7 @@ function MemberUserInfo () {
onInput={onChangeUsername} onInput={onChangeUsername}
onConfirm={onChangeUsername} onConfirm={onChangeUsername}
/> : renderFormItem(item)} /> : renderFormItem(item)}
{(item.element_type === 'select' || item.element_type === 'date') && <View className="iconfont icon-arrowRight"></View>} {(item.element_type === 'select' || item.element_type === 'date') && <View className="iconfont icon-arrowRight" style={{ color: item.key === 'birthday' && !userInfo.birthday_can_edit ? '#a5a5a5' : '#000' }}></View>}
</View> </View>
</View>)} </View>)}
</View> </View>