feat(share): 分享注册联调
This commit is contained in:
woody
parent
b3c7456503
commit
8d221af93d
|
|
@ -1,262 +1,282 @@
|
|||
|
||||
<template>
|
||||
<u-popup :show="sucShow" closeable :round="10" mode="center" @close="sucShow= false">
|
||||
<view class="pop_a">
|
||||
<view class="tit">
|
||||
<u-icon name="checkmark-circle-fill" color="#029B00"></u-icon>
|
||||
<view>{{'注册成功'}}</view>
|
||||
</view>
|
||||
|
||||
<view class="getCode" @tap="onCopy">{{'复制'}}</view>
|
||||
<view class="form">
|
||||
<u--form labelPosition="left" labelWidth="80px" :model="allData" ref="uForm">
|
||||
<u-form-item :label="'会员姓名'+':'" borderBottom>
|
||||
<u--input v-model="allData.memberName" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'会员编号'+':'" borderBottom>
|
||||
<u--input v-model="allData.memberCode" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'会员电话'+':'" borderBottom>
|
||||
<u--input v-model="allData.phone" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'登录密码'+':'" borderBottom>
|
||||
<u--input v-model="allData.loginPassword" border="none">
|
||||
</u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'支付密码'+':'" borderBottom>
|
||||
<u--input v-model="allData.payPassword" border="none">
|
||||
</u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'登录网址'+':'" borderBottom>
|
||||
<u--input v-model="allData.urlAddress" border="none"></u--input>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
<view class="disflx">
|
||||
<u-button
|
||||
type="success"
|
||||
class="uBtn"
|
||||
shape="circle"
|
||||
color="linear-gradient(to right, #005BAC, #005BAC )"
|
||||
@tap="handleClose"
|
||||
>
|
||||
确定
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
<img class="yh" v-show="bia" src="@/static/images/yh.gif" alt="">
|
||||
<img class="cd" v-show="bia" src="@/static/images/cd.gif" alt="">
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup
|
||||
:show="sucShow"
|
||||
closeable
|
||||
:round="10"
|
||||
mode="center"
|
||||
@close="sucShow = false"
|
||||
>
|
||||
<view class="pop_a">
|
||||
<view class="tit">
|
||||
<u-icon name="checkmark-circle-fill" color="#029B00"></u-icon>
|
||||
<view>{{ '注册成功' }}</view>
|
||||
</view>
|
||||
|
||||
<view class="getCode" @tap="onCopy">{{ '复制' }}</view>
|
||||
<view class="form">
|
||||
<u--form
|
||||
labelPosition="left"
|
||||
labelWidth="80px"
|
||||
:model="allData"
|
||||
ref="uForm"
|
||||
>
|
||||
<u-form-item :label="'会员姓名' + ':'" borderBottom>
|
||||
<u--input v-model="allData.memberName" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'会员编号' + ':'" borderBottom>
|
||||
<u--input v-model="allData.memberCode" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'会员电话' + ':'" borderBottom>
|
||||
<u--input v-model="allData.phone" border="none"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'登录密码' + ':'" borderBottom>
|
||||
<u--input v-model="allData.loginPassword" border="none"> </u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'支付密码' + ':'" borderBottom>
|
||||
<u--input v-model="allData.payPassword" border="none"> </u--input>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'登录网址' + ':'" borderBottom>
|
||||
<u--input v-model="allData.urlAddress" border="none"></u--input>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
<view class="disflx">
|
||||
<u-button
|
||||
type="success"
|
||||
class="uBtn"
|
||||
shape="circle"
|
||||
color="linear-gradient(to right, #005BAC, #005BAC )"
|
||||
@tap="handleClose"
|
||||
>
|
||||
确定
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
<img class="yh" v-show="bia" src="@/static/images/yh.gif" alt="" />
|
||||
<img class="cd" v-show="bia" src="@/static/images/cd.gif" alt="" />
|
||||
</view>
|
||||
</u-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sucShow: false,
|
||||
bia: false,
|
||||
allData: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showSuccess(data) {
|
||||
this.allData = data
|
||||
// this.allData.gzh = '海之圣'
|
||||
// this.allData.ios = 'http://yxydl.hzs413.com/q2efum'
|
||||
// this.allData.android = 'https://cn.hzs413.com/'
|
||||
this.sucShow = true
|
||||
this.bia = true
|
||||
let that = this
|
||||
setTimeout(() => {
|
||||
that.bia = false
|
||||
}, 3000)
|
||||
},
|
||||
handleClose() {
|
||||
this.sucShow = false
|
||||
this.$emit('successClose')
|
||||
},
|
||||
payPw() {},
|
||||
onCopy() {
|
||||
let text =
|
||||
'会员姓名' + ':' +
|
||||
this.allData.memberName +
|
||||
'\n' +
|
||||
'会员编号' + ':' +
|
||||
this.allData.memberCode +
|
||||
'\n' +
|
||||
'会员电话' + ':' +
|
||||
this.allData.phone +
|
||||
'\n' +
|
||||
'登录密码' + ':' +
|
||||
this.allData.loginPassword +
|
||||
'\n' +
|
||||
'支付密码' + ':' +
|
||||
this.allData.payPassword +
|
||||
'\n' +
|
||||
'登录网址' + ':' +
|
||||
this.allData.urlAddress
|
||||
// +
|
||||
// '\n' +
|
||||
// '公众号搜索'+':' +
|
||||
// this.allData.gzh+
|
||||
// '\n' +
|
||||
// 'APP'+`(${'苹果'})` +
|
||||
// ':' +
|
||||
// this.allData.ios+
|
||||
// '\n' +
|
||||
// 'APP'+`(${'安卓'})` +
|
||||
// ':' +
|
||||
// this.allData.android
|
||||
this.$copyText(text).then((res) => {
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'none',
|
||||
})
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sucShow: false,
|
||||
bia: false,
|
||||
allData: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showSuccess(data) {
|
||||
this.allData = data
|
||||
// this.allData.gzh = '海之圣'
|
||||
// this.allData.ios = 'http://yxydl.hzs413.com/q2efum'
|
||||
// this.allData.android = 'https://cn.hzs413.com/'
|
||||
this.sucShow = true
|
||||
this.bia = true
|
||||
let that = this
|
||||
setTimeout(() => {
|
||||
that.bia = false
|
||||
}, 3000)
|
||||
},
|
||||
handleClose() {
|
||||
this.sucShow = false
|
||||
this.$emit('successClose', this.allData)
|
||||
},
|
||||
payPw() {},
|
||||
onCopy() {
|
||||
let text =
|
||||
'会员姓名' +
|
||||
':' +
|
||||
this.allData.memberName +
|
||||
'\n' +
|
||||
'会员编号' +
|
||||
':' +
|
||||
this.allData.memberCode +
|
||||
'\n' +
|
||||
'会员电话' +
|
||||
':' +
|
||||
this.allData.phone +
|
||||
'\n' +
|
||||
'登录密码' +
|
||||
':' +
|
||||
this.allData.loginPassword +
|
||||
'\n' +
|
||||
'支付密码' +
|
||||
':' +
|
||||
this.allData.payPassword +
|
||||
'\n' +
|
||||
'登录网址' +
|
||||
':' +
|
||||
this.allData.urlAddress
|
||||
// +
|
||||
// '\n' +
|
||||
// '公众号搜索'+':' +
|
||||
// this.allData.gzh+
|
||||
// '\n' +
|
||||
// 'APP'+`(${'苹果'})` +
|
||||
// ':' +
|
||||
// this.allData.ios+
|
||||
// '\n' +
|
||||
// 'APP'+`(${'安卓'})` +
|
||||
// ':' +
|
||||
// this.allData.android
|
||||
this.$copyText(text).then(res => {
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'none',
|
||||
})
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dialog-footer {
|
||||
display: flex;
|
||||
}
|
||||
.dialog-footer {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.btn {
|
||||
line-height: 50px;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
background: #d5251d;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
margin: 25px auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
.btn {
|
||||
line-height: 50px;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
background: #d5251d;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
margin: 25px auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hui {
|
||||
line-height: 50px;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
background: #ccc;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
margin: 25px auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
.hui {
|
||||
line-height: 50px;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
background: #ccc;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
margin: 25px auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 10px;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 0;
|
||||
}
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
// border-bottom: 1px solid #f2f2f2;
|
||||
// padding-bottom: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
// border-bottom: 1px solid #f2f2f2;
|
||||
// padding-bottom: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.tit1 {
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #005BAC;
|
||||
text-align: center;
|
||||
}
|
||||
.tit1 {
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #005bac;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.digBody {
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
.digBody {
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-family:
|
||||
PingFang SC-Regular,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
|
||||
.red {
|
||||
font-size: 20px;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #f43c3a;
|
||||
position: relative;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
.red {
|
||||
font-size: 20px;
|
||||
font-family:
|
||||
PingFang SC-Regular,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #f43c3a;
|
||||
position: relative;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
|
||||
.copy {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
transform: translateX(-100%);
|
||||
top: 0;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.copy {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
transform: translateX(-100%);
|
||||
top: 0;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
view {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
view {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.yh {
|
||||
width: 262px;
|
||||
height: 262px;
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.yh {
|
||||
width: 262px;
|
||||
height: 262px;
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.cd {
|
||||
width: 496px;
|
||||
height: 496px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.cd {
|
||||
width: 496px;
|
||||
height: 496px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.getCode {
|
||||
text-align: right;
|
||||
margin: 48rpx 24rpx 0 0;
|
||||
font-size: 10px;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #18acff;
|
||||
}
|
||||
.getCode {
|
||||
text-align: right;
|
||||
margin: 48rpx 24rpx 0 0;
|
||||
font-size: 10px;
|
||||
font-family:
|
||||
PingFang SC-Regular,
|
||||
PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #18acff;
|
||||
}
|
||||
|
||||
.pop_a {
|
||||
padding: 40rpx 40rpx;
|
||||
}
|
||||
.pop_a {
|
||||
padding: 40rpx 40rpx;
|
||||
}
|
||||
|
||||
.uBtn {
|
||||
margin: 20rpx;
|
||||
}
|
||||
.uBtn {
|
||||
margin: 20rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-popup__content {
|
||||
width: 90%;
|
||||
}
|
||||
::v-deep .u-popup__content {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
::v-deep .u-form-item__body__left__content__label {
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
</style>
|
||||
::v-deep .u-form-item__body__left__content__label {
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
112
config/goods.js
112
config/goods.js
|
|
@ -5,83 +5,115 @@
|
|||
* @Date: 2022-11-23 11:10:29
|
||||
*/
|
||||
/*
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: kBank
|
||||
* @Date: 2022-11-23 11:10:29
|
||||
*/
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: kBank
|
||||
* @Date: 2022-11-23 11:10:29
|
||||
*/
|
||||
const http = uni.$u.http
|
||||
|
||||
//商品列表
|
||||
export const getAllGoods = (params) => http.post('/sale/api/wares/query-spe-wares', params)
|
||||
export const getAllGoods = params =>
|
||||
http.post('/sale/api/wares/query-spe-wares', params)
|
||||
//商品详情
|
||||
// export const waresDetail = (params) => http.post('/sale/api/wares/query-spe-wares-detail', params)
|
||||
export const waresDetail = (params) => http.post('/sale/api/retail-wares/wares-detail', params)
|
||||
export const waresDetail = params =>
|
||||
http.post('/sale/api/retail-wares/wares-detail', params)
|
||||
//嗨粉海粉短信
|
||||
export const verification = (params) => http.get('/member/api/sms/fans-verification', { params })
|
||||
export const verification = params =>
|
||||
http.get('/member/api/sms/fans-verification', { params })
|
||||
//嗨粉选择省市区
|
||||
export const getAllAreaList = (params) => http.get('system/api/area/provinceList', { params })
|
||||
export const getAllAreaList = params =>
|
||||
http.get('system/api/area/provinceList', { params })
|
||||
//嗨粉选择国家
|
||||
export const getCountry = (params) => http.get('system/api/country/list', { params })
|
||||
export const getCountry = params =>
|
||||
http.get('system/api/country/list', { params })
|
||||
//海粉注册
|
||||
export const regShareMember = (params) => http.post('/member/api/member/reg-share-member', params)
|
||||
export const regShareMember = params =>
|
||||
http.post('/member/api/member/reg-share-member', params)
|
||||
//hi粉注册
|
||||
export const hiRegister = (params) => http.post('/member/api/fans/register', params)
|
||||
export const hiRegister = params =>
|
||||
http.post('/member/api/fans/register', params)
|
||||
//幂等性
|
||||
export const generate = (params) => http.get('/system/api/idempotent/generate', { params })
|
||||
export const generate = params =>
|
||||
http.get('/system/api/idempotent/generate', { params })
|
||||
//发货
|
||||
export const deliveryList = (params) => http.get('/system/pub/enums/delivery-list', { params })
|
||||
export const deliveryList = params =>
|
||||
http.get('/system/pub/enums/delivery-list', { params })
|
||||
//海粉渠道
|
||||
export const jxhhSource = (params) => http.get('/sale/api/t-source/list/' + params)
|
||||
export const jxhhSource = params =>
|
||||
http.get('/sale/api/t-source/list/' + params)
|
||||
//海粉分类
|
||||
export const optionList = (params) => http.post('/sale/api/twares-category-category/option-list', params )
|
||||
export const optionList = params =>
|
||||
http.post('/sale/api/twares-category-category/option-list', params)
|
||||
//海粉商品
|
||||
export const sharingWares = (params) => http.get('/sale/api/wares/sharing-zone-wares', { params })
|
||||
export const sharingWares = params =>
|
||||
http.get('/sale/api/wares/sharing-zone-wares', { params })
|
||||
//分享邮费查询
|
||||
export const queryAdressPostage = (params) => http.post('/sale/api/order/self-order-postage', params)
|
||||
export const queryAdressPostage = params =>
|
||||
http.post('/sale/api/order/self-order-postage', params)
|
||||
//嗨粉分享确认订单
|
||||
export const confirmFunShareOrder = (params) => http.post('/sale/api/order/confirm-self-fun-order', params)
|
||||
export const confirmFunShareOrder = params =>
|
||||
http.post('/sale/api/order/confirm-self-fun-order', params)
|
||||
//海粉商品详情
|
||||
export const sharingWaresDetail = (params) => http.get('/sale/api/wares/query-spe-sharing-wares-detail', { params })
|
||||
export const sharingWaresDetail = params =>
|
||||
http.get('/sale/api/wares/query-spe-sharing-wares-detail', { params })
|
||||
//海粉订单确认
|
||||
export const confirmShareOrder = (params) => http.post('/sale/api/order/confirm-share-order', params)
|
||||
export const confirmShareOrder = params =>
|
||||
http.post('/sale/api/order/confirm-share-order', params)
|
||||
|
||||
//获取购物车
|
||||
export const getShopping = (params) => http.get('/sale/api/shopping/getShopping', { params })
|
||||
export const getShopping = params =>
|
||||
http.get('/sale/api/shopping/getShopping', { params })
|
||||
//分类列表
|
||||
export const classifyList = (params) => http.get('/sale/api/area-classify/list', { params })
|
||||
export const classifyList = params =>
|
||||
http.get('/sale/api/area-classify/list', { params })
|
||||
//加减购物车
|
||||
export const plusReduceShopping = (params) => http.post('/sale/api/shopping/plusReduceShopping', params)
|
||||
export const plusReduceShopping = params =>
|
||||
http.post('/sale/api/shopping/plusReduceShopping', params)
|
||||
//多删购物车
|
||||
export const batchDelShopping = (params) => http.post('/sale/api/shopping/batchDelShopping', params)
|
||||
export const batchDelShopping = params =>
|
||||
http.post('/sale/api/shopping/batchDelShopping', params)
|
||||
//添加购物车
|
||||
export const addShopping = (params) => http.post('/sale/api/shopping/addShopping', params)
|
||||
export const addShopping = params =>
|
||||
http.post('/sale/api/shopping/addShopping', params)
|
||||
//菜单权限
|
||||
export const menuList = (params) => http.get('/system/api/menu/list', { params })
|
||||
export const menuList = params => http.get('/system/api/menu/list', { params })
|
||||
//海粉分享
|
||||
export const shareCode = (params) => http.get('/member/api/share/share-code-h5', { params })
|
||||
export const shareCode = params =>
|
||||
http.get('/member/api/share/share-code-h5', { params })
|
||||
//嗨粉分享
|
||||
export const fansCode = (params) => http.get('/member/api/share/fans-code-h5', { params })
|
||||
export const fansCode = params =>
|
||||
http.get('/member/api/share/fans-code-h5', { params })
|
||||
//获取购物车数量
|
||||
export const getShoppingCount = (params) => http.get('/sale/api/shopping/getShoppingCount', { params })
|
||||
export const getShoppingCount = params =>
|
||||
http.get('/sale/api/shopping/getShoppingCount', { params })
|
||||
//获取购物车数小
|
||||
export const getSmallCount = (params) => http.get('/sale/api/shopping/getAreaShoppingCount', { params })
|
||||
export const getSmallCount = params =>
|
||||
http.get('/sale/api/shopping/getAreaShoppingCount', { params })
|
||||
//获取分享前缀
|
||||
export const prefix = (params) => http.get('/member/api/member/query-country-prefix/' + params, )
|
||||
export const prefix = params =>
|
||||
http.get('/member/api/member/query-country-prefix/' + params)
|
||||
//校验分享编号
|
||||
export const validateMember = (params) => http.get('/member/api/member/validate-share-member/' + params, )
|
||||
export const validateMember = params =>
|
||||
http.get('/member/api/member/validate-share-member/' + params)
|
||||
|
||||
//获取国家
|
||||
export const currencyList = (params) => http.get('/system/api/country/list' , {params} )
|
||||
export const currencyList = params =>
|
||||
http.get('/system/api/country/list', { params })
|
||||
//0元注册时
|
||||
export const checkShare = (params) => http.get('/member/api/share/check-share-code' , {params} )
|
||||
export const checkShare = params =>
|
||||
http.get('/member/api/share/check-share-code', { params })
|
||||
|
||||
//海粉订单详情
|
||||
export const waresinfo = (params) => http.post('/sale/api/wares/query-confirm-waresinfo', params)
|
||||
export const waresinfo = params =>
|
||||
http.post('/sale/api/wares/query-confirm-waresinfo', params)
|
||||
|
||||
//hi粉确认订单
|
||||
export const fansConfirm = (params) => http.post('/sale/api/order/fans-confirm-order', params)
|
||||
export const fansConfirm = params =>
|
||||
http.post('/sale/api/retail-order/fans-confirm-order', params)
|
||||
//购物车注册下单校验弹框
|
||||
export const energyShop = (params) => http.post('/sale/api/wares/query-energy-silo', params)
|
||||
export const energyShop = params =>
|
||||
http.post('/sale/api/wares/query-energy-silo', params)
|
||||
//hi粉确认订单
|
||||
export const energyShopSilo = (params) => http.post('/sale/api/order/valid-silo', params)
|
||||
export const energyShopSilo = params =>
|
||||
http.post('/sale/api/order/valid-silo', params)
|
||||
|
|
|
|||
|
|
@ -99,12 +99,16 @@ export const indexPopScreen = params =>
|
|||
export const getMenuList = params =>
|
||||
http.get('/system/api/menu/list', { params })
|
||||
|
||||
//海粉默认登录（H5扫码使用）
|
||||
export const autoLogin = params =>
|
||||
http.post('/retail-member/auth/api/auto-login', params)
|
||||
http.post('/member/api/retail-auth/auto-login', params)
|
||||
|
||||
// 分享注册后自动登录
|
||||
// registered-auto-login
|
||||
export const registeredAutoLogin = params =>
|
||||
http.post('/member/api/retail-auth/registered-auto-login', params)
|
||||
//海粉商品
|
||||
export const queryWares = params =>
|
||||
http.post('/sale/api/wares/query-spe-wares-copy', params)
|
||||
http.get('/sale/api/wares/list-wares-share', { params })
|
||||
//保存礼品地址
|
||||
export const saveGiftAddress = params =>
|
||||
http.post('/retail-member/api/retail-member-gift/update-gift', params)
|
||||
|
|
@ -117,7 +121,7 @@ export const getUserAwards = params =>
|
|||
|
||||
//获取安置人编号
|
||||
export const fansConvertCode = params =>
|
||||
http.get('/retail-member/api/retail-member/fans-convert-code/' + params)
|
||||
http.get('/member/api/member/fans-convert-code/' + params)
|
||||
|
||||
//获取荣誉奖衔
|
||||
export const getIndexAwards = params =>
|
||||
|
|
|
|||
|
|
@ -72,10 +72,9 @@ export const payPickOrder = params =>
|
|||
|
||||
//解绑银行卡
|
||||
export const unBind = params => http.post('/pay/ada-fast/un-bind', params)
|
||||
|
||||
//查询注册信息
|
||||
export const registerInfo = params =>
|
||||
http.get('/member/api/member/register-order/' + params)
|
||||
http.get('/member/api/member/fans-order/' + params)
|
||||
|
||||
// 升级支付
|
||||
export const upgradePay = params =>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ module.exports = vm => {
|
|||
|
||||
//#ifdef DEV_SERVER
|
||||
console.log('DEV_SERVER')
|
||||
config.baseURL = 'http://t-app.beida777.com/prod-api'
|
||||
config.baseURL = 'http://192.168.0.86:8080'
|
||||
//#endif
|
||||
|
||||
//#ifdef QA_SERVER
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
ref="child2"
|
||||
@childMethodTrigger="callChildMethod"
|
||||
></znNewsPopup>
|
||||
<RegionSelect v-if="userInfo.memberCode != 'BF66886688'" />
|
||||
<!-- <RegionSelect v-if="userInfo.memberCode != 'BF66886688'" /> -->
|
||||
<!-- 直推排行弹窗
|
||||
<directrank-popup
|
||||
@callznMethodTrigger="callznMethod"
|
||||
|
|
@ -92,14 +92,12 @@ import {
|
|||
REPURCHASE_AREA,
|
||||
} from '@/util/specialAreaMap'
|
||||
import { MEMBER_SIGN } from '@/util/common.js'
|
||||
import RegionSelect from '@/components/region-select/index.vue'
|
||||
export default {
|
||||
components: {
|
||||
noticePopup,
|
||||
znNewsPopup,
|
||||
'cl-tabbar': clTabbar,
|
||||
'special-area-wrapper': SpecialAreaWrapper,
|
||||
RegionSelect,
|
||||
},
|
||||
filters: {
|
||||
seles(value) {
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
</view>
|
||||
|
||||
<!-- 新增信息展示 -->
|
||||
<view
|
||||
<!-- <view
|
||||
class="extra-info-card"
|
||||
v-if="
|
||||
[MEMBER_SIGN.NORMAL_LEVEL, MEMBER_SIGN.ZERO_LEVEL].includes(
|
||||
|
|
@ -86,9 +86,9 @@
|
|||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 市场动态 -->
|
||||
<view class="my_order" v-if="marketWrapperVisible && isNormal">
|
||||
<!-- <view class="my_order" v-if="marketWrapperVisible && isNormal">
|
||||
<view class="my_title">
|
||||
<text class="thetitle">{{ '市场动态' }}</text>
|
||||
</view>
|
||||
|
|
@ -160,14 +160,10 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="my_order">
|
||||
<view class="my_title">
|
||||
<text class="thetitle">{{ '我的订单' }}</text>
|
||||
<!-- <view class="findallorder" @click="goTo('/pages/mine/order/index')">
|
||||
<text>{{ '全部订单' }}</text>
|
||||
<u-icon name="arrow-right" color="#999999" size="16rpx"></u-icon>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="order_flex thepadding" style="justify-content: center">
|
||||
<view
|
||||
|
|
@ -338,11 +334,11 @@
|
|||
</u-button>
|
||||
</view>
|
||||
</u-popup>
|
||||
<RegionSelect
|
||||
<!-- <RegionSelect
|
||||
v-if="isNormal"
|
||||
ref="regionSelect"
|
||||
@success="getRegionSelect"
|
||||
/>
|
||||
/> -->
|
||||
<!-- <talentList :drShow="drShow" @closeShow="closeShow"></talentList> -->
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -480,9 +476,9 @@ export default {
|
|||
return
|
||||
}
|
||||
this.isNormal = isNormal
|
||||
this.getRegionSelect()
|
||||
this.getMemberBoxCount()
|
||||
this.getMarketDynamicBoxCount()
|
||||
// this.getRegionSelect()
|
||||
// this.getMemberBoxCount()
|
||||
// this.getMarketDynamicBoxCount()
|
||||
// this.getUserAwardss()
|
||||
})
|
||||
},
|
||||
|
|
|
|||
|
|
@ -11,164 +11,247 @@
|
|||
<template>
|
||||
<view class="tit">{{ '待支付金额' }}</view>
|
||||
<view class="tit1">
|
||||
￥{{ paramsPost.orderAmount | numberToCurrency }}
|
||||
{{ paramsPost.orderAmount | numberToCurrency }}
|
||||
</view>
|
||||
<view class="tit2"
|
||||
<!-- <view class="tit2"
|
||||
>{{ '请在' }} <view class="tit3">{{ countDown }}</view
|
||||
>{{ '内完成支付，否则订单将会被自动取消' }}
|
||||
</view>
|
||||
</view> -->
|
||||
</template>
|
||||
<!-- 暂时隐藏 -->
|
||||
<view v-if="false" class="kuang">
|
||||
<u-collapse
|
||||
:value="activeNames"
|
||||
ref="collapse"
|
||||
@open="change"
|
||||
@close="close"
|
||||
accordion
|
||||
:border="false"
|
||||
>
|
||||
<u-collapse-item name="1">
|
||||
<view slot="title" class="pf">
|
||||
<img src="@/static/images/under_pay.png" alt="" />
|
||||
<view>{{ '在线支付' }}</view>
|
||||
<view class="kuang">
|
||||
<view>
|
||||
<view slot="title" class="pf">
|
||||
<img src="@/static/images/under_pay.png" alt="" />
|
||||
<view>{{ '在线支付' }}</view>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.BAO_FU_WECHAT]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '宝付微信支付' }}</view>
|
||||
</view>
|
||||
<view class="flex_ac" v-show="this.payList.pay11">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '宝付微信支付' }}</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio activeColor="red" size="14" label="" :name="11">
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.BAO_FU_WECHAT"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.BAO_FU_WECHAT_SCAN]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '宝付微信扫码' }}</view>
|
||||
</view>
|
||||
<view class="flex_ac" v-show="this.payList.pay12">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '宝付微信扫码' }}</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio activeColor="red" size="14" label="" :name="12">
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.BAO_FU_WECHAT_SCAN"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.HUI_FU_WECHAT]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '汇付微信支付' }}</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.HUI_FU_WECHAT"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<!-- 微信支付 -->
|
||||
<view class="flex_ac" v-show="payList[PAY_AUTH[PAY_TYPE.WECHAT_PAY]]">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '微信支付' }}</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.WECHAT_PAY"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<!-- 支付宝支付 -->
|
||||
<view class="flex_ac" v-show="payList[PAY_AUTH[PAY_TYPE.ALI_PAY]]">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i3.png" alt="" />
|
||||
<view>{{ '支付宝支付' }}</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.ALI_PAY"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac1"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.HUI_FU_BANK_CARD]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '汇付银行卡' }} </view>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in hfList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('hf' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
<view>{{ item.bankName }} ({{ item.bankNo }})</view>
|
||||
<view class="fixBind" @click="fixBind(item)">解绑</view>
|
||||
</view>
|
||||
|
||||
<view class="flex_ac" v-show="this.payList.pay13">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>{{ '汇付微信支付' }}</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.HUI_FU_BANK_CARD + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio activeColor="red" size="14" label="" :name="13">
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="flex_ac1" v-show="this.payList.pay15">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '汇付银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in hfList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('hf' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
{{ item.bankName }} ({{ item.bankNo }})
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="red"
|
||||
size="14"
|
||||
label=""
|
||||
:name="'hf' + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('hf')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('hf')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex_ac" v-show="this.payList.pay32">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>通联微信支付</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio activeColor="red" size="14" label="" :name="32">
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.TONG_LIAN_WECHAT]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/pay_i2.png" alt="" />
|
||||
<view>通联微信支付</view>
|
||||
</view>
|
||||
<view class="flex_ac1" v-show="this.payList.pay33">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '通联银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.TONG_LIAN_WECHAT"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac1"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.JING_DONG_BANK_CARD]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '京东银行卡' }}</view>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in jdList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('jd' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
{{ item.bankName }} ({{ item.bankNo }})
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.JING_DONG_BANK_CARD + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in tlList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('tl' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
{{ item.bankName }} ({{ item.bankNo }})
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="red"
|
||||
size="14"
|
||||
label=""
|
||||
:name="'tl' + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('tl')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('jd')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex_ac1" v-show="this.payList.pay4">
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '京东银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.JING_DONG_H5]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>京东收银台</view>
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.JING_DONG_H5"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view
|
||||
class="flex_ac1"
|
||||
v-show="payList[PAY_AUTH[PAY_TYPE.TONG_LIAN_BANK_CARD]]"
|
||||
>
|
||||
<view class="flex_ac_i">
|
||||
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||
<view>{{ '通联银行卡' }}</view>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in tlList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('tl' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
{{ item.bankName }} ({{ item.bankNo }})
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="#005BAC"
|
||||
size="18"
|
||||
label=""
|
||||
:name="PAY_TYPE.TONG_LIAN_BANK_CARD + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="pad">
|
||||
<view
|
||||
v-for="(item, index) in jdList"
|
||||
:key="index"
|
||||
class="pay_flax flex_bet"
|
||||
@click.prevent="selPayRadio('jd' + index)"
|
||||
>
|
||||
<view class="flax_i">
|
||||
{{ item.bankName }} ({{ item.bankNo }})
|
||||
</view>
|
||||
<u-radio-group v-model="whatPay">
|
||||
<u-radio
|
||||
activeColor="red"
|
||||
size="14"
|
||||
label=""
|
||||
:name="'jd' + index"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('jd')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
<view class="pay_flax flax_i" @click="bindBank('tl')">
|
||||
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||
<view>{{ '绑定银行卡' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-collapse-item>
|
||||
</u-collapse>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 底部 -->
|
||||
|
|
@ -225,7 +308,10 @@
|
|||
<div ref="qrCodeUrlWx" class="qrcode"></div>
|
||||
</view>
|
||||
</u-popup>
|
||||
<hiSuccess @successClose="successClose" ref="hiSuccess"></hiSuccess>
|
||||
<successDialog
|
||||
@successClose="successClose"
|
||||
ref="successDialog"
|
||||
></successDialog>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -234,15 +320,24 @@ import * as api from '@/config/pay.js'
|
|||
import QRCode from 'qrcodejs2'
|
||||
import { removeToken } from '@/config/auth.js'
|
||||
|
||||
import hiSuccess from '@/components/hiSuccess.vue'
|
||||
import successDialog from '@/components/successDialog.vue'
|
||||
import * as act from '@/config/activity.js'
|
||||
import {
|
||||
PAY_REDIRECT_URL,
|
||||
PAY_TYPE,
|
||||
PAY_CHANEL,
|
||||
PAY_AUTH,
|
||||
} from '@/util/constant.js'
|
||||
var payStatus
|
||||
let getRegisterInfoTimeoutFlag = null
|
||||
export default {
|
||||
components: {
|
||||
hiSuccess,
|
||||
successDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
PAY_TYPE,
|
||||
PAY_AUTH,
|
||||
payList: {},
|
||||
isLoading: false,
|
||||
clockTime: '',
|
||||
|
|
@ -257,12 +352,12 @@ export default {
|
|||
},
|
||||
paramsPost: '',
|
||||
isShare: false, //分享用户第一次爆单
|
||||
userInfo: '',
|
||||
userInfo: uni.getStorageSync('User'),
|
||||
activeNames: 1,
|
||||
whatPay: '',
|
||||
hfList: [],
|
||||
jdList: [],
|
||||
businessType: '',
|
||||
businessType: 1,
|
||||
isBank: '',
|
||||
isPw: false,
|
||||
codeValue: '',
|
||||
|
|
@ -271,9 +366,7 @@ export default {
|
|||
sucPay: 0,
|
||||
content: '支付成功',
|
||||
wxPopup: false,
|
||||
luckydrawData: {},
|
||||
isRecharge: false,
|
||||
czJe: '',
|
||||
tlList: [],
|
||||
}
|
||||
},
|
||||
|
|
@ -286,74 +379,22 @@ export default {
|
|||
)
|
||||
|
||||
this.pkCountry = uni.getStorageSync('pkCountry')
|
||||
// if (this.paramsPost.isRecharge) {
|
||||
// this.isRecharge = this.paramsPost.isRecharge
|
||||
// this.businessType = 3
|
||||
// uni.setNavigationBarTitle({
|
||||
// title: '充值'
|
||||
// });
|
||||
// } else {
|
||||
// uni.setNavigationBarTitle({
|
||||
// title: '订单支付'
|
||||
// });
|
||||
// this.isRecharge = false
|
||||
// if (JSON.parse(options.paramsPost).orderType == 4) {
|
||||
|
||||
this.orderCode = this.paramsPost.orderCode
|
||||
// this.luckydrawData = this.paramsPost.luckydrawData
|
||||
// // 抽奖支付处理（查询订单支付信息以及显示等）
|
||||
// this.businessType = 4 //抽奖
|
||||
// this.specialArea = this.paramsPost.specialArea
|
||||
// this.getLuckdrawDetail()
|
||||
// } else {
|
||||
// this.userInfo = uni.getStorageSync('User')
|
||||
// if (
|
||||
// this.userInfo.registerFans == 0
|
||||
// ) {
|
||||
// this.isShare = true
|
||||
// }
|
||||
|
||||
// this.specialArea =
|
||||
// this.paramsPost.specialArea || this.paramsPost.orderType
|
||||
// this.orderCode = this.paramsPost.orderCode
|
||||
// this.businessType = options.businessType
|
||||
// // this.getInfo()
|
||||
|
||||
// // 获取订单信息
|
||||
// this.getOrderInfo()
|
||||
// if (!this.isShare) {
|
||||
// // 获取消费信息
|
||||
// this.getSpendInfo()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// 获取支付配置
|
||||
this.getPayConfig()
|
||||
this.downTime()
|
||||
// clearInterval(this.clockTime)
|
||||
},
|
||||
|
||||
onShow() {
|
||||
// 获取银行卡
|
||||
// this.getBankList()
|
||||
},
|
||||
onUnload() {
|
||||
clearTimeout(getRegisterInfoTimeoutFlag)
|
||||
clearInterval(payStatus)
|
||||
},
|
||||
methods: {
|
||||
//查询充值抽奖次数
|
||||
getLuckdrawDetail() {
|
||||
// 抽奖支付处理（查询订单支付信息以及显示等）
|
||||
act
|
||||
.getLuckdrawDetail({
|
||||
pkBaseId: this.luckydrawData.pkBaseId,
|
||||
payNum: this.luckydrawData.payNum,
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 200) {
|
||||
this.orderData.orderAmount = res.data.toBePaidMoney
|
||||
this.payDetail = res.data
|
||||
// this.downTime()
|
||||
}
|
||||
})
|
||||
},
|
||||
closewxPopup() {
|
||||
this.wxPopup = false
|
||||
this.$refs.qrCodeUrlWx.innerHTML = ''
|
||||
|
|
@ -384,10 +425,18 @@ export default {
|
|||
},
|
||||
fansOrder() {
|
||||
api.fansOrder(this.orderCode).then(res => {
|
||||
this.isLoading = false
|
||||
this.isPw = false
|
||||
removeToken()
|
||||
this.$refs.hiSuccess.showSuccess(res.data)
|
||||
if (res.data) {
|
||||
this.isLoading = false
|
||||
this.isPw = false
|
||||
uni.hideLoading()
|
||||
removeToken()
|
||||
|
||||
this.$refs.successDialog.showSuccess(res.data)
|
||||
} else {
|
||||
getRegisterInfoTimeoutFlag = setTimeout(() => {
|
||||
this.fansOrder()
|
||||
}, 3000)
|
||||
}
|
||||
})
|
||||
},
|
||||
payPw() {
|
||||
|
|
@ -411,7 +460,7 @@ export default {
|
|||
url(obj).then(res => {
|
||||
if (res.code == 200) {
|
||||
// this.isPw = false
|
||||
// this.$refs.hiSuccess.showSuccess(res.data)
|
||||
// this.$refs.successDialog.showSuccess(res.data)
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
|
|
@ -431,66 +480,50 @@ export default {
|
|||
}
|
||||
})
|
||||
},
|
||||
quickPay(cz) {
|
||||
// 非银行卡
|
||||
if (typeof this.whatPay == 'number') {
|
||||
if (this.whatPay == 12) {
|
||||
this.scanPayBfWx(5)
|
||||
} else if (this.whatPay == 13) {
|
||||
this.scanPayBfWx(6)
|
||||
} else if (this.whatPay == 11) {
|
||||
this.scanPayBfWxJump(5)
|
||||
} else if (this.whatPay == 32) {
|
||||
this.scanPayTlWxJump(3)
|
||||
async quickPay() {
|
||||
if (
|
||||
![
|
||||
PAY_TYPE.HUI_FU_BANK_CARD,
|
||||
PAY_TYPE.JING_DONG_BANK_CARD,
|
||||
PAY_TYPE.TONG_LIAN_BANK_CARD,
|
||||
].includes(this.whatPay.slice(0, 2))
|
||||
) {
|
||||
if ([PAY_TYPE.JING_DONG_H5].includes(this.whatPay)) {
|
||||
this.redirectPay(PAY_CHANEL[this.whatPay])
|
||||
} else if (
|
||||
[PAY_TYPE.BAO_FU_WECHAT_SCAN, PAY_TYPE.HUI_FU_WECHAT].includes(
|
||||
this.whatPay
|
||||
)
|
||||
) {
|
||||
this.scanPayBfWx(PAY_CHANEL[this.whatPay])
|
||||
} else if (this.whatPay == PAY_TYPE.WECHAT_PAY) {
|
||||
this.scanPayWx(PAY_CHANEL[this.whatPay])
|
||||
} else if (this.whatPay == PAY_TYPE.ALI_PAY) {
|
||||
this.scanPayAl(PAY_CHANEL[this.whatPay])
|
||||
}
|
||||
} else {
|
||||
if (this.whatPay.slice(0, 2) == 'hf') {
|
||||
let indexed = this.whatPay.slice(2, 4)
|
||||
let params = {
|
||||
businessType: 1, //订单类型
|
||||
businessCode: this.orderCode,
|
||||
payChannel: 6, //汇付
|
||||
payType: 3, //银行卡
|
||||
bindCode: this.hfList[indexed].bindCode,
|
||||
}
|
||||
api.unifiedorder(params).then(response => {
|
||||
this.isBank = 'hf'
|
||||
this.bindCode = this.hfList[indexed].bindCode
|
||||
this.isPw = true
|
||||
})
|
||||
this.checkPayStatus(params)
|
||||
} else if (this.whatPay.slice(0, 2) == 'jd') {
|
||||
let indexed = this.whatPay.slice(2, 4)
|
||||
|
||||
let params = {
|
||||
businessType: 1, //订单类型
|
||||
businessCode: this.orderCode,
|
||||
payChannel: 4, //京东
|
||||
payType: 3, //银行卡
|
||||
bindCode: this.jdList[indexed].bindCode,
|
||||
}
|
||||
api.unifiedorder(params).then(response => {
|
||||
this.isBank = 'jd'
|
||||
this.bindCode = this.jdList[indexed].bindCode
|
||||
this.isPw = true
|
||||
})
|
||||
this.checkPayStatus(params)
|
||||
} else if (this.whatPay.slice(0, 2) == 'tl') {
|
||||
let indexed = this.whatPay.slice(2, 4)
|
||||
let params = {
|
||||
businessType: 1, //订单类型
|
||||
businessCode: this.orderCode,
|
||||
payChannel: 3, //通联
|
||||
payType: 3, //银行卡
|
||||
bindCode: this.tlList[indexed].bindCode,
|
||||
}
|
||||
api.unifiedorder(params).then(response => {
|
||||
this.isBank = 'tl'
|
||||
this.bindCode = this.tlList[indexed].bindCode
|
||||
this.isPw = true
|
||||
})
|
||||
this.checkPayStatus(params)
|
||||
const indexed = this.whatPay.slice(2, 4)
|
||||
const payTypeEnum = this.whatPay.slice(0, 2)
|
||||
const bankListMap = {
|
||||
[PAY_TYPE.HUI_FU_BANK_CARD]: this.hfList[indexed].bindCode,
|
||||
[PAY_TYPE.JING_DONG_BANK_CARD]: this.jdList[indexed].bindCode,
|
||||
[PAY_TYPE.TONG_LIAN_BANK_CARD]: this.tlList[indexed].bindCode,
|
||||
}
|
||||
this.bindCode = bankListMap[payTypeEnum]
|
||||
const params = {
|
||||
businessType: this.businessType, //订单类型
|
||||
payChannel: PAY_CHANEL[payTypeEnum],
|
||||
payType: 3, //银行卡
|
||||
bindCode: bankListMap[payTypeEnum],
|
||||
}
|
||||
Object.assign(params, {
|
||||
businessCode: this.orderCode,
|
||||
})
|
||||
api.unifiedorder(params).then(response => {
|
||||
this.isBank = this.whatPay.slice(0, 2)
|
||||
this.isPw = true
|
||||
this.checkPayStatus(params)
|
||||
})
|
||||
}
|
||||
},
|
||||
// 宝付微信支付
|
||||
|
|
@ -527,6 +560,47 @@ export default {
|
|||
})
|
||||
this.checkPayStatus(params)
|
||||
},
|
||||
redirectPay(payChannel) {
|
||||
this.getPayAuthToken(payChannel).then(url => {
|
||||
if (navigator.userAgent.includes('MicroMessenger')) {
|
||||
window.location.href = url
|
||||
} else {
|
||||
window.open(url)
|
||||
}
|
||||
})
|
||||
},
|
||||
getPayAuthToken(payChannel) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const extParam = {
|
||||
isRecharge: false,
|
||||
orderCode: this.orderCode,
|
||||
specialArea: 1,
|
||||
isSharePay: true,
|
||||
}
|
||||
// 将extParam对象转换为JSON字符串，再转换为base64编码
|
||||
const extParamBase64 = btoa(JSON.stringify(extParam))
|
||||
const params = {
|
||||
payChannel: payChannel,
|
||||
payType: 2,
|
||||
appletFlag: 0,
|
||||
businessType: this.businessType,
|
||||
businessCode: this.orderCode,
|
||||
extParam: extParamBase64,
|
||||
}
|
||||
api.unifiedorder(params).then(res => {
|
||||
if (res.code === 200) {
|
||||
resolve(res.data)
|
||||
this.checkPayStatus(params)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
})
|
||||
reject(res.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
scanPayBfWx(val) {
|
||||
let params = {
|
||||
businessType: 1,
|
||||
|
|
@ -566,10 +640,18 @@ export default {
|
|||
},
|
||||
getPayConfig() {
|
||||
api.payConfig().then(res => {
|
||||
this.payList = res.data
|
||||
this.$nextTick(() => {
|
||||
this.$refs.collapse.init()
|
||||
})
|
||||
if (res.code == 200) {
|
||||
this.payList = res.data || {}
|
||||
const firstPayAuth =
|
||||
Object.keys(this.payList).find(key => this.payList[key] === true) ||
|
||||
''
|
||||
const paykey = Object.keys(PAY_AUTH).find(
|
||||
key => PAY_AUTH[key] === firstPayAuth
|
||||
)
|
||||
this.whatPay = paykey
|
||||
}
|
||||
|
||||
console.log(this.payList)
|
||||
this.$forceUpdate()
|
||||
})
|
||||
},
|
||||
|
|
@ -588,18 +670,7 @@ export default {
|
|||
})
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getOrderInfo() {
|
||||
api
|
||||
.orderInfo({
|
||||
specialArea: this.specialArea,
|
||||
orderCode: this.orderCode,
|
||||
pkSettleCountry: this.pkCountry,
|
||||
})
|
||||
.then(res => {
|
||||
this.orderData = res.data
|
||||
this.downTime()
|
||||
})
|
||||
},
|
||||
|
||||
downTime() {
|
||||
let that = this
|
||||
this.clockTime = setInterval(() => {
|
||||
|
|
@ -639,7 +710,12 @@ export default {
|
|||
clearInterval(payStatus)
|
||||
this.wxPopup = false
|
||||
// this.showSucce = true
|
||||
this.fansOrder()
|
||||
uni.showLoading({
|
||||
title: '正在获取注册信息，请不要关闭当前页面',
|
||||
})
|
||||
setTimeout(() => {
|
||||
this.fansOrder()
|
||||
}, 2000)
|
||||
} else {
|
||||
api.payStatus(data).then(res => {
|
||||
that.sucPay = res.data
|
||||
|
|
@ -753,10 +829,9 @@ export default {
|
|||
.flex_ac {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
padding: 18rpx 0;
|
||||
padding: 18rpx 20rpx;
|
||||
}
|
||||
|
||||
.flex_ac1 {
|
||||
|
|
@ -766,7 +841,7 @@ export default {
|
|||
width: 100%;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
padding: 18rpx 0;
|
||||
// padding: 18rpx 0;
|
||||
}
|
||||
|
||||
.flex_ac_i {
|
||||
|
|
@ -786,10 +861,6 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
::v-deep .u-collapse-item__content__text {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
.pad {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
<view class="action-section">
|
||||
<view class="button-group">
|
||||
<button
|
||||
v-if="!isRecharge"
|
||||
v-if="!isRecharge && !isSharePay"
|
||||
class="btn btn-secondary"
|
||||
@click="goToOrderList"
|
||||
>
|
||||
|
|
@ -61,8 +61,10 @@
|
|||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import { payStatus, registerInfo } from '@/config/pay.js'
|
||||
import { registeredAutoLogin } from '@/config/login.js'
|
||||
import successDialog from '@/components/successDialog.vue'
|
||||
|
||||
import { setToken } from '@/config/auth.js'
|
||||
import store from '@/store'
|
||||
let paySetTimeoutFlag = null
|
||||
let getRegisterInfoTimeoutFlag = null
|
||||
export default {
|
||||
|
|
@ -76,6 +78,8 @@ export default {
|
|||
specialArea: null,
|
||||
isRecharge: undefined,
|
||||
payStatus: 0,
|
||||
isSharePay: false,
|
||||
memberData: {},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -93,10 +97,10 @@ export default {
|
|||
onLoad(options) {
|
||||
// 获取传递的参数
|
||||
const extParam = JSON.parse(atob(options.extParam || '{}'))
|
||||
console.log(extParam, '..extParam')
|
||||
this.specialArea = extParam.specialArea
|
||||
this.isRecharge = extParam.isRecharge
|
||||
this.orderCode = extParam.orderCode || ''
|
||||
this.isSharePay = extParam.isSharePay
|
||||
if (this.orderCode) {
|
||||
setTimeout(() => {
|
||||
this.pollingPayStatus(this.orderCode)
|
||||
|
|
@ -116,6 +120,7 @@ export default {
|
|||
registerInfo(this.orderCode).then(res => {
|
||||
if (res.data) {
|
||||
uni.hideLoading()
|
||||
this.memberData = res.data
|
||||
this.$refs.successDialog.showSuccess(res.data)
|
||||
} else {
|
||||
getRegisterInfoTimeoutFlag = setTimeout(() => {
|
||||
|
|
@ -152,7 +157,26 @@ export default {
|
|||
url: '/pages/mine/order/index',
|
||||
})
|
||||
},
|
||||
successClose() {
|
||||
// 获取临时token
|
||||
getTempToken({ memberCode, loginPassword, uuid }) {
|
||||
registeredAutoLogin({
|
||||
username: memberCode,
|
||||
password: loginPassword,
|
||||
uuid,
|
||||
}).then(res => {
|
||||
uni.setStorageSync('username', memberCode)
|
||||
setToken(res.data.access_token)
|
||||
uni.removeStorageSync('regiest-login')
|
||||
store.dispatch('GetInfo').then(res => {
|
||||
uni.switchTab({ url: '/pages/index/index' })
|
||||
})
|
||||
})
|
||||
},
|
||||
successClose({ memberCode, loginPassword, uuid }) {
|
||||
if (this.isSharePay) {
|
||||
this.getTempToken({ memberCode, loginPassword, uuid })
|
||||
return
|
||||
}
|
||||
uni.redirectTo({
|
||||
url: '/pages/mine/order/index',
|
||||
})
|
||||
|
|
@ -160,6 +184,10 @@ export default {
|
|||
|
||||
// 返回首页
|
||||
goToHome() {
|
||||
if (this.isSharePay) {
|
||||
this.getTempToken(this.memberData)
|
||||
return
|
||||
}
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,37 +1,51 @@
|
|||
|
||||
<template>
|
||||
<view class="contain">
|
||||
<view class="zhan"></view>
|
||||
<view class="goodList">
|
||||
<view v-for="item in goodList"
|
||||
:key="item.waresCode"
|
||||
class="goodList_i"
|
||||
>
|
||||
<img :src="item.cover1"
|
||||
class="cover"
|
||||
alt="">
|
||||
<view class="goodList_ir">
|
||||
<view class="tit1">
|
||||
{{ item.waresName }}
|
||||
</view>
|
||||
|
||||
<view class="sales">
|
||||
销量:{{ item.sales |seles}}
|
||||
</view>
|
||||
<view class="goodList_ib">
|
||||
<view>
|
||||
￥{{ item.waresPrice | numberToCurrency}}
|
||||
</view>
|
||||
<!-- <img @click.stop="addCar(item)"
|
||||
src="@/static/images/cart.png"
|
||||
alt=""> -->
|
||||
|
||||
</view>
|
||||
<view class="toBuy" @click.stop="goBuy(item)">立即购买</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="zhan2"></view>
|
||||
<!-- 头部营销区域 -->
|
||||
<view class="header-section">
|
||||
<view class="hero-content">
|
||||
<view class="hero-title">
|
||||
<text class="hero-main">新人专享特惠</text>
|
||||
<text class="hero-sub">精选好物·品质优选</text>
|
||||
</view>
|
||||
<!-- <view class="promotion-banner">
|
||||
<text class="promo-text">限时优惠·新人福利</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="goods-container">
|
||||
<scroll-view
|
||||
class="goodList"
|
||||
scroll-y="true"
|
||||
enhanced
|
||||
:show-scrollbar="false"
|
||||
>
|
||||
<view v-for="item in goodList" :key="item.waresCode" class="goodList_i">
|
||||
<img :src="item.cover1" class="cover" alt="" />
|
||||
<view class="goodList_ir">
|
||||
<view class="tit1">
|
||||
{{ item.waresName }}
|
||||
</view>
|
||||
|
||||
<view class="goodList_ib">
|
||||
<view class="price-container">
|
||||
<!-- <text class="currency">￥</text> -->
|
||||
<text class="price">{{
|
||||
item.waresPrice | numberToCurrency
|
||||
}}</text>
|
||||
</view>
|
||||
<!-- <img @click.stop="addCar(item)"
|
||||
src="@/static/images/cart.png"
|
||||
alt=""> -->
|
||||
</view>
|
||||
<view class="toBuy" @click.stop="goBuy(item)">立即购买</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-bottom">
|
||||
<text class="bottom-text">— 已显示全部商品 —</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -40,138 +54,469 @@ import * as api from '@/config/login.js'
|
|||
import { setToken } from '@/config/auth.js'
|
||||
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
pkParent:'',
|
||||
goodList:[],
|
||||
placeParent:''
|
||||
data() {
|
||||
return {
|
||||
pkParent: '',
|
||||
goodList: [],
|
||||
placeParent: '',
|
||||
}
|
||||
},
|
||||
filters:{
|
||||
seles(value){
|
||||
|
||||
if(value>999){
|
||||
return 999 + '+'
|
||||
}else{
|
||||
return value
|
||||
}
|
||||
|
||||
}
|
||||
filters: {
|
||||
seles(value) {
|
||||
if (value > 999) {
|
||||
return 999 + '+'
|
||||
} else {
|
||||
return value
|
||||
}
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
this.pkParent = options.pkParent
|
||||
this.getToken()
|
||||
|
||||
},
|
||||
methods:{
|
||||
getToken(){
|
||||
api.autoLogin({
|
||||
pkParent:this.pkParent
|
||||
}).then(res=>{
|
||||
setToken(res.data.access_token, res.data.expires_in)
|
||||
this.getList()
|
||||
this.getCode()
|
||||
methods: {
|
||||
getToken() {
|
||||
api
|
||||
.autoLogin({
|
||||
pkParent: this.pkParent,
|
||||
})
|
||||
.then(res => {
|
||||
setToken(res.data.access_token, res.data.expires_in)
|
||||
uni.setStorageSync('regiest-login', '1')
|
||||
this.getList()
|
||||
this.getCode()
|
||||
})
|
||||
},
|
||||
getCode() {
|
||||
api.fansConvertCode(this.pkParent).then(res => {
|
||||
this.placeParent = res.data
|
||||
uni.setStorageSync('placeParent', this.placeParent)
|
||||
})
|
||||
},
|
||||
getCode(){
|
||||
api.fansConvertCode(
|
||||
this.pkParent
|
||||
).then(res=>{
|
||||
this.placeParent = res.msg
|
||||
uni.setStorageSync('placeParent', this.placeParent)
|
||||
getList() {
|
||||
api
|
||||
.queryWares({
|
||||
shareMemberCode: this.pkParent,
|
||||
})
|
||||
.then(res => {
|
||||
this.goodList = res.data
|
||||
})
|
||||
},
|
||||
goBuy(item) {
|
||||
const params = {
|
||||
...item,
|
||||
pkParent: this.pkParent,
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/shareArea/hiOrder?allData=' + JSON.stringify(item),
|
||||
})
|
||||
},
|
||||
getList(){
|
||||
api.queryWares({
|
||||
shareMemberCode:this.pkParent
|
||||
}).then(res=>{
|
||||
this.goodList = res.data
|
||||
})
|
||||
},
|
||||
goBuy(item){
|
||||
uni.navigateTo({ url: '/pages/shareArea/hiOrder?allData=' + JSON.stringify(item)})
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.contain{
|
||||
background: #fff;
|
||||
height: 100vh;
|
||||
background: url('~@/static/images/hf1.jpg') no-repeat;
|
||||
background-size: cover;
|
||||
padding: 0 20px;
|
||||
.contain {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
#005bac 0%,
|
||||
#0066cc 50%,
|
||||
#f5f7fa 50%,
|
||||
#e8f4f8 100%
|
||||
);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.zhan{
|
||||
height: 36%;
|
||||
|
||||
// 头部营销区域
|
||||
.header-section {
|
||||
background: linear-gradient(135deg, #005bac 0%, #0066cc 100%);
|
||||
padding: 50rpx 32rpx 60rpx;
|
||||
animation: slideDown 0.6s ease-out;
|
||||
|
||||
.hero-content {
|
||||
text-align: center;
|
||||
|
||||
.hero-title {
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.hero-main {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8rpx;
|
||||
animation: fadeInUp 0.8s ease-out 0.2s both;
|
||||
}
|
||||
|
||||
.hero-sub {
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
animation: fadeInUp 0.8s ease-out 0.4s both;
|
||||
}
|
||||
}
|
||||
|
||||
.promotion-banner {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
#ff6b35 0%,
|
||||
#f7931e 50%,
|
||||
#ffd700 100%
|
||||
);
|
||||
border-radius: 30rpx;
|
||||
padding: 18rpx 36rpx;
|
||||
box-shadow: 0 8rpx 24rpx rgba(255, 107, 53, 0.4);
|
||||
animation:
|
||||
fadeInUp 0.8s ease-out 0.6s both,
|
||||
promoBreathe 3s ease-in-out infinite 1s;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.3);
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
transparent,
|
||||
rgba(255, 255, 255, 0.4),
|
||||
transparent
|
||||
);
|
||||
animation: shimmer 2.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.promo-text {
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 商品容器区域
|
||||
.goods-container {
|
||||
flex: 1;
|
||||
background: #f8fafc;
|
||||
border-radius: 40rpx 40rpx 0 0;
|
||||
margin-top: -40rpx;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
padding: 32rpx 24rpx 0;
|
||||
animation: fadeIn 0.8s ease-out 0.3s both;
|
||||
|
||||
.section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 20rpx 0;
|
||||
|
||||
.title-text {
|
||||
display: block;
|
||||
color: #1e293b;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.title-desc {
|
||||
display: block;
|
||||
color: #64748b;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 商品列表滚动区域
|
||||
.goodList {
|
||||
padding: 40rpx;
|
||||
height: 55vh;
|
||||
overflow-y: auto;
|
||||
background: url('~@/static/images/hf2.png') no-repeat;
|
||||
background-size: cover;
|
||||
height: calc(100vh - 400rpx);
|
||||
padding: 0 8rpx;
|
||||
|
||||
.goodList_i {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 60rpx 60rpx 30rpx 60rpx;
|
||||
// background: url('~@/static/images/hf3.png') no-repeat;
|
||||
// background-size: cover;
|
||||
border-radius: 20rpx;
|
||||
background-image: linear-gradient(to bottom, #fefbf8, #fadf97);
|
||||
margin-bottom: 20rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 24rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 91, 172, 0.06);
|
||||
border: 1rpx solid rgba(0, 91, 172, 0.1);
|
||||
transition: all 0.3s ease;
|
||||
animation: slideInUp 0.6s ease-out both;
|
||||
opacity: 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4rpx);
|
||||
box-shadow: 0 12rpx 32rpx rgba(0, 91, 172, 0.15);
|
||||
}
|
||||
|
||||
.cover {
|
||||
width: 240rpx;
|
||||
height: 240rpx;
|
||||
background: #f8fafc;
|
||||
border: 1rpx solid #e2e8f0;
|
||||
border-radius: 16rpx;
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.goodList_ir {
|
||||
margin-left: 40rpx;
|
||||
|
||||
margin-left: 24rpx;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
font-size: 24rpx;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
.goodList_ib {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 24px;
|
||||
font-family: Source Han Sans CN;
|
||||
|
||||
.tit1 {
|
||||
color: #1e293b;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #a36b28;
|
||||
line-height: 1.4;
|
||||
margin-bottom: 16rpx;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sales {
|
||||
color: #64748b;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.goodList_ib {
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.price-container {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
||||
.currency {
|
||||
color: #ff6b35;
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff6b35;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.toBuy {
|
||||
background: #005bac;
|
||||
color: #ffffff;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
border-radius: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
transparent,
|
||||
rgba(255, 255, 255, 0.2),
|
||||
transparent
|
||||
);
|
||||
transition: left 0.5s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #0066cc;
|
||||
transform: translateY(-2rpx);
|
||||
box-shadow: 0 6rpx 16rpx rgba(0, 91, 172, 0.3);
|
||||
|
||||
&::before {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cover {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
background: #ffffff;
|
||||
border: 1px solid #eeeeee;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.toBuy{
|
||||
color: #fff;
|
||||
background: #005BAC;
|
||||
padding: 10rpx 0;
|
||||
|
||||
.list-bottom {
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-size: 20px;
|
||||
padding: 40rpx 0 60rpx;
|
||||
|
||||
.bottom-text {
|
||||
color: #64748b;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tit1{
|
||||
color: #93561f;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
|
||||
// 动画定义
|
||||
@keyframes slideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-50rpx);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
.sales{
|
||||
color: #923f32;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30rpx);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(40rpx);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes promoBreathe {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1);
|
||||
box-shadow: 0 8rpx 24rpx rgba(255, 107, 53, 0.4);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 12rpx 32rpx rgba(255, 107, 53, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% {
|
||||
left: -100%;
|
||||
}
|
||||
50% {
|
||||
left: -100%;
|
||||
}
|
||||
100% {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// 商品卡片延迟动画
|
||||
.goodList_i:nth-child(1) {
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
.goodList_i:nth-child(2) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.goodList_i:nth-child(3) {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
.goodList_i:nth-child(4) {
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
.goodList_i:nth-child(5) {
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
.goodList_i:nth-child(n + 6) {
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
||||
// 响应式优化
|
||||
@media (max-width: 750rpx) {
|
||||
.header-section {
|
||||
padding: 40rpx 24rpx 50rpx;
|
||||
|
||||
.hero-content {
|
||||
.hero-title .hero-main {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goodList {
|
||||
.goodList_i {
|
||||
padding: 20rpx;
|
||||
|
||||
.cover {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.goodList_ir {
|
||||
margin-left: 20rpx;
|
||||
|
||||
.tit1 {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.goodList_ib {
|
||||
.price-container {
|
||||
.price {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toBuy {
|
||||
padding: 18rpx 0;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,3 @@
|
|||
<!--
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: kBank
|
||||
* @Date: 2022-11-21 15:11:22
|
||||
-->
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- <view class="index_header">
|
||||
|
|
@ -14,67 +8,50 @@
|
|||
<view class="subTxt">
|
||||
<view class="subTxt1">{{ '会员信息' }}</view>
|
||||
</view>
|
||||
<u-form
|
||||
:model="form"
|
||||
labelAlign="right"
|
||||
labelWidth="75"
|
||||
:rules="rules"
|
||||
ref="uForm"
|
||||
>
|
||||
<u-form :model="form" labelWidth="75" :rules="rules" ref="uForm">
|
||||
<view class="kuang">
|
||||
<u-form-item :label="'会员姓名'" prop="memberName">
|
||||
<u-form-item
|
||||
:label="'会员姓名'"
|
||||
prop="memberName"
|
||||
borderBottom
|
||||
required
|
||||
>
|
||||
<u-input
|
||||
:placeholder="'请输入会员姓名'"
|
||||
v-model.trim="form.memberName"
|
||||
border="none"
|
||||
/>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'联系方式'" prop="phone">
|
||||
<u-form-item :label="'联系方式'" prop="phone" borderBottom required>
|
||||
<u-input
|
||||
:placeholder="'请输入联系方式'"
|
||||
type="number"
|
||||
v-model.trim="form.phone"
|
||||
:maxlength="user.pkSettleCountry == 1 ? 11 : 20"
|
||||
border="none"
|
||||
/>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'自然国家'" @tap="changeCountry(0)">
|
||||
<view class="disFlex justBwn ge">
|
||||
<view class="disFlex">
|
||||
<img class="countImg" :src="form.pkCountryImg" alt="" />
|
||||
<view>{{ form.pkCountryLabel }}</view>
|
||||
<!-- <u-form-item
|
||||
v-if="[80, 90].includes(gradeValue) && provinceList.length"
|
||||
@click="regionSelectHandle"
|
||||
required
|
||||
label="会员区域"
|
||||
borderBottom
|
||||
prop="regionProvince"
|
||||
>
|
||||
<view class="disFlex justBwn">
|
||||
<view v-if="regionAddress.length">
|
||||
{{ regionAddress.map(item => item.name).join('-') }}
|
||||
</view>
|
||||
<u-icon name="arrow-down"></u-icon>
|
||||
<view
|
||||
v-else
|
||||
class="uni-input-placeholder input-placeholder"
|
||||
style="position: relative !important"
|
||||
>请选择区域</view
|
||||
>
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'结算国家'">
|
||||
<view class="disFlex justBwn ge hui">
|
||||
<view class="disFlex">
|
||||
<img class="countImg" :src="form.pkSettleCountryImg" alt="" />
|
||||
<view>{{ form.pkSettleCountryLabel }}</view>
|
||||
</view>
|
||||
<u-icon name="arrow-down"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'运输方式'">
|
||||
<view class="pickerHui">
|
||||
<u-input
|
||||
v-model="form.transTypeVal"
|
||||
disabled
|
||||
border="none"
|
||||
></u-input>
|
||||
<u-icon name="arrow-down"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'发货方式'">
|
||||
<view class="pickerHui">
|
||||
<u-input
|
||||
v-model="form.deliveryName"
|
||||
disabled
|
||||
:placeholder="'请选择发货方式'"
|
||||
border="none"
|
||||
></u-input>
|
||||
<u-icon name="arrow-down"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
</u-form-item> -->
|
||||
</view>
|
||||
<view class="subTxt">
|
||||
<view class="subTxt1">收货人信息</view>
|
||||
|
|
@ -82,23 +59,35 @@
|
|||
<view class="kuang">
|
||||
<view class="disFlex tit_t">
|
||||
<view></view>
|
||||
<!-- <view class="lan" @click="addAdress">新增收货人地址</view> -->
|
||||
</view>
|
||||
<u-form-item :label="'收货人'" prop="recName">
|
||||
<u-form-item :label="'收货人'" prop="recName" borderBottom required>
|
||||
<u-input
|
||||
v-model.trim="form.recName"
|
||||
:placeholder="'请输入收货人'"
|
||||
border="none"
|
||||
/>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'收货电话'" prop="recPhone">
|
||||
<u-form-item
|
||||
:label="'收货电话'"
|
||||
prop="recPhone"
|
||||
borderBottom
|
||||
required
|
||||
>
|
||||
<u-input
|
||||
v-model.trim="form.recPhone"
|
||||
type="number"
|
||||
maxlength="20"
|
||||
:placeholder="'请输入收货电话'"
|
||||
border="none"
|
||||
/>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'收货地址'" prop="diqu" @click="getDiqu">
|
||||
<u-form-item
|
||||
:label="'收货地址'"
|
||||
prop="diqu"
|
||||
@click="getDiqu"
|
||||
required
|
||||
borderBottom
|
||||
>
|
||||
<view class="picker">
|
||||
<u-input
|
||||
v-model.trim="form.diqu"
|
||||
|
|
@ -108,17 +97,22 @@
|
|||
<u-icon name="arrow-down"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'详细地址'" prop="recAddress">
|
||||
<u-form-item
|
||||
required
|
||||
:label="'详细地址'"
|
||||
prop="recAddress"
|
||||
borderBottom
|
||||
>
|
||||
<u--textarea
|
||||
v-model.trim="form.recAddress"
|
||||
maxlength="200"
|
||||
:placeholder="'请输入详细地址'"
|
||||
></u--textarea>
|
||||
</u-form-item>
|
||||
<u-form-item :label="'邮费'">
|
||||
<u-form-item :label="'邮费'" borderBottom>
|
||||
<u-input disabled v-model="form.postage" />
|
||||
</u-form-item>
|
||||
<u-form-item :label="'备注'">
|
||||
<u-form-item :label="'备注'" borderBottom>
|
||||
<u--textarea
|
||||
v-model="form.remark"
|
||||
:placeholder="'请输入备注'"
|
||||
|
|
@ -126,36 +120,6 @@
|
|||
</u-form-item>
|
||||
</view>
|
||||
</u-form>
|
||||
<!-- <view class="kuang">
|
||||
<view class="kuang_t">
|
||||
<view class="kuang_tl">
|
||||
<view class="sTit">{{'商品主图'}}</view>
|
||||
<img :src="allData.cover1"
|
||||
alt="">
|
||||
<view class="sTit">{{'商品名称'}}</view>
|
||||
<view class="cTit">{{ allData.waresName }}</view>
|
||||
</view>
|
||||
<view class="kuang_tr">
|
||||
<view class="sTit">{{'产品'}}</view>
|
||||
<view v-for="item,index in allData.specsSkuParamsList"
|
||||
:key="index">
|
||||
<view class="cTit">
|
||||
{{ item.productName }}{{ item.specsName }}*{{ item.quantity }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="kuang_t">
|
||||
<view class="kuang_tl">
|
||||
<view class="sTit">{{'商品价格'}}(￥)</view>
|
||||
<view class="cTit">{{ allData.waresPrice | numberToCurrency }}</view>
|
||||
</view>
|
||||
<view class="kuang_tr">
|
||||
<view class="sTit">{{'商品数量'}}</view>
|
||||
<view class="cTit">{{ allData.quantity }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="subTxt">
|
||||
<view class="subTxt1">商品信息</view>
|
||||
</view>
|
||||
|
|
@ -172,7 +136,7 @@
|
|||
</view>
|
||||
<view class="goodList_ib">
|
||||
<view class="tit2">
|
||||
￥{{ allData.waresPrice | numberToCurrency }}
|
||||
{{ allData.waresPrice | numberToCurrency }}
|
||||
</view>
|
||||
<!-- <view class="tit3">业绩: {{ item.achieve | numberToCurrency | isLocal}}</view> -->
|
||||
</view>
|
||||
|
|
@ -205,19 +169,6 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="kuang disFlex">
|
||||
<u-checkbox-group
|
||||
v-model="agreementShow"
|
||||
shape="circle"
|
||||
activeColor="#005BAC"
|
||||
@change="checkboxChange"
|
||||
>
|
||||
<u-checkbox :name="1"> </u-checkbox>
|
||||
</u-checkbox-group>
|
||||
<view class="tit3">{{ '请阅读并同意' }}</view>
|
||||
<view class="tit2" @click="toAgree"> 《{{ '购买协议' }}》</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 占空 -->
|
||||
<view style="height: 150rpx"></view>
|
||||
|
|
@ -226,8 +177,8 @@
|
|||
<view class="footer">
|
||||
<view class="footer_l">
|
||||
<view class="disFlex">
|
||||
<view class="h1">{{ '总价' }}</view>
|
||||
<view class="r1">¥{{ allData.waresPrice | numberToCurrency }}</view>
|
||||
<view class="h1">总价</view>
|
||||
<view class="r1">{{ allData.waresPrice | numberToCurrency }}</view>
|
||||
</view>
|
||||
<!-- <view class="disFlex">
|
||||
<view class="h1">{{'业绩'}}</view>
|
||||
|
|
@ -256,7 +207,6 @@
|
|||
:columns="countryList"
|
||||
keyName="label"
|
||||
></u-picker>
|
||||
<agreement ref="agreement"></agreement>
|
||||
<v-address
|
||||
ref="address"
|
||||
:defaultCode="defaultCode"
|
||||
|
|
@ -270,14 +220,13 @@ import address from '@/components/address.vue'
|
|||
import * as api from '@/config/goods'
|
||||
import * as regiest from '@/config/regiest'
|
||||
|
||||
import agreement from '@/components/agreement.vue'
|
||||
export default {
|
||||
components: {
|
||||
'v-address': address,
|
||||
agreement,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
regionAddress: [],
|
||||
specialArea: 7,
|
||||
isCountry: false,
|
||||
defaultCode: [],
|
||||
|
|
@ -293,6 +242,12 @@ export default {
|
|||
pkCountry: '',
|
||||
pkCountryLabel: '',
|
||||
pkCountryImg: '',
|
||||
pkGradeVal: '',
|
||||
memberName: '',
|
||||
phone: '',
|
||||
recName: '',
|
||||
recPhone: '',
|
||||
recAddress: '',
|
||||
},
|
||||
deliList: [],
|
||||
diqu: '',
|
||||
|
|
@ -356,6 +311,7 @@ export default {
|
|||
countryList: [],
|
||||
placeParent: '',
|
||||
user: '',
|
||||
gradeValue: '',
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
|
|
@ -378,6 +334,23 @@ export default {
|
|||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
getRegiestLevel() {
|
||||
const params = {
|
||||
firstCheck: 0,
|
||||
specialArea: this.specialArea,
|
||||
shopList: this.shoppingArr.map(id => {
|
||||
return {
|
||||
shoppingId: id,
|
||||
}
|
||||
}),
|
||||
}
|
||||
},
|
||||
regionSelectHandle() {
|
||||
this.$refs.regionAddress.setShow(this.provinceList[0].pkId)
|
||||
},
|
||||
setRegionAddress(area) {
|
||||
this.regionAddress = area
|
||||
},
|
||||
phonePass(rule, value, callback) {
|
||||
if (!value) {
|
||||
callback(new Error('请输入联系电话'))
|
||||
|
|
@ -386,21 +359,8 @@ export default {
|
|||
if (value.length < 6 || value.length > 20) {
|
||||
callback(new Error('请输入正确联系方式'))
|
||||
return false
|
||||
} else {
|
||||
regiest
|
||||
.validPhone({
|
||||
memberName: this.form.memberName,
|
||||
phone: this.form.phone,
|
||||
placeParent: this.placeParent,
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 200) {
|
||||
callback()
|
||||
} else {
|
||||
callback(new Error(res.msg))
|
||||
}
|
||||
})
|
||||
}
|
||||
callback()
|
||||
},
|
||||
getCountry() {
|
||||
regiest.countryList().then(res => {
|
||||
|
|
@ -450,10 +410,7 @@ export default {
|
|||
// url: '/pages/address/index',
|
||||
// })
|
||||
// },
|
||||
toAgree() {
|
||||
// agreeMent
|
||||
this.$refs.agreement.openDig()
|
||||
},
|
||||
|
||||
getGenerate() {
|
||||
api.generate().then(res => {
|
||||
uni.setStorageSync('mToken', res.msg)
|
||||
|
|
@ -461,14 +418,6 @@ export default {
|
|||
},
|
||||
goBuy() {
|
||||
this.$refs.uForm.validate().then(res => {
|
||||
if (this.agreementShow.length == 0) {
|
||||
uni.showToast({
|
||||
title: '请阅读并同意购买协议',
|
||||
icon: 'none',
|
||||
duration: 1500,
|
||||
})
|
||||
return
|
||||
}
|
||||
this.isLoading = true
|
||||
api
|
||||
.fansConfirm(
|
||||
|
|
@ -492,9 +441,14 @@ export default {
|
|||
pkWares: this.allData.pkId,
|
||||
skuList: [],
|
||||
}
|
||||
this.allData.specsSkuParamsList.forEach(item => {
|
||||
console.log(
|
||||
'%c [ carList ]-419',
|
||||
'font-size:13px; background:#b131b9; color:#f575fd;',
|
||||
this.allData
|
||||
)
|
||||
this.allData.productGroup.forEach(item => {
|
||||
carList.skuList.push({
|
||||
pkWaresSku: item.pkWaresSpecsSku,
|
||||
pkWaresSku: item.pkSkuId,
|
||||
quantity: item.quantity,
|
||||
})
|
||||
})
|
||||
|
|
@ -547,7 +501,7 @@ export default {
|
|||
}
|
||||
.kuang {
|
||||
// margin-top: 20rpx;
|
||||
padding: 20rpx 40rpx;
|
||||
// padding: 20rpx 40rpx;
|
||||
background: #fff;
|
||||
// box-shadow: 0px 2px 10px 0px rgba(204, 204, 204, 0.5);
|
||||
// border-radius: 10px 10px 10px 10px;
|
||||
|
|
@ -573,22 +527,16 @@ export default {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
border-width: 0.5px !important;
|
||||
border-color: #dadbde !important;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
padding: 6px 9px;
|
||||
}
|
||||
.pickerHui {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
border-width: 0.5px !important;
|
||||
border-color: #dadbde !important;
|
||||
border-style: solid;
|
||||
|
||||
border-radius: 4px;
|
||||
padding: 6px 9px;
|
||||
background: #f5f7fa;
|
||||
// padding: 6px 9px;
|
||||
// background: #f5f7fa;
|
||||
}
|
||||
.kuang_t {
|
||||
display: flex;
|
||||
|
|
@ -784,4 +732,9 @@ export default {
|
|||
background: #f6f6f6;
|
||||
padding: 0 28rpx 28rpx 28rpx;
|
||||
}
|
||||
.u-form-item {
|
||||
::v-deep .u-form-item__body {
|
||||
padding: 20rpx 30rpx !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -10,48 +10,55 @@
|
|||
<!-- <view class="index_header">
|
||||
<view>注册</view>
|
||||
</view> -->
|
||||
<view class="title">欢迎注册</view>
|
||||
<!-- <view class="tit" v-if="!pkCountry">{{ '嗨粉扫天下' }}</view> -->
|
||||
<!-- 海粉 -->
|
||||
<view class="formed1">
|
||||
<u-form :model="form" labelWidth="90px" ref="uForm" :rules="rules">
|
||||
<u-form-item label="推荐编号" prop="parentCode">
|
||||
<u-input v-model="form.parentCode" disabled> </u-input>
|
||||
<u-form :model="form" labelWidth="80px" ref="uForm" :rules="rules">
|
||||
<u-form-item label="" prop="memberCode">
|
||||
<u-input v-model="form.memberCode" type="number" disabled>
|
||||
<u--text
|
||||
:text="howHeader"
|
||||
slot="prefix"
|
||||
margin="0 3px 0 0"
|
||||
type="tips"
|
||||
></u--text>
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="会员姓名" prop="memberName">
|
||||
<u-form-item label="" prop="memberName">
|
||||
<u-input
|
||||
v-model="form.memberName"
|
||||
:placeholder="'请输入会员姓名'"
|
||||
/>
|
||||
</u-form-item>
|
||||
<u-form-item label="联系方式" prop="phone">
|
||||
<u-form-item label="" prop="phone">
|
||||
<u-input
|
||||
v-model="form.phone"
|
||||
@blur="setMemberCode"
|
||||
:placeholder="'请输入联系方式'"
|
||||
type="number"
|
||||
maxlength="20"
|
||||
/>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="登录密码" prop="loginPwd">
|
||||
<u-form-item label="" prop="loginPassword">
|
||||
<u-input
|
||||
:password="isPwd"
|
||||
:placeholder="'请输入登录密码'"
|
||||
v-model="form.loginPwd"
|
||||
v-model="form.loginPassword"
|
||||
>
|
||||
<template #suffix>
|
||||
<template slot="suffix">
|
||||
<u-icon name="eye" @tap="isPwd = !isPwd" v-if="!isPwd"></u-icon>
|
||||
<u-icon name="eye-off" @tap="isPwd = !isPwd" v-else></u-icon>
|
||||
</template>
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="支付密码" prop="payPwd">
|
||||
<u-form-item label="" prop="payPassword">
|
||||
<u-input
|
||||
:password="isPwd2"
|
||||
:placeholder="'请输入支付密码'"
|
||||
v-model="form.payPwd"
|
||||
v-model="form.payPassword"
|
||||
>
|
||||
<template #suffix>
|
||||
<template slot="suffix">
|
||||
<u-icon
|
||||
name="eye"
|
||||
@tap="isPwd2 = !isPwd2"
|
||||
|
|
@ -61,9 +68,9 @@
|
|||
</template>
|
||||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label="验证码" prop="smsCode">
|
||||
<u-input v-model="form.smsCode" :placeholder="'请输入验证码'">
|
||||
<template #suffix>
|
||||
<u-form-item label="" prop="code">
|
||||
<u-input v-model="form.code" :placeholder="'请输入验证码'">
|
||||
<template slot="suffix">
|
||||
<view class="getCode" @tap="getVilCode">{{ getCode }}</view>
|
||||
</template>
|
||||
</u-input>
|
||||
|
|
@ -130,10 +137,10 @@
|
|||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label=""
|
||||
prop="loginPwd">
|
||||
prop="loginPassword">
|
||||
<u-input :password="isPwd1"
|
||||
:placeholder="'请输入登录密码'"
|
||||
v-model="form.loginPwd">
|
||||
v-model="form.loginPassword">
|
||||
<template slot="suffix">
|
||||
<u-icon name="eye"
|
||||
@tap="isPwd1=!isPwd1"
|
||||
|
|
@ -145,10 +152,10 @@
|
|||
</u-input>
|
||||
</u-form-item>
|
||||
<u-form-item label=""
|
||||
prop="payPwd">
|
||||
prop="payPassword">
|
||||
<u-input :password="isPwd2"
|
||||
:placeholder="'请输入支付密码'"
|
||||
v-model="form.payPwd">
|
||||
v-model="form.payPassword">
|
||||
<template slot="suffix">
|
||||
<u-icon name="eye"
|
||||
@tap="isPwd2=!isPwd2"
|
||||
|
|
@ -176,52 +183,12 @@
|
|||
|
||||
</view> -->
|
||||
</view>
|
||||
<u-modal
|
||||
:show="showSuccessModal"
|
||||
title="注册成功"
|
||||
:show-cancel-button="true"
|
||||
cancel-text="复制"
|
||||
confirm-text="自动登录"
|
||||
@confirm="onModalConfirm"
|
||||
@cancel="onModalCancel"
|
||||
@close="showSuccessModal = false"
|
||||
>
|
||||
<view class="slot-content" v-if="successData">
|
||||
<view class="success-item">
|
||||
<text class="item-label">会员编号:</text>
|
||||
<text class="item-value">{{ successData.memberCode }}</text>
|
||||
</view>
|
||||
<view class="success-item">
|
||||
<text class="item-label">会员姓名:</text>
|
||||
<text class="item-value">{{ successData.memberName }}</text>
|
||||
</view>
|
||||
<view class="success-item">
|
||||
<text class="item-label">联系方式:</text>
|
||||
<text class="item-value">{{ successData.phone }}</text>
|
||||
</view>
|
||||
<view class="success-item">
|
||||
<text class="item-label">登录密码:</text>
|
||||
<text class="item-value">{{ successData.loginPassword }}</text>
|
||||
</view>
|
||||
<view class="success-item">
|
||||
<text class="item-label">支付密码:</text>
|
||||
<text class="item-value">{{ successData.payPassword }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</u-modal>
|
||||
<view class="mask" v-if="isTrue"> </view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as api from '@/config/goods'
|
||||
import {
|
||||
getMemberCode,
|
||||
getPhoneCode,
|
||||
getRegister,
|
||||
autoLogin,
|
||||
} from '@/config/share'
|
||||
import { setToken } from '@/config/auth.js'
|
||||
import store from '@/store'
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
|
|
@ -231,11 +198,6 @@ export default {
|
|||
pkParent: '',
|
||||
form: {
|
||||
memberName: '',
|
||||
smsCode: '',
|
||||
loginPwd: '',
|
||||
payPwd: '',
|
||||
parentCode: '',
|
||||
phone: '',
|
||||
},
|
||||
isLoading: false,
|
||||
getCode: '获取验证码',
|
||||
|
|
@ -248,13 +210,11 @@ export default {
|
|||
isPwd: true,
|
||||
isPwd1: true,
|
||||
isPwd2: true,
|
||||
showSuccessModal: false,
|
||||
successData: null,
|
||||
rules: {
|
||||
parentCode: [
|
||||
memberCode: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入推荐编号',
|
||||
asyncValidator: this.memberCodeRule,
|
||||
trigger: ['blur'],
|
||||
},
|
||||
],
|
||||
|
|
@ -272,21 +232,21 @@ export default {
|
|||
trigger: ['blur'],
|
||||
},
|
||||
],
|
||||
smsCode: [
|
||||
code: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入验证码',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
],
|
||||
loginPwd: [
|
||||
loginPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入登录密码',
|
||||
trigger: ['blur'],
|
||||
},
|
||||
],
|
||||
payPwd: [
|
||||
payPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入支付密码',
|
||||
|
|
@ -316,14 +276,14 @@ export default {
|
|||
trigger: ['change', 'blur'],
|
||||
},
|
||||
],
|
||||
loginPwd: [
|
||||
loginPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入登录密码',
|
||||
trigger: ['change', 'blur'],
|
||||
},
|
||||
],
|
||||
payPwd: [
|
||||
payPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入支付密码',
|
||||
|
|
@ -336,9 +296,10 @@ export default {
|
|||
onReady() {},
|
||||
onLoad(options) {
|
||||
this.pkParent = options.code
|
||||
this.pkCountry = options.country || ''
|
||||
this.pkCountry = 1
|
||||
this.getGenerate()
|
||||
if (this.pkCountry) {
|
||||
// this.getCountry()
|
||||
this.getCountry()
|
||||
this.form.pkCountry = this.pkCountry
|
||||
uni.setStorageSync('pkCountry', this.pkCountry)
|
||||
uni.redirectTo({
|
||||
|
|
@ -354,22 +315,11 @@ export default {
|
|||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
getUseInfo() {
|
||||
getUseInfo().then(res => {
|
||||
this.userInfo = res.data
|
||||
})
|
||||
},
|
||||
selCountry() {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确认更换自然国',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
this.isCountry = true
|
||||
}
|
||||
},
|
||||
})
|
||||
setMemberCode() {
|
||||
// this.form.memberCode = this.form.phone
|
||||
this.$set(this.form, 'memberCode', this.form.phone)
|
||||
},
|
||||
|
||||
memberCodeRule(rule, value, callback) {
|
||||
if (!value) {
|
||||
callback(new Error('请输入会员编号'))
|
||||
|
|
@ -388,101 +338,44 @@ export default {
|
|||
}
|
||||
},
|
||||
getHeader() {
|
||||
getMemberCode(this.pkParent).then(res => {
|
||||
this.$set(this.form, 'parentCode', res.data)
|
||||
console.log(this.form)
|
||||
api.checkShare().then(res => {
|
||||
if (res.code != 200) {
|
||||
this.isTrue = true
|
||||
} else {
|
||||
this.isTrue = false
|
||||
}
|
||||
})
|
||||
// api.prefix(this.pkParent).then((res) => {
|
||||
// this.howHeader = res.msg
|
||||
// })
|
||||
},
|
||||
getGenerate() {
|
||||
api.generate().then(res => {
|
||||
uni.setStorageSync('mToken', res.msg)
|
||||
return new Promise((resolve, reject) => {
|
||||
api.generate().then(res => {
|
||||
resolve(res)
|
||||
uni.setStorageSync('mToken', res.msg)
|
||||
})
|
||||
})
|
||||
},
|
||||
toLogin() {
|
||||
this.$refs.uForm.validate().then(() => {
|
||||
this.$refs.uForm.validate().then(res => {
|
||||
this.isLoading = true
|
||||
getRegister(Object.assign({}, this.form, { parentCode: this.pkParent }))
|
||||
api
|
||||
.regShareMember(
|
||||
Object.assign({}, this.form, { parent: this.pkParent })
|
||||
)
|
||||
.then(res => {
|
||||
this.isLoading = false
|
||||
if (res.code == 200) {
|
||||
this.successData = res.data
|
||||
this.showSuccessModal = true
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg || '注册失败',
|
||||
icon: 'none',
|
||||
uni.redirectTo({
|
||||
url:
|
||||
'/pages/shareRegist/success?allData=' +
|
||||
JSON.stringify(res.data),
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.isLoading = false
|
||||
uni.showToast({
|
||||
title: '注册请求失败',
|
||||
icon: 'none',
|
||||
})
|
||||
})
|
||||
})
|
||||
},
|
||||
onModalConfirm() {
|
||||
if (this.successData) {
|
||||
this.handleAutoLogin(this.successData)
|
||||
}
|
||||
},
|
||||
onModalCancel() {
|
||||
if (this.successData) {
|
||||
const modalContent = `会员编号: ${this.successData.memberCode}\n会员姓名: ${this.successData.memberName}\n联系方式: ${this.successData.phone}\n登录密码: ${this.successData.loginPassword}\n支付密码: ${this.successData.payPassword}`
|
||||
uni.setClipboardData({
|
||||
data: modalContent,
|
||||
success: function () {
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'success',
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
handleAutoLogin(loginData) {
|
||||
autoLogin({
|
||||
username: loginData.memberCode,
|
||||
password: loginData.loginPassword,
|
||||
uuid: loginData.uuid,
|
||||
})
|
||||
.then(loginRes => {
|
||||
if (loginRes.code === 200) {
|
||||
uni.showToast({
|
||||
title: '登录成功',
|
||||
icon: 'success',
|
||||
duration: 1500,
|
||||
})
|
||||
setToken(loginRes.data.access_token)
|
||||
store.dispatch('GetInfo').then(res => {
|
||||
uni.switchTab({ url: '/pages/index/index' })
|
||||
})
|
||||
|
||||
// setTimeout(() => {
|
||||
// uni.reLaunch({
|
||||
// url: '/pages/index/index',
|
||||
// })
|
||||
// }, 1500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: loginRes.msg || '自动登录失败',
|
||||
icon: 'none',
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
uni.showToast({
|
||||
title: '自动登录请求失败',
|
||||
icon: 'none',
|
||||
})
|
||||
})
|
||||
},
|
||||
hiLogin() {
|
||||
this.$refs.uForm1.validate().then(res => {
|
||||
this.isLoading = true
|
||||
|
|
@ -526,10 +419,10 @@ export default {
|
|||
// 获取验证码
|
||||
getVilCode() {
|
||||
this.startTime()
|
||||
getPhoneCode({
|
||||
phone: this.form.phone,
|
||||
parentCode: this.pkParent,
|
||||
})
|
||||
api
|
||||
.verification({
|
||||
phone: this.form.phone,
|
||||
})
|
||||
.then(res => {})
|
||||
.catch(err => {
|
||||
this.beginTime = 0
|
||||
|
|
@ -558,11 +451,10 @@ export default {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.content1 {
|
||||
background: linear-gradient(-45deg, #005bac, #0077c2, #0099e0, #00bfff);
|
||||
background-size: 400% 400%;
|
||||
animation: gradient 15s ease infinite;
|
||||
background-image: url('@/static/images/haiRgeiest1.jpg');
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100vh;
|
||||
overflow: auto;
|
||||
}
|
||||
.content {
|
||||
background-image: url('@/static/images/huan.jpg');
|
||||
|
|
@ -572,13 +464,14 @@ export default {
|
|||
background-position: center;
|
||||
height: 100vh;
|
||||
}
|
||||
.title {
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
.tit {
|
||||
font-size: 48px;
|
||||
font-family: PangMenZhengDao-Regular, PangMenZhengDao;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
padding-top: 120rpx;
|
||||
padding-bottom: 80rpx;
|
||||
padding-top: 80px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.index_header {
|
||||
background: #f9f9f9;
|
||||
|
|
@ -597,10 +490,8 @@ export default {
|
|||
padding: 0 120rpx;
|
||||
}
|
||||
.formed1 {
|
||||
margin: 0 40rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 16rpx;
|
||||
padding: 0 120rpx;
|
||||
padding-top: 550rpx;
|
||||
}
|
||||
.getCode {
|
||||
font-size: 10px;
|
||||
|
|
@ -634,37 +525,4 @@ export default {
|
|||
height: 100vh;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.slot-content {
|
||||
padding: 30rpx 20rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.success-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
.item-label {
|
||||
color: #606266;
|
||||
margin-right: 20rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.item-value {
|
||||
color: #303133;
|
||||
word-break: break-all;
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue