first commit
This commit is contained in:
hero920103 committed
commit
dc5fba137c
453 files changed
+85995
No files matched your search
@@ -0,0 +1,161 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
<template>
|
||||
<view class="activity-detail-contain">
|
||||
<view class="header row-start" v-if="goodsList.length">
|
||||
<text class="white header-title"> {{title}} <text class="white xxs ml20">{{name}}</text></text>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="goods-container">
|
||||
<navigator v-for="(item, index) in goodsList" :key="index" :url="'/pages/goods_details/goods_details?id=' + item.id" class="goods-item bg-white row mb10" hover-class="none">
|
||||
<view class="goods-img">
|
||||
<custom-image width="100%" height="100%" radius="6rpx" lazy-load :src="item.image"></custom-image>
|
||||
</view>
|
||||
<view class="goods-info ml20">
|
||||
<view class="goods-name line2 normal nr mb10">{{item.name}}</view>
|
||||
<view class="count-buy br60 xxs">累计{{item.sales_sum}}人购买</view>
|
||||
<view class="row-between mt10">
|
||||
<view class="row">
|
||||
<price-format :price="item.price" :subscript-size="26" :first-size="34" :second-size="26" color="#FF2C3C"></price-format >
|
||||
<price-format class="ml20" :price="item.market_price" :subscript-size="24" :first-size="24" :second-size="24" color="#999999"></price-format>
|
||||
</view>
|
||||
<view class="buy-btn row-center br60">
|
||||
马上抢
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
|
||||
</view>
|
||||
<loading-footer slot-empty :status="status">
|
||||
<view slot="empty" class="data-null column-center" style="padding-top: 500rpx">
|
||||
<image class="img-null" src="/static/images/goods_null.png"></image>
|
||||
<view class="lighter">暂无活动商品～</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { loadingType } from '@/utils/type';
|
||||
import { getActivityGoodsLists } from "@/api/activity";
|
||||
|
||||
import { loadingFun } from "@/utils/tools";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
status: loadingType.LOADING,
|
||||
goodsList: [],
|
||||
page: 1,
|
||||
name: '',
|
||||
title: ''
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
onLoad: function (options) {
|
||||
this.id = options.id;
|
||||
this.title = options.title,
|
||||
this.name = options.name
|
||||
uni.setNavigationBarTitle({
|
||||
title: options.title
|
||||
});
|
||||
this.getActivityGoodsListsFun();
|
||||
},
|
||||
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getActivityGoodsListsFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getActivityGoodsListsFun() {
|
||||
let {
|
||||
page,
|
||||
status,
|
||||
goodsList
|
||||
} = this;
|
||||
const data = await loadingFun(getActivityGoodsLists,page, goodsList,status, {id : this.id})
|
||||
if (!data) return
|
||||
this.page = data.page
|
||||
this.goodsList = data.dataList
|
||||
this.status = data.status
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.activity-detail-contain .header {
|
||||
background-image: url(../../static/images/activity_detail_bg.png);
|
||||
background-size: 100% 100%;
|
||||
height: 340rpx;
|
||||
width: 100%;
|
||||
padding-left: 24rpx;
|
||||
box-sizing: border-box;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.activity-detail-contain .header .header-title {
|
||||
font-size: 47rpx;
|
||||
}
|
||||
.activity-detail-contain .content {
|
||||
margin-top: -240rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.activity-detail-contain .content .goods-container .goods-item {
|
||||
padding: 30rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.activity-detail-contain .content .goods-container .goods-item .goods-img {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
.activity-detail-contain .content .goods-container .goods-item .goods-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.activity-detail-contain .content .goods-container .goods-item .goods-info .goods-name {
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.activity-detail-contain .content .goods-container .goods-item .goods-info .count-buy {
|
||||
background-color: #FEF0DA;
|
||||
color: #F77A0C;
|
||||
padding: 4rpx 18rpx;
|
||||
display: inline-flex;
|
||||
}
|
||||
.activity-detail-contain .content .goods-container .goods-item .goods-info .buy-btn {
|
||||
padding: 0rpx 34rpx;
|
||||
height: 60rpx;
|
||||
color: white;
|
||||
background: linear-gradient(90deg, #F95F2F 0%, #FF2C3C 100%);
|
||||
}
|
||||
|
||||
.goods-container .data-null {
|
||||
padding-top: 225rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,341 @@
|
||||
<template>
|
||||
<view>
|
||||
<!--pages/after_sales_detail/after_sales_detail.wxml-->
|
||||
<view class="after-sales-detail">
|
||||
<view class="after-sales-header">
|
||||
<view class="after-sales-status white lg">
|
||||
{{lists.status_text}}
|
||||
</view>
|
||||
<!-- <view class="after-sales-explain bg-white" hidden="{{lists.status == 2 || lists.status == 5 || lists == 6}}">
|
||||
<text class="xs muted" style="line-height: 40rpx" wx:if="{{lists.status == 0 || lists.status == 1 || lists == 4}}">如果商家拒绝，您可重新发起申请
|
||||
如果商家同意，将通过申请原路退款至您的账户中
|
||||
如果商家逾期未处理，平台将自动通过申请并退款给您
|
||||
</text>
|
||||
<text class="xs muted" style="line-height: 40rpx" wx:if="{{lists.status == 3}}">如果商家确认收到货后将会退款给您
|
||||
如果商家拒绝收货，该次退款将会关闭，您可以重新发起退款
|
||||
</text>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="negotiation-record row-between bg-white mt20">
|
||||
<view class="nr">协商记录</view>
|
||||
<view class="arrow">
|
||||
<image src="/images/arrow_right.png" />
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="return-address-contain row bg-white mt20" v-show="!(lists.refund_type == 0)">
|
||||
<view class="nr normal address-title">退货地址：</view>
|
||||
<view class="sm normal address">{{lists.shop && lists.shop.address}}
|
||||
{{lists.shop && lists.shop.contact}} {{lists.shop && lists.shop.mobile}}</view>
|
||||
<view class="xs copy-btn row-center flex-none" @tap="onCopy">复制</view>
|
||||
</view>
|
||||
<view class="goods-container bg-white mt20">
|
||||
<!-- <view class="goods-header row">
|
||||
<view class="store-img mr10">
|
||||
<image src="/images/icon_shop.png" />
|
||||
</view>
|
||||
<view class="store-name nr bold">
|
||||
{{lists.shop.name}}
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="goods-item row">
|
||||
<view class="goods-img">
|
||||
<custom-image width="100%" height="100%" radius="10rpx" lazy-load
|
||||
:src="lists.order_goods && lists.order_goods.image" />
|
||||
</view>
|
||||
<view class="goods-info">
|
||||
<view class="two-txt-cut nr">{{lists.order_goods && lists.order_goods.goods_name}}</view>
|
||||
<view class="row-between mt20">
|
||||
<!-- <view class="md">￥999.00</view> -->
|
||||
<price-format :price="lists.order_goods && lists.order_goods.goods_price" :firstSize="30"
|
||||
:secondSize="30" :showSubscript="true" :subscriptSize="30" color="#101010" />
|
||||
<view class="nr">x{{lists.order_goods && lists.order_goods.goods_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="return-goods-container bg-white mt20">
|
||||
<view class="return-goods-row row sm">
|
||||
<view class="return-title">退款方式：</view>
|
||||
<view class="return-explain">{{lists.refund_type == 0 ? '仅退款' : '退款退货'}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20">
|
||||
<view class="return-title">退款原因：</view>
|
||||
<view class="return-explain">{{lists.refund_reason}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20">
|
||||
<view class="return-title">退款金额：</view>
|
||||
<view class="return-explain primary">¥{{lists.refund_price}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20">
|
||||
<view class="return-title">退款编号：</view>
|
||||
<view class="return-explain">{{lists.sn}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20">
|
||||
<view class="return-title">申请时间：</view>
|
||||
<view class="return-explain">{{lists.create_time}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20" v-if="lists.refund_remark">
|
||||
<view class="return-title">备注说明：</view>
|
||||
<view class="return-explain">{{lists.refund_remark}}</view>
|
||||
</view>
|
||||
<view class="return-goods-row row sm mt20" v-if="lists.refund_image">
|
||||
<view class="return-title">图片凭证：</view>
|
||||
<view class="return-explain">
|
||||
<custom-image mode="aspectFit" class="img-preview" radius="10rpx" :src="lists.refund_image" width="160rpx" height="160rpx" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-group fixed bg-white row-end" v-show="lists.status != 6">
|
||||
<view class="mr20 btn br60" @tap="showDialog">撤销申请</view>
|
||||
<view class="mr20 btn br60" @tap="goRefund" v-show="lists.status == 4 || lists.status == 1">重新申请</view>
|
||||
<navigator hover-class="none"
|
||||
:url="'/bundle/pages/input_express_info/input_express_info?id=' + lists.id" class="mr20 btn br60"
|
||||
v-show="lists.status == 2">填写快递单号</navigator>
|
||||
<view class="btn br60" v-show="false">平台退款</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-modal v-model="confirmDialog" confirm-text="确定" :showCancelButton="true" :show-title="false"
|
||||
confirm-color="#FF2C3C" @confirm="cancelApplyFun" @cancel="hideDialog">
|
||||
<view class="column-center tips-dialog" style="padding: 20rpx 0;">
|
||||
<image class="icon-lg" src="/static/images/icon_warning.png"></image>
|
||||
<view style="margin-top:30rpx">是否要撤销申请？</view>
|
||||
</view>
|
||||
</u-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | LikeShop100%开源免费商用电商系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | 开源版本可自由商用，保留版权即可
|
||||
// | 商业版本务必购买商业授权，以免引起法律纠纷
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | Gitee下载：https://gitee.com/likeshop_gitee/likeshop
|
||||
// | 访问官网：https://www.likemarket.net
|
||||
// | 访问社区：https://home.likemarket.net
|
||||
// | 访问手册：http://doc.likemarket.net
|
||||
// | 微信公众号：好象科技
|
||||
// | 好象科技开发团队 版权所有 拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: LikeShopTeam
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
afterSaleDetail,
|
||||
cancelApply
|
||||
} from "@/api/user";
|
||||
import {
|
||||
trottle,
|
||||
copy
|
||||
} from "@/utils/tools.js";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
goods: {},
|
||||
reason: [],
|
||||
lists: {},
|
||||
copyContent: "",
|
||||
confirmDialog: false
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
let {
|
||||
afterSaleId,
|
||||
order_id
|
||||
} = options;
|
||||
this.afterSaleId = afterSaleId;
|
||||
this.orderId = order_id;
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function() {
|
||||
this.afterSaleDetailFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
onCopy() {
|
||||
let {
|
||||
lists,
|
||||
copyContent
|
||||
} = this;
|
||||
let {
|
||||
address,
|
||||
contact,
|
||||
mobile
|
||||
} = lists.shop;
|
||||
copyContent = address + " " + contact + " " + mobile;
|
||||
copy(copyContent)
|
||||
},
|
||||
|
||||
goRefund(e) {
|
||||
let {
|
||||
lists
|
||||
} = this;
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/apply_refund/apply_refund?order_id=' + this.orderId + '&afterSaleId=' +
|
||||
this.afterSaleId + '&item_id=' + lists.order_goods.item_id
|
||||
});
|
||||
},
|
||||
|
||||
showDialog() {
|
||||
this.confirmDialog = true
|
||||
},
|
||||
|
||||
hideDialog() {
|
||||
this.confirmDialog = false;
|
||||
},
|
||||
|
||||
confirmCancel() {},
|
||||
|
||||
cancelApplyFun() {
|
||||
cancelApply({
|
||||
id: this.afterSaleId
|
||||
}).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
}, {
|
||||
tab: 3
|
||||
});
|
||||
uni.$emit("refreshsale")
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
afterSaleDetailFun() {
|
||||
afterSaleDetail({
|
||||
id: this.afterSaleId
|
||||
}).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.lists = res.data
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/after_sales_detail/after_sales_detail.wxss */
|
||||
|
||||
.after-sales-detail {
|
||||
padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
|
||||
|
||||
.after-sales-header {
|
||||
.after-sales-status {
|
||||
padding: 48rpx 30rpx;
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.after-sales-explain {
|
||||
padding: 20rpx 30rpx 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.negotiation-record {
|
||||
padding: 24rpx 30rpx;
|
||||
|
||||
.arrow {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.return-goods-container {
|
||||
padding: 20rpx 24rpx 55rpx;
|
||||
|
||||
.return-goods-row {
|
||||
line-height: 40rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
padding: 0rpx 24rpx;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100rpx;
|
||||
|
||||
.btn {
|
||||
padding: 10rpx 34rpx;
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.goods-container {
|
||||
.goods-header {
|
||||
padding: 20rpx 24rpx;
|
||||
|
||||
.store-img {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.store-name {
|
||||
line-height: 40rpx;
|
||||
align-self: flex-end;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
}
|
||||
|
||||
.goods-item {
|
||||
padding: 25rpx 24rpx;
|
||||
|
||||
.goods-img {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.goods-info {
|
||||
margin-left: 24rpx;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.return-address-contain {
|
||||
padding: 20rpx 24rpx 28rpx 30rpx;
|
||||
|
||||
.address {
|
||||
flex: 1;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
|
||||
.address-title {
|
||||
width: 150rpx;
|
||||
align-self: flex-start;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.copy-btn {
|
||||
flex: 0 0 13%;
|
||||
background-color: #F4F4F4;
|
||||
color: #555555;
|
||||
align-self: flex-start;
|
||||
padding: 3rpx 16rpx;
|
||||
margin-left: 12rpx;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tips-dialog {
|
||||
height: 230rpx;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,394 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- pages/apply_refund/apply_refund.wxml -->
|
||||
<view class="apply-refund">
|
||||
<view class="goods">
|
||||
<view class="row">
|
||||
<custom-image
|
||||
width="160rpx"
|
||||
height="160rpx"
|
||||
radius="6rpx"
|
||||
lazy-load
|
||||
:src="goods.image"
|
||||
/>
|
||||
<view class="goods-info">
|
||||
<view class="nr line2">{{ goods.goods_name }}</view>
|
||||
<view class="xs muted mt10">{{ goods.spec_value }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="opt-box mt20" :hidden="hiddenOpt">
|
||||
<view class="opt-item row-between border-line" @tap="onlyRefund">
|
||||
<view>
|
||||
<view class="lg normal">仅退款</view>
|
||||
<view class="muted xs mt10"
|
||||
>未收到货，与卖家协商同意无需退货只需退款</view
|
||||
>
|
||||
</view>
|
||||
<image
|
||||
style="width: 28rpx; height: 28rpx"
|
||||
src="/static/images/arrow_right.png"
|
||||
></image>
|
||||
</view>
|
||||
<view class="opt-item row-between" @tap="allRefunds">
|
||||
<view>
|
||||
<view class="lg normal">退货退款</view>
|
||||
<view class="muted xs mt10">已收到货，需退还收到的实物</view>
|
||||
</view>
|
||||
<image
|
||||
style="width: 28rpx; height: 28rpx"
|
||||
src="/static/images/arrow_right.png"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
<view :hidden="!hiddenOpt">
|
||||
<view class="refund-info row-between mt20">
|
||||
<view class="lable">数量</view>
|
||||
<view>{{ goods.goods_num }}</view>
|
||||
</view>
|
||||
<view class="refund-info row-between">
|
||||
<view class="lable">退款金额</view>
|
||||
<price-format
|
||||
color="#FF2C3C"
|
||||
:price="
|
||||
parseFloat(goods.total_pay_price) +
|
||||
parseFloat(goods.refund_express_money)
|
||||
"
|
||||
showSubscript="true"
|
||||
:subscriptSize="28"
|
||||
:firstSize="28"
|
||||
:secondSize="28"
|
||||
/>
|
||||
</view>
|
||||
<view class="refund-info row-between" @tap="showPopup">
|
||||
<view class="lable">退款原因</view>
|
||||
<view class="row">
|
||||
<text :class="'nr ' + (reasonIndex == -1 ? 'muted' : 'normal')">{{
|
||||
reasonIndex == -1 ? "请选择" : reason[reasonIndex]
|
||||
}}</text>
|
||||
<image
|
||||
class="icon-sm ml20"
|
||||
src="/static/images/arrow_right.png"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="refund-info row">
|
||||
<view class="label">备注说明</view>
|
||||
<textarea
|
||||
v-show="!showPop"
|
||||
class="bg-body"
|
||||
placeholder="请描述申请售后的具体原因，100字以内"
|
||||
v-model="remark"
|
||||
name="textarea"
|
||||
></textarea>
|
||||
</view>
|
||||
<view class="upload bg-white">
|
||||
<view class="title row-between">
|
||||
<view>上传凭证</view>
|
||||
<view class="muted">（选填，最多可上传1张）</view>
|
||||
</view>
|
||||
<uploader
|
||||
:deletable="true"
|
||||
preview-size="160rpx"
|
||||
:file-list="fileList"
|
||||
@after-read="afterRead"
|
||||
@delete="deleteImage"
|
||||
image-fit="aspectFill"
|
||||
/>
|
||||
</view>
|
||||
<button class="btn br60" type="primary" size="lg" @tap="onSubmit">
|
||||
申请退款
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-popup id="popup" v-model="showPop" mode="bottom">
|
||||
<view class="pop-container bg-white">
|
||||
<view class="pop-header row-center md normal"> 退款原因 </view>
|
||||
<scroll-view style="height: 800rpx" :scroll-y="true">
|
||||
<view class="reason-box mt20">
|
||||
<radio-group @change="radioChange">
|
||||
<label
|
||||
v-for="(item, index) in reason"
|
||||
:key="index"
|
||||
class="reason-item row-between"
|
||||
@tap="hidePopup"
|
||||
>
|
||||
<view class="reason-desc nr">
|
||||
{{ item }}
|
||||
</view>
|
||||
<radio :value="index"></radio>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { refundOptType } from "@/utils/type";
|
||||
import { baseURL } from "@/config/app";
|
||||
import { getGoodsInfo, applyAfterSale, applyAgain } from "@/api/user";
|
||||
import { uploadFile, trottle } from "@/utils/tools.js";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
hiddenOpt: false,
|
||||
optTyle: refundOptType.ONLY_REFUND,
|
||||
goods: {},
|
||||
reason: [],
|
||||
showPop: false,
|
||||
reasonIndex: -1,
|
||||
fileList: [],
|
||||
remark: "",
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
let { order_id, item_id, afterSaleId } = options;
|
||||
this.orderId = order_id;
|
||||
this.itemId = item_id;
|
||||
this.afterSaleId = afterSaleId;
|
||||
this.getGoodsInfoFun();
|
||||
|
||||
this.onSubmit = trottle(this.onSubmit, 1000, this);
|
||||
},
|
||||
|
||||
methods: {
|
||||
showPopup() {
|
||||
this.showPop = true;
|
||||
},
|
||||
|
||||
radioChange(e) {
|
||||
this.reasonIndex = e.detail.value;
|
||||
},
|
||||
|
||||
hidePopup() {
|
||||
this.showPop = false;
|
||||
},
|
||||
|
||||
onlyRefund: function () {
|
||||
this.optTyle = refundOptType.ONLY_REFUND;
|
||||
this.hiddenOpt = true;
|
||||
},
|
||||
|
||||
allRefunds() {
|
||||
this.optTyle = refundOptType.REFUNDS;
|
||||
this.hiddenOpt = true;
|
||||
},
|
||||
|
||||
onSubmit() {
|
||||
console.log(this.afterSaleId);
|
||||
|
||||
if (this.afterSaleId) {
|
||||
this.applyAgainFun();
|
||||
} else {
|
||||
this.applyAfterSaleFun();
|
||||
}
|
||||
},
|
||||
|
||||
// 重新申请
|
||||
applyAgainFun() {
|
||||
let { reason, reasonIndex, optTyle, remark, fileList } = this;
|
||||
|
||||
if (!reason[reasonIndex]) {
|
||||
return this.$toast({
|
||||
title: "请选择退款原因",
|
||||
});
|
||||
}
|
||||
|
||||
const data = {
|
||||
id: this.afterSaleId,
|
||||
reason: reason[reasonIndex],
|
||||
refund_type: optTyle,
|
||||
remark: remark,
|
||||
img: fileList.length <= 0 ? "" : fileList[0].base_url,
|
||||
};
|
||||
applyAgain(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
uni.$emit("refreshsale");
|
||||
this.$toast(
|
||||
{
|
||||
title: res.msg,
|
||||
},
|
||||
{
|
||||
tab: 5,
|
||||
url:
|
||||
"/bundle/pages/after_sales_detail/after_sales_detail?afterSaleId=" +
|
||||
res.data.after_sale_id,
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
onInput(e) {
|
||||
this.setData({
|
||||
remark: e.detail.value,
|
||||
});
|
||||
this.remark = e.detail.value;
|
||||
},
|
||||
|
||||
applyAfterSaleFun() {
|
||||
let { reason, reasonIndex, optTyle, remark, fileList } = this;
|
||||
|
||||
if (!reason[reasonIndex]) {
|
||||
return this.$toast({
|
||||
title: "请选择退款原因",
|
||||
});
|
||||
}
|
||||
|
||||
const data = {
|
||||
item_id: this.itemId,
|
||||
order_id: this.orderId,
|
||||
reason: reason[reasonIndex],
|
||||
refund_type: optTyle,
|
||||
remark: remark,
|
||||
img: fileList.length <= 0 ? "" : fileList[0].url,
|
||||
};
|
||||
applyAfterSale(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
uni.$emit("refreshsale");
|
||||
this.$toast({
|
||||
title: "提交成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.redirectTo({
|
||||
url:
|
||||
"/bundle/pages/after_sales_detail/after_sales_detail?afterSaleId=" +
|
||||
res.data.after_sale_id,
|
||||
});
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
afterRead(e) {
|
||||
const file = e;
|
||||
uni.showLoading({
|
||||
title: "正在上传中...",
|
||||
mask: true,
|
||||
});
|
||||
file.map((item) => {
|
||||
uploadFile(item.path).then((res) => {
|
||||
uni.hideLoading();
|
||||
this.fileList.push(res);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
deleteImage(index) {
|
||||
this.fileList.splice(index, 1);
|
||||
},
|
||||
|
||||
getGoodsInfoFun() {
|
||||
let { orderId, itemId } = this;
|
||||
getGoodsInfo({
|
||||
order_id: orderId,
|
||||
item_id: itemId,
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.goods = res.data.goods;
|
||||
this.reason = res.data.reason;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/apply_refund/apply_refund.wxss */
|
||||
.apply-refund {
|
||||
padding-bottom: 50rpx;
|
||||
.goods {
|
||||
padding: 20rpx 0;
|
||||
background-color: white;
|
||||
padding: 20rpx 24rpx;
|
||||
.goods-info {
|
||||
margin-left: 24rpx;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.opt-box {
|
||||
.opt-item {
|
||||
padding: 20rpx 20rpx 20rpx 30rpx;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.border-line {
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.apply-refund {
|
||||
.refund-info {
|
||||
background-color: #fff;
|
||||
padding: 24rpx 20rpx;
|
||||
border-bottom: var(--border);
|
||||
.label {
|
||||
align-self: start;
|
||||
width: 140rpx;
|
||||
line-height: 36rpx;
|
||||
margin-top: 19rpx;
|
||||
}
|
||||
textarea {
|
||||
flex: 1;
|
||||
height: 172rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
.upload {
|
||||
padding: 0 20rpx 20rpx;
|
||||
.title {
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
width: 680rpx;
|
||||
margin-top: 30rpx;
|
||||
margin-left: 26rpx;
|
||||
margin-right: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.pop-header {
|
||||
line-height: 42rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.reason-box {
|
||||
.reason-item {
|
||||
padding: 24rpx 20rpx;
|
||||
.reason-desc {
|
||||
line-height: 46rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,244 @@
|
||||
<template>
|
||||
<view class="balance-transfer">
|
||||
<view class="contain bg-white">
|
||||
<input
|
||||
style="height: 100rpx"
|
||||
v-model="userSn"
|
||||
type="text"
|
||||
placeholder="请输入对方会员ID/手机号码进行转账"
|
||||
/>
|
||||
</view>
|
||||
<view class="contain transfer-money bg-white mt20">
|
||||
<view class="muted xs">转账金额</view>
|
||||
<view class="input row-center">
|
||||
<view style="font-size: 23px; align-self: flex-end; margin-bottom: 5px">¥</view>
|
||||
<input v-model="money" type="digit" placeholder="0.00" />
|
||||
<view class="column" style="flex: none">
|
||||
<view
|
||||
class="xs primary"
|
||||
style="text-align: right"
|
||||
@tap="money = wallet.user_money"
|
||||
>全部</view
|
||||
>
|
||||
<view class="xs mt10" style="color: #bbbbbb"
|
||||
>钱包余额￥{{ wallet.user_money }}</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn lg white row-center br60" @tap="transferBtn">转账</view>
|
||||
<navigator
|
||||
url="/bundle/pages/transfer_record/transfer_record"
|
||||
hover-class="none"
|
||||
class="mt20 nr lighter row-center"
|
||||
>
|
||||
转账记录</navigator
|
||||
>
|
||||
</view>
|
||||
<view class="user contain bg-white mt20" v-if="transferList.length">
|
||||
<view class="lg bold">最近转账</view>
|
||||
<view class="list">
|
||||
<view
|
||||
class="item row"
|
||||
v-for="(item, index) in transferList"
|
||||
:key="index"
|
||||
@tap="userSn = item.sn"
|
||||
>
|
||||
<image class="avatar mr30" :src="item.avatar"></image>
|
||||
<view>
|
||||
<view class="md">{{ item.nickname }}</view>
|
||||
<view class="xs muted">会员ID:{{ item.sn }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-modal
|
||||
:value="showTransferInfo"
|
||||
show-cancel-button
|
||||
title="确认转账给"
|
||||
:confirm-color="primaryColor"
|
||||
async-close
|
||||
confirm-text="确认转账"
|
||||
@confirm="showInputPwd"
|
||||
@cancel="showTransferInfo = false"
|
||||
>
|
||||
<view class="slot-content row-center" style="padding: 40rpx 80rpx">
|
||||
<view class="transfer-user row">
|
||||
<image class="avatar mr30" :src="transferInfo.avatar"></image>
|
||||
<view>
|
||||
<view class="md">{{ transferInfo.nickname }}</view>
|
||||
<view class="xs muted mt10">会员ID:{{ transferInfo.sn }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-modal>
|
||||
<set-pay-pwd ref="setPayPwd" @confirm="transferFun"></set-pay-pwd>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
hasPayPassword,
|
||||
transfer,
|
||||
getTransferRecent,
|
||||
setPassword,
|
||||
transferToInfo,
|
||||
getWallet
|
||||
} from '@/api/user'
|
||||
import { trottle } from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showTransferInfo: false,
|
||||
pwd: '',
|
||||
comfirmPwd: '',
|
||||
userSn: '',
|
||||
money: '',
|
||||
transferInfo: {},
|
||||
transferList: [],
|
||||
wallet: {}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getTransferRecentFun()
|
||||
this.getWalletFun()
|
||||
this.transferFun = trottle(this.transferFun, 1000, this)
|
||||
},
|
||||
onShow() {
|
||||
setTimeout(() => {
|
||||
this.$refs.setPayPwd && this.$refs.setPayPwd.hasPayWord()
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getWalletFun() {
|
||||
getWallet().then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.wallet = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
showInputPwd() {
|
||||
this.showTransferInfo = false
|
||||
this.$refs.setPayPwd.showInputPwd()
|
||||
},
|
||||
getTransferRecentFun() {
|
||||
getTransferRecent().then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.transferList = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
async transferBtn() {
|
||||
let { userSn, money } = this
|
||||
if (!userSn)
|
||||
return this.$toast({
|
||||
title: '请输入对方会员ID/手机号码'
|
||||
})
|
||||
if (!money)
|
||||
return this.$toast({
|
||||
title: '请输入转账金额'
|
||||
})
|
||||
|
||||
let data = {
|
||||
transferTo: userSn
|
||||
}
|
||||
// 校验会员信息
|
||||
const { code: vipCode, data: transferInfo } = await transferToInfo(data)
|
||||
if (vipCode != 1) return
|
||||
this.transferInfo = transferInfo
|
||||
this.showTransferInfo = true
|
||||
},
|
||||
transferFun(payPwd) {
|
||||
const { userSn, money } = this
|
||||
let data = {
|
||||
transferTo: userSn,
|
||||
money: money,
|
||||
pay_password: payPwd
|
||||
}
|
||||
transfer(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast(
|
||||
{
|
||||
title: res.msg
|
||||
}
|
||||
// {
|
||||
// tab: 2,
|
||||
// url: '/bundle/pages/transfer_record/transfer_record'
|
||||
// }
|
||||
)
|
||||
this.money = ''
|
||||
this.showInputPwd()
|
||||
this.getWalletFun()
|
||||
this.getTransferRecentFun()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.balance-transfer {
|
||||
padding: 20rpx 30rpx;
|
||||
|
||||
.contain {
|
||||
border-radius: 20rpx;
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
|
||||
.transfer-money {
|
||||
padding: 30rpx 45rpx;
|
||||
|
||||
.input {
|
||||
border-bottom: $-solid-border;
|
||||
margin-top: 30rpx;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 94rpx;
|
||||
text-align: left;
|
||||
font-size: 66rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
background: linear-gradient(79deg, #f95f2f 0%, #ff2c3c 100%);
|
||||
line-height: 84rpx;
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
padding: 22rpx 25rpx;
|
||||
|
||||
.list .item {
|
||||
padding: 26rpx 0;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
border-radius: 50%;
|
||||
flex: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* 弹窗 */
|
||||
.balance-transfer .set-word input {
|
||||
border: var(--border);
|
||||
padding: 16rpx 20rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 6rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.balance-transfer .phone {
|
||||
padding: 20rpx 0;
|
||||
font-size: 42rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<view class="bargain-container">
|
||||
<navbar title="砍价活动"></navbar>
|
||||
<view class="header">
|
||||
<!-- <view class="row-between" style="padding-top: 46rpx;">
|
||||
<view></view>
|
||||
<view class="rule-contain row">
|
||||
<u-icon name="question-circle-fill" size="30" :color="primaryColor" />
|
||||
<view class="xxs primary" style="margin-left: 6rpx;">
|
||||
规则
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="main">
|
||||
<view class="activity-box">
|
||||
<view class="activity-item row mt20" v-for="(item, index) in lists" :key="index">
|
||||
<custom-image width="180rpx" height="180rpx" :src="item.image" radius="10rpx" />
|
||||
<view class="activity-info">
|
||||
<view class="activity-name line2 nr">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="row-between">
|
||||
<view class="column">
|
||||
<view class="xs" style="color: #F95F2F;">
|
||||
最低可砍至
|
||||
<price-format
|
||||
showSubscript
|
||||
:subscriptSize="26"
|
||||
:firstSize="34"
|
||||
:secondSize="34"
|
||||
weight="500"
|
||||
:price="item.activity_price"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt10 xs muted">
|
||||
单买 ¥{{item.price}}
|
||||
</view>
|
||||
</view>
|
||||
<navigator :url="'/bundle/pages/bargain_process/bargain_process?activityId=' + item.id" hover-class="none" class="lunch-btn white row-center">
|
||||
发起砍价
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty color="#fff" >
|
||||
<view slot="empty" class="data-null column-center">
|
||||
<view class="white">活动暂未开始</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getBargainList} from '@/api/activity'
|
||||
import {loadingType} from "@/utils/type"
|
||||
import {loadingFun} from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
loadingStatus: loadingType.LOADING,
|
||||
lists: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.$getBargainList()
|
||||
},
|
||||
onReachBottom() {
|
||||
this.$getBargainList()
|
||||
},
|
||||
methods: {
|
||||
$getBargainList() {
|
||||
let {page, loadingStatus, lists} = this;
|
||||
|
||||
loadingFun(getBargainList, page, lists, loadingStatus).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bargain-container {
|
||||
background-color: #EE2466;
|
||||
min-height: 100vh;
|
||||
.header {
|
||||
height: 329rpx;
|
||||
background-image: url(data:image/png;base64,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 truncated
|
||||
background-size: 100% 100%;
|
||||
.rule-contain {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 100rpx;
|
||||
padding: 6rpx 10rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
}
|
||||
.main {
|
||||
margin-top: -70rpx;
|
||||
position: relative;
|
||||
.activity-box {
|
||||
padding: 10rpx 24rpx;
|
||||
.activity-item {
|
||||
background-color: white;
|
||||
padding: 30rpx 24rpx;
|
||||
border-radius: 20rpx;
|
||||
.activity-info {
|
||||
margin-left: 24rpx;
|
||||
flex: 1;
|
||||
.activity-name {
|
||||
line-height: 40rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.lunch-btn {
|
||||
background: linear-gradient(270deg, #FF2C3C 0%, #F95F2F 100%);
|
||||
height: 62rpx;
|
||||
width: 172rpx;
|
||||
border-radius: 10rpx;
|
||||
align-self: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-null {
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<view class="bargain-code-container">
|
||||
<tabs :active="active" @change="onChange">
|
||||
<tab v-for="(item, index) in bargain" :key="item.type" :title="item.name" >
|
||||
<bargain-list :ref="item.ref_name" :bargainType="item.type" v-if="item.isShow" />
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {bargainType} from "@/utils/type"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
bargainCodeType: bargainType.ALL,
|
||||
bargain: [{
|
||||
name: '全部',
|
||||
type: bargainType.ALL,
|
||||
ref_name: 'all',
|
||||
isShow: true
|
||||
}, {
|
||||
name: '砍价中',
|
||||
type: bargainType.BARGINNING,
|
||||
ref_name: 'barginning',
|
||||
isShow: false
|
||||
}, {
|
||||
name: "砍价成功",
|
||||
type: bargainType.SUCCESS,
|
||||
ref_name: 'success',
|
||||
isShow: false
|
||||
}, {
|
||||
name: '砍价失败',
|
||||
type: bargainType.FAIL,
|
||||
ref_name: 'fail',
|
||||
isShow: false
|
||||
}]
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
},
|
||||
onReachBottom: function () {
|
||||
const {
|
||||
active, bargain
|
||||
} = this;
|
||||
let type = bargain[active].ref_name;
|
||||
let myComponent = this.$refs[type][0];
|
||||
if (myComponent.$getBargainActivityList) {
|
||||
myComponent.$getBargainActivityList();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChange(active) {
|
||||
const {bargain} = this;
|
||||
console.log(active)
|
||||
let type = bargain[active].ref_name
|
||||
let index = bargain.findIndex(item => {
|
||||
return item.ref_name == type;
|
||||
});
|
||||
|
||||
if (index != -1) {
|
||||
this.bargain[index].isShow = true;
|
||||
console.log(this.bargain)
|
||||
this.active = index;
|
||||
}
|
||||
|
||||
this.$nextTick(() => {
|
||||
console.log(this.$refs, "refs", type)
|
||||
console.log('this.$refs[all]', this.$refs['all'])
|
||||
if(this.$refs[type] && this.$refs[type][0].$getBargainActivityList) {
|
||||
this.$refs[type][0].$getBargainActivityList();
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bargain-code-container {
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,717 @@
|
||||
<template>
|
||||
<view class="bargain-process-container">
|
||||
<navbar title="砍价进度"></navbar>
|
||||
<!-- #ifdef H5 -->
|
||||
<download-nav v-if="showDownload" :top="44"></download-nav>
|
||||
<!-- #endif -->
|
||||
<view v-show="status == -1">
|
||||
<view class="bargain-process-header">
|
||||
<view class="mt20 column status-container">
|
||||
<view class="white xxl">
|
||||
{{activityObj.bargain_tips}}
|
||||
</view>
|
||||
<view class="mt10 white xxs">
|
||||
{{activityObj.simple_tips}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main">
|
||||
<navigator class="goods-planel row" :url="'/pages/goods_details/goods_details?id=' + activityObj.goods_id" hover-class="none">
|
||||
<custom-image width="180rpx" height="180rpx" :src="activityObj.image" radius="10rpx" />
|
||||
<view class="goods-info">
|
||||
<view class="goods-name line2 nr">
|
||||
{{activityObj.name}}
|
||||
</view>
|
||||
<view class="xs" style="color: #F95F2F;">
|
||||
最低可砍至<text class="sm" style="line-height: 48rpx;">¥<text class="xl">{{activityObj.activity_price}}</text></text>
|
||||
</view>
|
||||
<view class="xs muted">
|
||||
原价 <text style="text-decoration:line-through;">¥{{activityObj.price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
<view class="choose-container">
|
||||
<view class="title xl normal">
|
||||
请选择商品规格
|
||||
</view>
|
||||
<view class="choose-content row-between" @click="showSpecPop">
|
||||
<view class="row">
|
||||
<view class="muted sm">已选：</view>
|
||||
<view class="md normal">
|
||||
{{userSpecText}}
|
||||
</view>
|
||||
</view>
|
||||
<u-icon name="arrow-right" size="28" color="#999" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="lunch-btn white br60 row-center" @click="$launchBargain">发起砍价</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-show="status != -1">
|
||||
<view class="bargain-process-header">
|
||||
<view class="mt20 status-container row">
|
||||
<custom-image
|
||||
v-if="bargainObj.share_avatar"
|
||||
width="80rpx"
|
||||
height="80rpx"
|
||||
:src="bargainObj.share_avatar"
|
||||
round
|
||||
:customStyle="{'border': '2rpx solid #fff'}"
|
||||
/>
|
||||
<view class="column ml20">
|
||||
<view class="white xxl">
|
||||
{{bargainObj.bargain_tips}}
|
||||
</view>
|
||||
<view class="mt10 white xxs">
|
||||
{{bargainObj.simple_tips || '邀请好友帮忙砍价 —— 砍至'+ bargainObj.current_price +'元即可发货'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main">
|
||||
<navigator class="goods-planel row" :url="'/pages/goods_details/goods_details?id=' + bargainObj.goods_id" hover-class="none">
|
||||
<custom-image width="180rpx" height="180rpx" :src="bargainObj.image" radius="10rpx" />
|
||||
<view class="goods-info">
|
||||
<view class="goods-name line2 nr">
|
||||
{{bargainObj.name}}
|
||||
</view>
|
||||
<view class="xs muted">
|
||||
{{bargainObj.spec_value_str}}
|
||||
</view>
|
||||
<view class="row-between mt10">
|
||||
<view class="xs muted">
|
||||
原价 ¥{{bargainObj.price || 0}}
|
||||
</view>
|
||||
<view class="row" v-show="showCountDown" v-if="timestamp > 0">
|
||||
<u-count-down
|
||||
:timestamp="timestamp"
|
||||
:bg-color="primaryColor"
|
||||
color="#fff"
|
||||
:separator-color="primaryColor"
|
||||
height="36"
|
||||
:show-days="true"
|
||||
@end="closeBargainOrderFun"
|
||||
/>
|
||||
<text class="muted xs ml10">内可砍</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
<!-- 非被邀请状态 -->
|
||||
<view class="bargain-panel" v-if="status != 5">
|
||||
<view class="bargain-panel-header nr">
|
||||
已砍￥{{bargainObj.knife_price || 0}}，还差￥{{bargainObj.diff_price || 0}}
|
||||
</view>
|
||||
<view class="progress-container row">
|
||||
<view class="progress">
|
||||
<view class="progress-bar" :style="{'width': precent + '%'}">
|
||||
</view>
|
||||
</view>
|
||||
<view class="primary xs ml20">
|
||||
<text class="xxs">¥</text>{{bargainObj.activity_price}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="nr lighter row-center" style="margin-top: 35rpx;" v-if="bargainObj.status != 0 && bargainObj != -1">
|
||||
{{bargainObj.status_tips}}
|
||||
</view>
|
||||
<view class="invite-btn1 br60 white row-center lg" @click="shareToBargain" v-if="bargainObj.direct_buy_btn != 1 && bargainObj.invite_btn">
|
||||
邀请好友帮砍价
|
||||
</view>
|
||||
<view class="invite-btn1 br60 white row-center lg" v-if="bargainObj.buy_btn" @tap="handleClickBuy" >
|
||||
立即购买
|
||||
</view>
|
||||
<view class="fail-btn br60 white row-center lg" v-if="bargainObj.status == 2">
|
||||
砍价失败
|
||||
</view>
|
||||
<view class="invite-btn-group row-between" v-if="bargainObj.direct_buy_btn">
|
||||
<view class="buy-now-btn br60 md row-center" @click="handleClickBuy">
|
||||
¥{{bargainObj.current_price}} 直接购买
|
||||
</view>
|
||||
<view class="invite-friend-btn white br60 md row-center" @click="shareToBargain">
|
||||
邀请好友帮砍价
|
||||
</view>
|
||||
</view>
|
||||
<view class="invite-btn1 br60 white row-center lg" v-if="bargainObj.order_btn" @click="toOrderDetail">
|
||||
查看订单
|
||||
</view>
|
||||
<view class="bargain-code-content">
|
||||
<view class="bargain-code-title row-between">
|
||||
<view class="md normal bold">
|
||||
砍价记录
|
||||
</view>
|
||||
<view class="muted xs">
|
||||
已有{{bargainObj.knife_list && bargainObj.knife_list.length}}人帮砍
|
||||
</view>
|
||||
</view>
|
||||
<view class="code-content">
|
||||
<view class="user-item row-between" v-for="(item, index) in bargainObj.knife_list" :key="item.id">
|
||||
<view class="user-content row">
|
||||
<custom-image width="80rpx" height="80rpx" radius="60rpx" :src="item.avatar" />
|
||||
<view class="ml20">
|
||||
<view class="sm normal">
|
||||
{{item.nickname}}
|
||||
</view>
|
||||
<view class="muted xxs">
|
||||
小刀一砍，惊喜满满
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bargain-price xs primary">
|
||||
¥{{item.help_price || 0}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- end -->
|
||||
<!-- 被邀请状态 -->
|
||||
<view class="shared-panel" v-if="status == 5" >
|
||||
<view class="btn-container">
|
||||
<view class="nr muted row-center">
|
||||
{{bargainObj.status_tips}}
|
||||
</view>
|
||||
<view class="help-knife-btn row-center white lg br60" v-if="bargainObj.knife_btn" @click="$helpBargain">
|
||||
帮忙砍一刀
|
||||
</view>
|
||||
<navigator hover-class="none" url="/bundle/pages/bargain/bargain" class="knife-btn row-center lg normal br60" v-if="bargainObj.sponsor_btn">
|
||||
我也要砍价
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="code-content">
|
||||
<view class="bargain-code-title row-between">
|
||||
<view class="md normal bold">
|
||||
砍价记录
|
||||
</view>
|
||||
<view class="muted xs">
|
||||
已有{{bargainObj.knife_list.length}}人帮砍
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-item row-between" v-for="(item, index) in bargainObj.knife_list" :key="item.id">
|
||||
<view class="user-content row">
|
||||
<custom-image width="80rpx" height="80rpx" radius="60rpx" :src="item.avatar" />
|
||||
<view class="ml20">
|
||||
<view class="sm normal">
|
||||
{{item.nickname}}
|
||||
</view>
|
||||
<view class="muted xxs">
|
||||
小刀一砍，惊喜满满
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bargain-price xs primary">
|
||||
¥{{item.help_price || 0}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- end -->
|
||||
</view>
|
||||
</view>
|
||||
<loading-view v-if="showLoadingView" />
|
||||
<goods-bargain v-if="status != -1" ref="goodsBargain" />
|
||||
<u-popup v-model="showBargainPop" mode="center">
|
||||
<view class="bargain-pop-container">
|
||||
<view class="md normal bold row-center" style="padding-top: 64rpx;">
|
||||
恭喜您成功砍下<text class="primary lg">{{knifePrice || 0}}</text>元
|
||||
</view>
|
||||
<view class="bold md row-center" style="margin-top: 38rpx;" v-if="!isHelpKnife">
|
||||
还差<text class="ml20 differ-price primary">{{diffPrice || 0}}<text style="font-size: 40rpx;">元</text></text>
|
||||
</view>
|
||||
<view class="bold primary xxl row-center" style="margin-top: 38rpx;" v-else>
|
||||
已为好友砍价成功
|
||||
</view>
|
||||
<view class="progress-container row-center">
|
||||
<view class="progress">
|
||||
<view class="progress-bar" :style="{'width': precent + '%'}" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-center">
|
||||
<view class="invite-btn row-center md" @click="shareToBargain">
|
||||
{{isHelpKnife ? '确定' : '邀请好友帮砍'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="close-icon row-center" @click="closeBargainPop" mode="bottom">
|
||||
<u-icon name="close-circle" size="68rpx" color="#fff"></u-icon>
|
||||
</view>
|
||||
</u-popup>
|
||||
<spec-popup
|
||||
:show="showPop"
|
||||
:goods="activityObj"
|
||||
:isBargain="true"
|
||||
:show-add="false"
|
||||
:show-buy="false"
|
||||
:showConfirm="true"
|
||||
:disabledNumberBox="true"
|
||||
:showStock="false"
|
||||
@confirm="chooseSpec"
|
||||
@close="showPop=false"
|
||||
/>
|
||||
<!-- <share-popup
|
||||
:show="showSharePop"
|
||||
@close="showSharePop = false"
|
||||
:goodsId="bargainId"
|
||||
:isBargain="true"
|
||||
:shareTitle="bargainObj.share_titles || bargainObj.name"
|
||||
:summary="bargainObj.share_intros || bargainObj.simple_tips"
|
||||
:img-url="bargainObj.image"
|
||||
/> -->
|
||||
<share-popup
|
||||
v-model="showSharePop"
|
||||
:share-id="bargainId"
|
||||
pagePath="bundle/pages/bargain_process/bargain_process"
|
||||
:config="{
|
||||
avatar: userInfo.avatar,
|
||||
nickname: userInfo.nickname,
|
||||
image: bargainObj.image,
|
||||
name: bargainObj.name ||bargainObj.share_titles,
|
||||
}"
|
||||
:type="2"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getBargainDetail, launchBargain, getBargainActivityDetail, helpBargain, closeBargainOrder} from '@/api/activity'
|
||||
import {strToParams} from '@/utils/tools'
|
||||
import config from '@/config/app'
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showPop: false,
|
||||
showBargainPop: false,
|
||||
showSharePop: false,
|
||||
activityObj: {},
|
||||
bargainObj: {},
|
||||
status: 1,
|
||||
precent: 0,
|
||||
timestamp: 0,
|
||||
userSpecText: '请选择商品规格',
|
||||
userSpec: {},
|
||||
bargainId: -1,
|
||||
activityId: -1,
|
||||
// 砍价弹窗变量
|
||||
knifePrice: 0,
|
||||
diffPrice: 0,
|
||||
isHelpKnife: false,
|
||||
showCountDown: true,
|
||||
showLoadingView: true,
|
||||
showDownload: false
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if (options && options.scene) {
|
||||
let scene = strToParams(decodeURIComponent(options.scene));
|
||||
console.log('scenescene',scene)
|
||||
options.bargainId = scene.id;
|
||||
}
|
||||
if(options && options.id) {
|
||||
options.bargainId = options.id
|
||||
}
|
||||
// #ifdef H5
|
||||
if(options && options.isapp == 1) {
|
||||
this.showDownload = true
|
||||
}
|
||||
// #endif
|
||||
// 活动详情ID
|
||||
this.bargainId = options.bargainId;
|
||||
// 砍价活动ID
|
||||
this.activityId = options.activityId;
|
||||
console.log(this.bargainId, this.activityId, "option")
|
||||
if(this.activityId && this.activityId != -1) {
|
||||
this.$getBargainDetail(this.activityId);
|
||||
}
|
||||
else if(this.bargainId && this.bargainId != -1) {
|
||||
this.$getBargainActivityDetail(this.bargainId)
|
||||
}
|
||||
},
|
||||
onReachBottom() {
|
||||
if(this.$refs.goodsBargain) {
|
||||
this.$refs.goodsBargain.$getBargainList();
|
||||
}
|
||||
},
|
||||
// #ifdef MP-WEIXIN
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
path: "bundle/pages/bargain_process/bargain_process?bargainId=" + this.bargainId,
|
||||
title: this.bargainObj.share_titles || this.bargainObj.name,
|
||||
imageUrl: this.bargainObj.image,
|
||||
}
|
||||
},
|
||||
// #endif
|
||||
|
||||
computed: {
|
||||
...mapGetters(['userInfo']),
|
||||
},
|
||||
|
||||
methods: {
|
||||
showSpecPop() {
|
||||
this.showPop = true;
|
||||
},
|
||||
closeBargainPop() {
|
||||
this.showBargainPop = false
|
||||
},
|
||||
$getBargainDetail(id) {
|
||||
getBargainDetail({bargain_id: id}).then(res => {
|
||||
if(res.code == 1) {
|
||||
this.activityObj = res.data;
|
||||
this.status = res.data.status;
|
||||
this.showLoadingView = false;
|
||||
this.userSpecText = res.data.goods_item[0].spec_value_str
|
||||
this.userSpec = {
|
||||
id: res.data.goods_item[0].id
|
||||
}
|
||||
// let url = config.baseURL.replace(/\/api\//g, "/mobile/");
|
||||
let options = {
|
||||
shareTitle: this.activityObj.name,
|
||||
shareLink: location.href + "&invite_code=" + this.$store.getters.inviteCode,
|
||||
shareImage: this.activityObj.image,
|
||||
shareDesc: this.activityObj.simple_tips
|
||||
}
|
||||
this.wxShare(options)
|
||||
console.log(options, "share-bargain-options1", location.href);
|
||||
}
|
||||
})
|
||||
},
|
||||
chooseSpec(e) {
|
||||
this.userSpec = e.detail;
|
||||
this.userSpecText = e.detail.spec_value_str;
|
||||
this.showPop = false;
|
||||
},
|
||||
$launchBargain() {
|
||||
let data = {
|
||||
// 砍价活动id
|
||||
bargain_id: this.activityId,
|
||||
item_id: this.userSpec.id
|
||||
}
|
||||
launchBargain(data).then(res => {
|
||||
if(res.code == 1) {
|
||||
this.$toast({title: res.msg});
|
||||
this.knifePrice = res.data.knife_price;
|
||||
this.diffPrice = res.data.diff_price;
|
||||
this.precent = res.data.progress * 100;
|
||||
if(this.precent > 100) {
|
||||
this.precent = 100
|
||||
}
|
||||
this.showBargainPop = true;
|
||||
this.bargainId = res.data.id;
|
||||
this.showLoadingView = true;
|
||||
uni.showLoading()
|
||||
this.$getBargainActivityDetail(res.data.id);
|
||||
}
|
||||
})
|
||||
},
|
||||
$getBargainActivityDetail(id) {
|
||||
let timestamp = 0;
|
||||
let now_time = (new Date().getTime()) / 1000
|
||||
getBargainActivityDetail({
|
||||
id: id
|
||||
}).then(res => {
|
||||
if(res.code == 1) {
|
||||
uni.hideLoading()
|
||||
this.status = res.data.status;
|
||||
this.bargainObj = res.data;
|
||||
timestamp = res.data.over_time;
|
||||
this.precent = res.data.progress * 100;
|
||||
if(this.precent > 100) {
|
||||
this.precent = 100
|
||||
}
|
||||
this.showLoadingView = false;
|
||||
this.timestamp = (timestamp - Math.floor(now_time));
|
||||
console.log('calc: ', timestamp, '-', Math.floor(now_time), '=', this.timestamp )
|
||||
let url = location.href.replace(/activityId=\d*/g, "bargainId=" + id);
|
||||
let options = {
|
||||
shareTitle: this.bargainObj.share_titles || this.bargainObj.name,
|
||||
shareLink: url + "&invite_code=" + this.$store.getters.inviteCode,
|
||||
shareImage: this.bargainObj.image,
|
||||
shareDesc: this.bargainObj.share_intros || this.bargainObj.simple_tips
|
||||
}
|
||||
this.wxShare(options)
|
||||
console.log(options, "share-bargain-options2", url);
|
||||
if(this.timestamp <= 0 || this.status == 1) {
|
||||
// 砍价已结束
|
||||
this.showCountDown = false;
|
||||
}
|
||||
else {
|
||||
this.showCountDown = true;
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
shareToBargain() {
|
||||
this.showBargainPop = false
|
||||
if(this.isHelpKnife) {
|
||||
return;
|
||||
}
|
||||
this.showSharePop = true
|
||||
},
|
||||
$helpBargain() {
|
||||
// 帮好友砍价
|
||||
helpBargain({
|
||||
id: this.bargainId
|
||||
}).then(res => {
|
||||
if(res.code == 1) {
|
||||
this.knifePrice = res.data.knife_price;
|
||||
this.precent = res.data.progress * 100;
|
||||
if(this.precent > 100) {
|
||||
this.precent = 100
|
||||
}
|
||||
this.isHelpKnife = true;
|
||||
this.showBargainPop = true;
|
||||
this.$getBargainActivityDetail(this.bargainId)
|
||||
}
|
||||
})
|
||||
},
|
||||
toOrderDetail() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/order_details/order_details?id=" + this.bargainObj.order_id
|
||||
})
|
||||
},
|
||||
closeBargainOrderFun() {
|
||||
// 计时结束后关闭订单
|
||||
closeBargainOrder({
|
||||
id: this.bargainObj.id
|
||||
}).then(res => {
|
||||
if(res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getBargainActivityDetail(this.bargainObj.id)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleClickBuy() {
|
||||
let goods = [{
|
||||
num: 1,
|
||||
item_id: this.bargainObj.item_id
|
||||
}]
|
||||
let params = {
|
||||
goods
|
||||
}
|
||||
console.log(goods, 'handleClickBuy')
|
||||
uni.navigateTo({
|
||||
url: '/pages/confirm_order/confirm_order?data=' + encodeURIComponent(JSON.stringify(params)) + "&bargain_launch_id=" + this.bargainObj.id
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bargain-process-container {
|
||||
.bargain-process-header {
|
||||
background-image: url(../../../static/images/bg_hometop.png);
|
||||
height: 420rpx;
|
||||
background-size: 100% 100%;
|
||||
padding-top: 30rpx;
|
||||
.rule-contain {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 100rpx;
|
||||
padding: 6rpx 10rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
.status-container {
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
}
|
||||
.main {
|
||||
padding: 0 24rpx;
|
||||
margin-top: -230rpx;
|
||||
.goods-planel {
|
||||
background-color: white;
|
||||
padding: 30rpx 24rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
|
||||
.goods-info {
|
||||
margin-left: 24rpx;
|
||||
flex: 1;
|
||||
.goods-name {
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 砍价状态2
|
||||
.bargain-panel {
|
||||
margin-top: 30rpx;
|
||||
padding: 24rpx 24rpx 20rpx;
|
||||
background-color: $-color-white;
|
||||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
|
||||
border-radius: 20rpx;
|
||||
.bargain-panel-header {
|
||||
font-weight: bold;
|
||||
}
|
||||
.progress-container {
|
||||
margin-top: 33rpx;
|
||||
.progress {
|
||||
flex: 1;
|
||||
background-color: #FFEBE5;
|
||||
height: 20rpx;
|
||||
border-radius: 50rpx;
|
||||
.progress-bar {
|
||||
background: linear-gradient(90deg, #F95F2F 0%, #FF2C3C 100%);
|
||||
transition: width .5s ease;
|
||||
height: 100%;
|
||||
width: 0%;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.invite-btn1 {
|
||||
background-color: $-color-primary;
|
||||
height: 84rpx;
|
||||
margin-top: 36rpx;
|
||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||
}
|
||||
.fail-btn {
|
||||
background-color: #E5E5E5;
|
||||
height: 84rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.invite-btn-group {
|
||||
margin-top: 60rpx;
|
||||
.buy-now-btn {
|
||||
width: 316rpx;
|
||||
height: 84rpx;
|
||||
color: #F95F2F;
|
||||
font-size: 30rpx;
|
||||
background-color: rgba($color: #F95F2F, $alpha: 0.2);
|
||||
}
|
||||
.invite-friend-btn {
|
||||
width: 316rpx;
|
||||
height: 84rpx;
|
||||
background-color: $-color-primary;
|
||||
}
|
||||
}
|
||||
.bargain-code-content {
|
||||
margin-top: 62rpx;
|
||||
.bargain-code-title {
|
||||
|
||||
}
|
||||
.code-content {
|
||||
margin-top: 30rpx;
|
||||
.user-item {
|
||||
padding: 15rpx 0;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// end
|
||||
// 被邀请状态
|
||||
.shared-panel {
|
||||
.btn-container {
|
||||
margin-top: 40rpx;
|
||||
.help-knife-btn {
|
||||
background-color: $-color-primary;
|
||||
height: 84rpx;
|
||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||
}
|
||||
.knife-btn {
|
||||
height: 84rpx;
|
||||
background-color: $-color-white;
|
||||
border: 1px solid #BBBBBB;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
.code-content {
|
||||
margin-top: 30rpx;
|
||||
padding: 27rpx 24rpx;
|
||||
background-color: $-color-white;
|
||||
.user-item {
|
||||
padding: 15rpx 0;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
// end
|
||||
.choose-container {
|
||||
margin: 40rpx 0;
|
||||
.title {
|
||||
font-weight: 500;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.choose-content {
|
||||
padding: 30rpx 20rpx;
|
||||
background-color: $-color-white;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
.lunch-btn {
|
||||
height: 84rpx;
|
||||
background-color: $-color-primary;
|
||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||
}
|
||||
}
|
||||
.pop-container {
|
||||
height: 800rpx;
|
||||
.goods-info {
|
||||
padding: 20rpx 20rpx;
|
||||
.goods-spec {
|
||||
align-self: flex-end;
|
||||
}
|
||||
}
|
||||
.spec-selector {
|
||||
padding: 30rpx 20rpx;
|
||||
.title {
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.spec-item {
|
||||
padding: 8rpx 28rpx;
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
.spec-active-item {
|
||||
padding: 8rpx 28rpx;
|
||||
color: white;
|
||||
background-color: $-color-primary;
|
||||
}
|
||||
}
|
||||
.pickup-number {
|
||||
margin-top: 30rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
}
|
||||
.bargain-pop-container {
|
||||
width: 559rpx;
|
||||
height: 580rpx;
|
||||
background-image: url(../../static/images/bg_kanjia.png);
|
||||
background-size: 100% 100%;
|
||||
.differ-price {
|
||||
font-size: 58rpx;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
.progress-container {
|
||||
margin-top: 26rpx;
|
||||
.progress {
|
||||
width: 409rpx;
|
||||
height: 20rpx;
|
||||
background-color: #FD498F1A;
|
||||
border-radius: 50rpx;
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
width: 0%;
|
||||
background: linear-gradient(90deg, #FA444D 0%, #FD498F 100%);
|
||||
border-radius: 50rpx;
|
||||
transition: width .5s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
.invite-btn {
|
||||
background-image: url(../../static/images/coupon_button.png);
|
||||
background-size: 100% 100%;
|
||||
height: 106rpx;
|
||||
color: #7B3200;
|
||||
font-weight: 500;
|
||||
margin-top: 180rpx;
|
||||
width: 478rpx;
|
||||
}
|
||||
}
|
||||
.close-icon {
|
||||
margin-top: 26rpx;
|
||||
}
|
||||
.share-pop-container {
|
||||
height: 500rpx;
|
||||
background-color: $-color-white;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,157 @@
|
||||
<template>
|
||||
<view class="contact-offical">
|
||||
<view class="header">
|
||||
|
||||
</view>
|
||||
<view class="content column-center">
|
||||
<view class="content-view column-center bg-white">
|
||||
<img class="content-img" :src="server.image" />
|
||||
<view class="primary wechat-num lg">客服微信</view>
|
||||
<view class="row-center copy-btn xxl white" @click="onCopy(server.wechat)">
|
||||
<image class="mr5" style="width: 32px;height: 25px;" src="../../static/images/wechat-btn-icon.png" />
|
||||
微信扫码添加
|
||||
</view>
|
||||
<view class="mt20 normal xs" style="line-height: 35px">{{server.time}}</view>
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<button open-type="contact" class="sm row-center br60">
|
||||
<text style="line-height: 50px;">在线客服</text>
|
||||
</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="sm row-center br60" @click="tipsShow()">
|
||||
<text style="line-height: 50px;">在线客服</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="xs white" style="margin-top: 40px;line-height: 49px;">
|
||||
无法添加或疑难问题请联系工作人员
|
||||
</view>
|
||||
<view class="row white">
|
||||
<view class="xs" style="line-height: 49px;">{{server.phone}}</view>
|
||||
<!-- #ifdef H5 -->
|
||||
<a class="ml10 phone-btn xs row-center white" :href="'tel:' + server.phone">拨打</a>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<a class="ml10 phone-btn xs row-center white" @click="showTelTips">拨打</a>
|
||||
<!-- #endif -->
|
||||
<view class="ml5 copy-phone-btn xs row-center" @click="onCopy(server.phone)">复制</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-modal
|
||||
:content="content"
|
||||
v-model="showPhoneCall"
|
||||
show-cancel-button
|
||||
confirm-text='呼叫'
|
||||
:confirm-color="primaryColor"
|
||||
@confirm="onCall"
|
||||
>
|
||||
</u-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getService} from "@/api/app"
|
||||
import {copy} from '@/utils/tools'
|
||||
export default {
|
||||
name: 'contactOffical',
|
||||
data() {
|
||||
return {
|
||||
server: {},
|
||||
showPhoneCall: false,
|
||||
content: '即将打电话给'
|
||||
}
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
this.$getService()
|
||||
},
|
||||
|
||||
methods: {
|
||||
$getService() {
|
||||
getService().then(res => {
|
||||
if(res.code == 1) {
|
||||
this.server = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
tipsShow() {
|
||||
this.$toast({title: "该功能暂未开放"})
|
||||
},
|
||||
onCopy(str) {
|
||||
copy(str);
|
||||
},
|
||||
showTelTips() {
|
||||
this.showPhoneCall = true;
|
||||
this.content = '即将打电话给' + this.server.phone
|
||||
},
|
||||
onCall() {
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: this.server.phone.toString(),
|
||||
success(e) {
|
||||
console.log('成功', e)
|
||||
},
|
||||
fail(err) {
|
||||
console.log('失败', err)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.contact-offical {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(180deg, #F62318 0%, #F20407 100%);
|
||||
.header {
|
||||
height: 383px;
|
||||
width: 100%;
|
||||
}
|
||||
.content {
|
||||
|
||||
|
||||
.content-view {
|
||||
border: 5px solid #FA7949;
|
||||
width: 310px;
|
||||
border-radius: 10px;
|
||||
margin-top: -350px;
|
||||
.content-img {
|
||||
margin-top: 20px;
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
.wechat-num {
|
||||
line-height: 45px;
|
||||
}
|
||||
.copy-btn {
|
||||
background: linear-gradient(180deg, #FFA200 0%, #FF5E44 100%);
|
||||
width: 230px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
line-height: 49px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.contact-btn {
|
||||
width: 300rpx;
|
||||
height: 60rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
.phone-btn {
|
||||
background: linear-gradient(180deg, #FFA200 0%, #FF5E44 100%);
|
||||
height: 24px;
|
||||
width: 60px;
|
||||
line-height: 33px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
.copy-phone-btn {
|
||||
background-color: rgba($color: #fff, $alpha: 0.5);
|
||||
height: 24px;
|
||||
width: 60px;
|
||||
line-height: 33px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<view class="set-pwd">
|
||||
<view class="input-container bg-white">
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">手机号</view>
|
||||
<u-input class="flex1" v-model="mobile" />
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">验证码</view>
|
||||
<u-input class="flex1" v-model="code" placeholder="请输入验证码" />
|
||||
<view class="get-code xs br60 row-center primary" @tap="sendSms">
|
||||
<view v-show="!showCount">获取验证码</view>
|
||||
<u-count-down
|
||||
v-show="showCount"
|
||||
ref="countDown"
|
||||
:show-days="false"
|
||||
:timestamp="time"
|
||||
separator="zh"
|
||||
color="#FF2C3C"
|
||||
separatorColor="#FF2C3C"
|
||||
bg-color="rgba(0, 0, 0, 0)"
|
||||
:show-hours="false"
|
||||
:show-minutes="false"
|
||||
:autoplay="false"
|
||||
@end="showCount = false"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">转账密码</view>
|
||||
<u-input
|
||||
class="flex1"
|
||||
type="password"
|
||||
v-model="setPwd"
|
||||
placeholder="请输入新的转账密码"
|
||||
/>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">确认密码</view>
|
||||
<u-input
|
||||
class="flex1"
|
||||
type="password"
|
||||
v-model="comfirmPwd"
|
||||
placeholder="请再次确认密码"
|
||||
/>
|
||||
</view>
|
||||
<button
|
||||
size="lg"
|
||||
type="primary"
|
||||
class="btn bg-primary white br60 row-center"
|
||||
@tap="retrievePayPasswordFun"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { retrievePayPassword, send } from '@/api/user'
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
time: 59,
|
||||
showCount: false,
|
||||
setPwd: '',
|
||||
comfirmPwd: '',
|
||||
code: ''
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
retrievePayPasswordFun() {
|
||||
let { setPwd, comfirmPwd, code } = this
|
||||
if (!code) {
|
||||
this.$toast({
|
||||
title: '请输入验证码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!setPwd) {
|
||||
this.$toast({
|
||||
title: '请输入新的转账密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '请输入确认密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (setPwd != comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '两次密码输入不一致'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (setPwd.length < 4 || setPwd.length > 8) {
|
||||
this.$toast({
|
||||
title: '请输入长度为4-8位的密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
let data = {
|
||||
new_pay_password: setPwd,
|
||||
mobile: this.userInfo.mobile,
|
||||
code: code
|
||||
}
|
||||
|
||||
retrievePayPassword(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast(
|
||||
{
|
||||
title: res.msg
|
||||
},
|
||||
{ tab: 3 }
|
||||
)
|
||||
}
|
||||
})
|
||||
},
|
||||
sendSms() {
|
||||
let data = {
|
||||
mobile: this.userInfo.mobile
|
||||
}
|
||||
if (this.showCount) return
|
||||
send(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.showCount = true
|
||||
this.$refs.countDown.start()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo']),
|
||||
mobile() {
|
||||
if (this.userInfo.mobile) {
|
||||
return this.userInfo.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.set-pwd {
|
||||
padding-top: 20rpx;
|
||||
|
||||
.input-container {
|
||||
padding: 20rpx 0 100rpx;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.input-item {
|
||||
margin: 0 30rpx;
|
||||
height: 88rpx;
|
||||
margin-bottom: 30rpx;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
|
||||
.input-label {
|
||||
width: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.get-code {
|
||||
width: 176rpx;
|
||||
height: 58rpx;
|
||||
flex: none;
|
||||
border: 1px solid $-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 80rpx 30rpx 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,169 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
<template>
|
||||
<view class="goods-combination">
|
||||
<navbar title="拼团活动"></navbar>
|
||||
<view class="header">
|
||||
<image class="img" src="../../static/images/group_bg.png"></image>
|
||||
</view>
|
||||
<view class="main bg-primary">
|
||||
<view class="goods-list">
|
||||
<navigator v-for="(item, index) in groupList" :key="index" class="goods-item row mt20 bg-white" hover-class="none"
|
||||
:url="'/pages/goods_details/goods_details?id=' + item.goods_id">
|
||||
<custom-image width="180rpx" height="180rpx" radius="6rpx" lazy-load :src="item.image"></custom-image>
|
||||
<view class="goods-info ml20">
|
||||
<view class="goods-name line2 mb10">{{item.name}}</view>
|
||||
<view class="dec row">
|
||||
<view class="group mr20 row">
|
||||
<view class="group-img row-center">
|
||||
<image class="icon-sm" src="../../static/images/icon_group_white.png"></image>
|
||||
</view>
|
||||
<view class="primary xxs mr10 ml10">{{item.people_num}}人团</view>
|
||||
</view>
|
||||
<view class="sale muted xs">已拼{{item.sales_sum}}件</view>
|
||||
</view>
|
||||
<view class="info-footer row-between">
|
||||
<view class="price row">
|
||||
<price-format color="#FF2C3C" :subscript-size="26" :second-size="26" :first-size="34" :price="item.team_min_price"
|
||||
:weight="500"></price-format>
|
||||
<price-format class="ml10" color="#999" :line-through="true" :subscript-size="24" :first-size="24" :second-size="24"
|
||||
:price="item.min_price"></price-format>
|
||||
</view>
|
||||
<button class="br60 btn white" size="sm" type="primary">去拼团</button>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
<loading-footer :status="status" :slot-empty="true" color="#fff" @refresh="getGroupListFun">
|
||||
<view slot="empty" class="column-center" style="padding-top: 200rpx">
|
||||
<text class="lg" style="color: #FFD4D8">暂无拼团商品</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
loadingType
|
||||
} from '@/utils/type';
|
||||
import {
|
||||
getGroupList
|
||||
} from '@/api/activity';
|
||||
|
||||
import {
|
||||
loadingFun
|
||||
} from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
groupList: [],
|
||||
status: loadingType.LOADING
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
onLoad: function(options) {
|
||||
this.getGroupListFun();
|
||||
},
|
||||
|
||||
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
this.groupList = [];
|
||||
this.status = loadingType.LOADING;
|
||||
this.getGroupListFun();
|
||||
},
|
||||
|
||||
onReachBottom: function() {
|
||||
this.getGroupListFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getGroupListFun() {
|
||||
|
||||
try {
|
||||
let {
|
||||
page,
|
||||
groupList,
|
||||
status
|
||||
} = this;
|
||||
const data = await loadingFun(getGroupList, page, groupList, status)
|
||||
if (!data) return
|
||||
this.page = data.page
|
||||
this.groupList = data.dataList
|
||||
this.status = data.status
|
||||
} catch(err) {
|
||||
this.status = loadingType.ERROR
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.goods-combination {
|
||||
background-color: $-color-primary;
|
||||
min-height: 100vh;
|
||||
|
||||
.header .img {
|
||||
display: block;
|
||||
width: 750rpx;
|
||||
height: 380rpx;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 0 20rpx;
|
||||
margin-top: -30rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
.goods-list {
|
||||
.goods-item {
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 20rpx;
|
||||
.goods-img {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
.goods-info {
|
||||
flex: 1;
|
||||
width: 475rpx;
|
||||
.group {
|
||||
border: 1px solid $-color-primary;
|
||||
border-radius: 4rpx;
|
||||
.group-img {
|
||||
padding: 2rpx 6rpx;
|
||||
background: linear-gradient(90deg, rgba(249, 95, 47, 1) 0%, rgba(255, 44, 60, 1) 100%);
|
||||
border-radius: 0 4rpx 4rpx 0;
|
||||
}
|
||||
|
||||
}
|
||||
.info-footer {.btn {
|
||||
padding: 0 30rpx;
|
||||
background-color: #F95F2F;
|
||||
}}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<view class="goods-comment-list">
|
||||
<tabs :active="active" line-width="40" @change="changeActive">
|
||||
<tab title="待评价">
|
||||
<comment-list type="1" v-if="active == 0"></comment-list>
|
||||
</tab>
|
||||
<tab title="已评价">
|
||||
<comment-list type="2" v-if="active == 1"></comment-list>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.type = options.type;
|
||||
|
||||
if (this.type) {
|
||||
this.active = parseInt(this.type)
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
changeActive(e) {
|
||||
this.active = e
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
</style>
|
||||
@@ -0,0 +1,258 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
|
||||
<template>
|
||||
<view>
|
||||
<view class="goods-logistics mb20">
|
||||
<view class="header row bg-white">
|
||||
<view class="goods mr20">
|
||||
<image class="goods-img" :src="order.image"></image>
|
||||
<view class="count xs white br60">共{{order.count}}件商品</view>
|
||||
</view>
|
||||
<view class="info sm">
|
||||
<view class="bold lg">{{order.tips}}</view>
|
||||
<view class="black mt10 mb10">物流公司：{{order.shipping_name}}</view>
|
||||
<view class="row">
|
||||
<text class="black">快递单号：{{order.invoice_no}}</text>
|
||||
<text class="primary ml20" @tap="onCopy">复制</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main mt20 bg-white column">
|
||||
<!-- 物流时间轴 -->
|
||||
<view class="express">
|
||||
<!-- 顶部收货地址 -->
|
||||
<view class="express-address row" v-if="take.contacts">
|
||||
<view class="express-left column-center">
|
||||
<image class="express-icon" :src="finish.tips ? '../../static/images/logistics_address.png' : '../../static/images/logistics_address_gray.png'"></image>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right">
|
||||
<view class="name bold mb10 sm">{{take.contacts}} {{take.mobile}}</view>
|
||||
<view class="address sm lighter line2">{{take.address}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="express-item row" v-if="finish.tips">
|
||||
<view class="express-left column-center">
|
||||
<image class="express-icon" src="../../static/images/logistics_success.png"></image>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right">
|
||||
<view class="title bold sm">{{finish.title}}</view>
|
||||
<view class="dec sm">{{finish.tips}}</view>
|
||||
<view class="time xs muted">{{finish.time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="express-item row" v-if="delivery.traces && delivery.traces.length">
|
||||
<view class="express-left column-center">
|
||||
<image class="express-icon" src="../../static/images/logistics_transit.png"></image>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right muted">
|
||||
<view class="title bold sm ">{{delivery.title}}</view>
|
||||
<view class="xs" v-if="delivery.traces[0][0]">
|
||||
{{delivery.traces[0][0]}}
|
||||
</view>
|
||||
<view class="xs" v-if="delivery.traces[0][1]">
|
||||
{{delivery.traces[0][1]}}
|
||||
</view>
|
||||
<view class="xs" v-if="delivery.traces[0][2]">
|
||||
{{delivery.traces[0][2]}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<block v-for="(item, index) in delivery.traces" :key="index">
|
||||
<view class="express-item row" v-if="index >= 1">
|
||||
<view class="express-left column-center">
|
||||
<view class="express-doted"></view>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right muted">
|
||||
<view class="sm" v-if="item[0]">{{item[0]}}</view>
|
||||
<view class="sm" v-if="item[1]">{{item[1]}}</view>
|
||||
<view class="sm" v-if="item[2]">{{item[2]}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view class="express-item row" v-if="shipment.tips">
|
||||
<view class="express-left column-center">
|
||||
<image class="express-icon" src="../../static/images/logistics_delivered.png"></image>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right muted">
|
||||
<view class="title bold sm">{{shipment.title}}</view>
|
||||
<view class="dec xs">{{shipment.tips}}</view>
|
||||
<view class="time xs muted">{{shipment.time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="express-item row" v-if="buy.tips">
|
||||
<view class="express-left column-center">
|
||||
<image class="express-icon" src="../../static/images/logistics_pay.png"></image>
|
||||
<view class="express-line"></view>
|
||||
</view>
|
||||
<view class="express-right muted">
|
||||
<view class="title bold sm">{{buy.title}}</view>
|
||||
<view class="dec xs">{{buy.tips}}</view>
|
||||
<view class="time xs muted">{{buy.time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<recommend></recommend>
|
||||
<loading-view v-if="isFirstLoading"></loading-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
orderTraces
|
||||
} from '@/api/order';
|
||||
import {copy} from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
shipment: {},
|
||||
buy: {},
|
||||
delivery: {},
|
||||
finish: {},
|
||||
order: {},
|
||||
take: {},
|
||||
isFirstLoading: true
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
onLoad: function(options) {
|
||||
this.id = options.id;
|
||||
this.orderTracesFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
async orderTracesFun() {
|
||||
const {
|
||||
code,
|
||||
data: {
|
||||
shipment,
|
||||
buy,
|
||||
delivery,
|
||||
finish,
|
||||
order,
|
||||
take
|
||||
}
|
||||
} = await orderTraces(this.id)
|
||||
if (code == 1) {
|
||||
this.shipment = shipment
|
||||
this.buy = buy
|
||||
this.delivery = delivery
|
||||
this.finish = finish
|
||||
this.order = order
|
||||
this.take = take
|
||||
this.isFirstLoading = false
|
||||
} else {
|
||||
setTimeout(() => uni.navigateBack(), 1000);
|
||||
}
|
||||
},
|
||||
|
||||
onCopy() {
|
||||
copy(this.order.invoice_no)
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.goods-logistics {
|
||||
padding-top: 20rpx;
|
||||
.header {
|
||||
padding: 20rpx;
|
||||
.goods-img {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
flex: none;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
.goods {
|
||||
position: relative;
|
||||
.count {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
padding: 4rpx 0;
|
||||
}
|
||||
}
|
||||
.express {
|
||||
width: 700rpx;
|
||||
padding-top: 30rpx;
|
||||
padding-bottom: 100rpx;
|
||||
margin: 0 auto;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.express-address,
|
||||
.express-item {
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.express-left {
|
||||
margin-top: 10rpx;
|
||||
margin-right: 24rpx;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 40rpx;
|
||||
flex: none;
|
||||
.express-icon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.express-line {
|
||||
flex: 1;
|
||||
border-left: 1px dotted #E5E5E5;
|
||||
}
|
||||
.express-doted {
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #E5E5E5;
|
||||
}
|
||||
|
||||
}
|
||||
.express-right {
|
||||
padding-left: 60rpx;
|
||||
& .title,
|
||||
& .dec {
|
||||
margin-bottom: 5rpx;
|
||||
}
|
||||
}
|
||||
.express-item:last-of-type .express-left .express-line {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,258 @@
|
||||
<template>
|
||||
<view class="goods-reviews">
|
||||
<order-goods :list="goods"></order-goods>
|
||||
<view class="goods-evaluate row">
|
||||
<view class="lable">商品评价</view>
|
||||
<u-rate
|
||||
name="goodsRate"
|
||||
:count="5"
|
||||
:size="42"
|
||||
active-color="#FF2C3C"
|
||||
v-model="goodsRate"
|
||||
@change="goodsRateChange"
|
||||
/>
|
||||
<view
|
||||
:class="'desc ' + (goodsRate <= 2 ? 'muted' : 'primary') + ' '"
|
||||
v-show="!(goodsRate == 0)"
|
||||
>
|
||||
{{ goodsRateDesc }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="rate bg-white">
|
||||
<view class="item row mb20">
|
||||
<view class="lable">描述相符</view>
|
||||
<u-rate name="descRate" :size="42" active-color="#FF2C3C" v-model="descRate" />
|
||||
</view>
|
||||
<view class="item row mb20">
|
||||
<view class="lable">服务态度</view>
|
||||
<u-rate name="serverRate" :size="42" active-color="#FF2C3C" v-model="serverRate" />
|
||||
</view>
|
||||
<view class="item row">
|
||||
<view class="lable">配送服务</view>
|
||||
<u-rate
|
||||
name="deliveryRate"
|
||||
:size="42"
|
||||
active-color="#FF2C3C"
|
||||
v-model="deliveryRate"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="goods-dec bg-white mt20">
|
||||
<view class="title mb20 md bold">商品描述</view>
|
||||
<view class="textarea mb20" style="background-color: #f5f5f5">
|
||||
<u-input
|
||||
v-model="comment"
|
||||
placeholder="宝贝收到还满意吗，说说你的使用心得。分享给想买的他们吧！！"
|
||||
type="textarea"
|
||||
:clearable="false"
|
||||
:height="240"
|
||||
>
|
||||
</u-input>
|
||||
</view>
|
||||
<uploader
|
||||
preview-size="180rpx"
|
||||
:mutiple="true"
|
||||
:maxUpload="5"
|
||||
:file-list="fileList"
|
||||
@after-read="afterRead"
|
||||
:deletable="true"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
</view>
|
||||
<button form-type="submit" class="btn br60" type="primary" size="lg" @tap="onSubmit">
|
||||
立即评价
|
||||
</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { baseURL } from '@/config/app.js'
|
||||
import { goodsComment, getCommentInfo } from '@/api/user'
|
||||
import { uploadFile } from '@/utils/tools.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
goodsRate: 0,
|
||||
descRate: 0,
|
||||
serverRate: 0,
|
||||
deliveryRate: 0,
|
||||
goodsRateDesc: '',
|
||||
fileList: [],
|
||||
goods: [],
|
||||
comment: '',
|
||||
type: ''
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.id = options.id
|
||||
this.getCommentInfoFun()
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(e) {
|
||||
this.type = e.value
|
||||
},
|
||||
|
||||
goodsRateChange: function (e) {
|
||||
let goodsRateDesc = ''
|
||||
|
||||
if (e <= 2) {
|
||||
goodsRateDesc = '差评'
|
||||
} else if (e == 3) {
|
||||
goodsRateDesc = '中评'
|
||||
} else {
|
||||
goodsRateDesc = '好评'
|
||||
}
|
||||
this.goodsRateDesc = goodsRateDesc
|
||||
},
|
||||
|
||||
onSubmit() {
|
||||
let { goodsRate, fileList, comment, deliveryRate, descRate, serverRate } = this
|
||||
let image = fileList.map((item) => item.base_url)
|
||||
if (!goodsRate)
|
||||
return this.$toast({
|
||||
title: '请对商品进行评分'
|
||||
})
|
||||
if (!descRate)
|
||||
return this.$toast({
|
||||
title: '请对描述相符进行评分'
|
||||
})
|
||||
if (!serverRate)
|
||||
return this.$toast({
|
||||
title: '请对服务态度进行评分'
|
||||
})
|
||||
if (!deliveryRate)
|
||||
return this.$toast({
|
||||
title: '请对配送服务进行评分'
|
||||
})
|
||||
goodsComment({
|
||||
id: parseInt(this.id),
|
||||
goods_comment: goodsRate,
|
||||
service_comment: serverRate,
|
||||
express_comment: deliveryRate,
|
||||
description_comment: descRate,
|
||||
comment,
|
||||
image
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast(
|
||||
{
|
||||
title: '评价成功'
|
||||
},
|
||||
{
|
||||
tab: 5,
|
||||
url: '/bundle/pages/goods_comment_list/goods_comment_list?type=1'
|
||||
}
|
||||
)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
onInput(e) {
|
||||
this.comment = e.detail.value
|
||||
},
|
||||
|
||||
getCommentInfoFun() {
|
||||
getCommentInfo({
|
||||
id: this.id
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.goods.push(res.data)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
afterRead(e) {
|
||||
const file = e
|
||||
uni.showLoading({
|
||||
title: '正在上传中...',
|
||||
mask: true
|
||||
})
|
||||
file.map((item) => {
|
||||
uploadFile(item.path)
|
||||
.then((res) => {
|
||||
uni.hideLoading()
|
||||
this.fileList.push(res)
|
||||
})
|
||||
.catch(() => {
|
||||
uni.hideLoading()
|
||||
this.$toast({
|
||||
title: '上传失败'
|
||||
})
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
onDelete(index) {
|
||||
this.fileList.splice(index, 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.goods-reviews {
|
||||
padding: 20rpx 0 40rpx;
|
||||
}
|
||||
.goods-reviews .rate {
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
.goods-reviews .rate .lable {
|
||||
width: 170rpx;
|
||||
}
|
||||
.goods-reviews .goods-dec {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.goods-reviews .goods-dec .textarea {
|
||||
height: 240rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.goods-reviews .goods-dec .textarea textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.goods-reviews .btn {
|
||||
width: 698rpx;
|
||||
margin: 30rpx 26rpx 0;
|
||||
}
|
||||
|
||||
.rate .item .desc {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.goods-reviews .goods-evaluate {
|
||||
padding: 20rpx 30rpx;
|
||||
background-color: white;
|
||||
border: 1rpx solid #f2f2f2;
|
||||
}
|
||||
|
||||
.goods-reviews .goods-evaluate .desc {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.goods-reviews .goods-evaluate .lable {
|
||||
width: 170rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,288 @@
|
||||
<template>
|
||||
<!-- pages/active/goods_seckill/goods_seckill.wxml -->
|
||||
<view class="goods-seckill">
|
||||
<navbar title="限时秒杀"></navbar>
|
||||
<view class="banner">
|
||||
<swipers :pid="14" height="284rpx" radius="10rpx" padding="20rpx"></swipers>
|
||||
</view>
|
||||
<view class="time-list">
|
||||
<scroll-view style="height: 120rpx; white-space: nowrap;" :scroll-into-view="'item-' + currentView" scroll-x="true" scroll-with-animation="true">
|
||||
<view v-for="(item, index) in seckillTime" :key="index" :id="'item-' + index" class="time-item column-center" @tap="exchangeTime" :data-id="item.id" :data-index="index">
|
||||
<view :class="'xl bold ' + (item.active==1 ? 'primary': '')">{{ item.start_time }}</view>
|
||||
<view :class="'sm br60 state ' + ( item.active === 1 ? 'bg-primary white': '' ) + ' ' + ( item.status === 2 ? 'muted': '' )" :style="item.active==1 ? 'background-color: #FF2C3C;color: white': ''">
|
||||
{{ item.tips }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="goods-list">
|
||||
<view v-for="(item, index) in seckillGoods" :key="index" class="goods-item row bg-white" @tap="goGoodsDetail" :data-id="item.id" :data-shop_id="item.shop_id">
|
||||
<custom-image width="180rpx" height="180rpx" radius="10rpx" lazy-load class="goods-img mr20" :src="item.image" />
|
||||
<view class="goods-info">
|
||||
<view style="width: 490rpx" class="goods-name line2 mb10">{{item.name}}</view>
|
||||
<label class="sale-info xs primary br60">
|
||||
已抢{{item.sales_sum}}件
|
||||
</label>
|
||||
<view class="info-footer row-between" style="margin-top: 5rpx">
|
||||
<view class="price">
|
||||
<price-format class="mr10" :price="item.seckill_price" color="#FF2C3C" :firstSize="34" :secondSize="26" :showSubscript="true" :subscriptSize="26" />
|
||||
<price-format class="line-through muted" :price="item.min_price" color="#999999" :firstSize="24" :secondSize="24" :showSubscript="true" :subscriptSize="24" />
|
||||
</view>
|
||||
<button :class="'br60 white ' + (currentStatus == 2? 'bg-gray' : currentStatus == 1 ? 'primary-btn' : 'border-btn')" size="sm" @tap.stop="goGoodsDetail" :data-id="item.id" :data-shop_id="item.shop_id">{{currentStatus == 2? '已结束': currentStatus == 1 ? '立即抢购' : '未开始'}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/goods_null.png"></image>
|
||||
<view class="muted nr">暂无商品～</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getSeckillTime, getSeckillGoods } from "@/api/activity";
|
||||
import { loadingType } from "@/utils/type";
|
||||
import {loadingFun} from "@/utils/tools";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
currentView: 0,
|
||||
bannerList: [],
|
||||
seckillTime: [],
|
||||
seckillGoods: [],
|
||||
page: 1,
|
||||
loadingStatus: "loading",
|
||||
currentId: 0,
|
||||
// 当前状态
|
||||
currentStatus: 0,
|
||||
isDataNull: false,
|
||||
id: ""
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
onLoad: function (options) {
|
||||
this.getSeckillTimeFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getSeckillGoodsFun(this.currentId);
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 获取秒杀时间段
|
||||
getSeckillTimeFun() {
|
||||
let {
|
||||
currentView,
|
||||
currentStatus
|
||||
} = this;
|
||||
getSeckillTime().then(res => {
|
||||
if (res.code == 1) {
|
||||
if (!res.data.length && res.data.length <= 0) {
|
||||
this.isDataNull = true
|
||||
return;
|
||||
}
|
||||
|
||||
let index = res.data.findIndex(item => item.status == 1);
|
||||
|
||||
if (index == -1) {
|
||||
index = res.data.findIndex(item => item.status == 0);
|
||||
}
|
||||
|
||||
if (index == -1) {
|
||||
index = 0;
|
||||
}
|
||||
|
||||
res.data[index].active = 1;
|
||||
currentView = index - 2;
|
||||
currentStatus = res.data[index].status;
|
||||
|
||||
if (currentView < 0) {
|
||||
currentView = 0;
|
||||
}
|
||||
|
||||
this.seckillTime = res.data;
|
||||
this.id = res.data[index].id;
|
||||
this.currentView = currentView;
|
||||
this.currentStatus = currentStatus;
|
||||
|
||||
this.getSeckillGoodsFun(res.data[index].id);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 获取秒杀时间段商品
|
||||
getSeckillGoodsFun(id) {
|
||||
let {
|
||||
page,
|
||||
seckillGoods
|
||||
} = this;
|
||||
|
||||
loadingFun(getSeckillGoods, page, seckillGoods, this.loadingStatus, {id: id}).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.seckillGoods = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 查看其他时间段
|
||||
exchangeTime(e) {
|
||||
let {
|
||||
id,
|
||||
index
|
||||
} = e.currentTarget.dataset;
|
||||
let {
|
||||
currentView,
|
||||
seckillTime,
|
||||
currentStatus
|
||||
} = this;
|
||||
seckillTime.forEach((item, idx) => {
|
||||
if (index == idx) {
|
||||
item.active = 1;
|
||||
currentStatus = item.status;
|
||||
} else {
|
||||
item.active = 0;
|
||||
}
|
||||
});
|
||||
|
||||
if (index == -1) {
|
||||
index = 0;
|
||||
}
|
||||
|
||||
currentView = index - 2;
|
||||
|
||||
if (currentView < 0) {
|
||||
currentView = 0;
|
||||
}
|
||||
|
||||
this.page = 1;
|
||||
this.currentView = currentView;
|
||||
this.isDataNull = false;
|
||||
this.currentId = id;
|
||||
this.seckillGoods = []
|
||||
this.loadingStatus = loadingType.LOADING;
|
||||
this.seckillTime = seckillTime;
|
||||
this.currentStatus = currentStatus;
|
||||
|
||||
this.getSeckillGoodsFun(id);
|
||||
},
|
||||
|
||||
goGoodsDetail(e) {
|
||||
let {
|
||||
id,
|
||||
shop_id
|
||||
} = e.currentTarget.dataset;
|
||||
uni.navigateTo({
|
||||
url: '/pages/goods_details/goods_details?id=' + id
|
||||
});
|
||||
},
|
||||
|
||||
goToBuy(e) {
|
||||
console.log("goToBuy");
|
||||
console.log(e);
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/active/goods_seckill/goods_seckill.wxss */
|
||||
.bg-gray {
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
.goods-seckill .banner {
|
||||
}
|
||||
|
||||
.goods-seckill {
|
||||
.time-list {
|
||||
.time-item {
|
||||
display: inline-flex;
|
||||
width: 160rpx;
|
||||
height: 100%;
|
||||
.state {
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.goods-list {
|
||||
.goods-item{
|
||||
padding: 30rpx;
|
||||
.goods-img {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
.goods-info {
|
||||
flex: 1;
|
||||
width: 470rpx;
|
||||
.sale-info {
|
||||
padding: 4rpx 16rpx;
|
||||
background-color: #FFE9EB;
|
||||
}
|
||||
.info-footer {
|
||||
.btn {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
}
|
||||
.progress-wrap {
|
||||
.progress {
|
||||
width: 260rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.primary-btn {
|
||||
padding: 0 30rpx;
|
||||
background: linear-gradient(
|
||||
270deg,
|
||||
rgba(255, 44, 60, 1) 0%,
|
||||
rgba(249, 95, 47, 1) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.border-btn {
|
||||
padding: 0 30rpx;
|
||||
border: 1px solid #FF2C3C !important;
|
||||
color: #FF2C3C !important;
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 100rpx;
|
||||
.img-null {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
flex: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,108 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
<template>
|
||||
<view class="hot-list">
|
||||
<view class="header">
|
||||
<view class="title row mb20">
|
||||
<image src="../../static/images/icon_paixu.png" class="icon mr20"></image>
|
||||
<text class="xs white">实时更新热销火爆商品</text>
|
||||
</view>
|
||||
<swipers :pid="15" height="284rpx" radius="10rpx"></swipers>
|
||||
</view>
|
||||
<view class="main">
|
||||
<view v-if="hasHot">
|
||||
<goods-list type="hot" :list="goodsList"></goods-list>
|
||||
<loading-footer :status="status">
|
||||
|
||||
</loading-footer>
|
||||
</view>
|
||||
<view v-else class="column-center" style="padding-top: 400rpx">
|
||||
<image class="img-null" src="/static/images/goods_null.png"></image>
|
||||
<text class="lighter">暂无商品~</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
loadingType
|
||||
} from '@/utils/type';
|
||||
import {
|
||||
getHotGoods
|
||||
} from '@/api/store';
|
||||
|
||||
import {loadingFun} from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
goodsList: [],
|
||||
page: 1,
|
||||
status: loadingType.LOADING,
|
||||
hasHot: true
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
|
||||
onLoad(options) {
|
||||
this.getHotGoodsFun();
|
||||
},
|
||||
|
||||
onReachBottom() {
|
||||
this.getHotGoodsFun();
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
async getHotGoodsFun() {
|
||||
let {
|
||||
page,
|
||||
status,
|
||||
goodsList
|
||||
} = this;
|
||||
const data = await loadingFun(getHotGoods,page, goodsList,status)
|
||||
if (!data) return
|
||||
this.page = data.page
|
||||
this.goodsList = data.dataList
|
||||
this.status = data.status
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.hot-list {
|
||||
background: url(../../static/images/hot_list_bg.png) no-repeat;
|
||||
background-size: 100% 330rpx;
|
||||
padding: 62rpx 30rpx 0;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
.main {
|
||||
padding: 0 0 20rpx;
|
||||
}
|
||||
.data-null {
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,208 @@
|
||||
<template>
|
||||
<!--pages/input_express_info/input_express_info.wxml-->
|
||||
<view class="input-express-info">
|
||||
<form @submit="formSubmit">
|
||||
<view class="input-contain mt20">
|
||||
<view class="input-item row">
|
||||
<view class="nr label">物流公司</view>
|
||||
<input class="input" placeholder="请输入物流公司名称" :value="formInfo.express" name="express"></input>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="nr label">快递单号</view>
|
||||
<input class="input" placeholder="请输入快递单号" :value="formInfo.number" name="number"></input>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="nr label">备注说明</view>
|
||||
<input class="input" placeholder="选填" :value="formInfo.remark" name="remark"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="upload-contain mt20">
|
||||
<view class="header row">
|
||||
<view class="nr normal">上传凭证</view>
|
||||
<view class="sm muted ml20">(请上传快递单号凭证）</view>
|
||||
</view>
|
||||
<view class="upload">
|
||||
<uploader :deletable="true" @delete="handleImage" preview-size="160rpx" max-count="1" :file-list="fileList" @after-read="afterRead" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit-btn">
|
||||
<button size="lg" class=" br60 bg-primary white lg" form-type="submit">提交</button>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { inputExpressInfo } from '@/api/user';
|
||||
import { baseURL } from '@/config/app.js';
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
formInfo: {
|
||||
express: '',
|
||||
number: '',
|
||||
remark: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
let {
|
||||
id
|
||||
} = options; // 售后id
|
||||
|
||||
this.afterSalesId = id;
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
afterRead(e) {
|
||||
const file = e
|
||||
uni.showLoading({
|
||||
title: '正在上传中...',
|
||||
mask: true
|
||||
});
|
||||
file.forEach(item => {
|
||||
this.uploadFile(item.path).then(res => {
|
||||
uni.hideLoading();
|
||||
this.fileList.push(res);
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
formSubmit(e) {
|
||||
let {
|
||||
value
|
||||
} = e.detail;
|
||||
let {
|
||||
fileList
|
||||
} = this;
|
||||
console.log(value);
|
||||
if (!value.express) return this.$toast({
|
||||
title: '请填写物流公司名称'
|
||||
});
|
||||
if (!value.number) return this.$toast({
|
||||
title: '请填写快递单号'
|
||||
});
|
||||
let data = {
|
||||
id: this.afterSalesId,
|
||||
express_name: value.express,
|
||||
invoice_no: value.number,
|
||||
express_remark: value.remark,
|
||||
express_image: fileList.length <= 0 ? '' : fileList[0].url
|
||||
};
|
||||
this.inputExpressInfoFun(data);
|
||||
},
|
||||
|
||||
uploadFile(path) {
|
||||
return new Promise(resolve => {
|
||||
uni.uploadFile({
|
||||
url: `${baseURL}/api/file/formimage`,
|
||||
filePath: path,
|
||||
name: 'file',
|
||||
fileType: 'image',
|
||||
cloudPath: '',
|
||||
success: res => {
|
||||
console.log('uploadFile res ==> ', res)
|
||||
const {
|
||||
fileList
|
||||
} = this;
|
||||
let data = JSON.parse(res.data);
|
||||
|
||||
if (data.code == 1) {
|
||||
resolve(data.data);
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
inputExpressInfoFun(data) {
|
||||
inputExpressInfo(data).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: '提交成功'
|
||||
}, () => {
|
||||
uni.navigateBack();
|
||||
});
|
||||
uni.$emit("refreshsale")
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
handleImage(index) {
|
||||
this.fileList.splice(index)
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
/* pages/input_express_info/input_express_info.wxss */
|
||||
.input-express-info {
|
||||
|
||||
}
|
||||
|
||||
.input-contain {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.input-contain .input-item {
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.input-item .label{
|
||||
width: 152rpx;
|
||||
}
|
||||
|
||||
.input-item .input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.upload-contain {
|
||||
background-color: white;
|
||||
padding: 24rpx 20rpx 44rpx;
|
||||
}
|
||||
|
||||
.upload-contain .header {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
margin-top: 50rpx;
|
||||
margin-left: 26rpx;
|
||||
margin-right: 26rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,153 @@
|
||||
<template>
|
||||
<view class="pages">
|
||||
<view class="invite-fans column column-center">
|
||||
<image :src="path" mode="widthFix" class="poster"></image>
|
||||
<invite-poster v-if="showPoster" :config="{
|
||||
avatar: userInfo.avatar,
|
||||
nickname: userInfo.nickname,
|
||||
code:inviteCode,
|
||||
link: link,
|
||||
qrCode: qrCode,
|
||||
poster: poster
|
||||
}" @success="handleSuccess" />
|
||||
<view class="bg-white footer flex1">
|
||||
<view class="" style="margin-bottom: 40rpx;">
|
||||
<view class="mb10 sm lighter">我的邀请码</view>
|
||||
<view class="row row-between">
|
||||
<view class="font-size-44">{{inviteCode}}</view>
|
||||
<view class="sm mr30 copy-btn" @tap="$copy(inviteCode || '')">点击复制</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #ifndef H5 -->
|
||||
<button class="save-btn br60" size="lg" @tap="saveImageToAlbum">保存到相册</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef H5 -->
|
||||
<button class="save-btn br60" size="lg">长按保存到相册</button>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</view>
|
||||
<loading-view v-show="loading"></loading-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
// apiMnpQrCode,
|
||||
getShareMnQrcode
|
||||
} from '@/api/app'
|
||||
import {
|
||||
baseURL,
|
||||
basePath
|
||||
} from '@/config/app'
|
||||
import { apiDistributionPoster } from '@/api/user'
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
path: '',
|
||||
qrCode: '',
|
||||
loading: true,
|
||||
showPoster: false,
|
||||
poster: ''
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
async onLoad() {
|
||||
await this.getPoster()
|
||||
// #ifdef MP-WEIXIN
|
||||
this.getMnpQrCode()
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS || H5
|
||||
this.showPoster = true
|
||||
// #endif
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getPoster() {
|
||||
const res = await apiDistributionPoster()
|
||||
this.poster = res.data.poster
|
||||
},
|
||||
getMnpQrCode() {
|
||||
// apiMnpQrCode().then(res => {
|
||||
// this.qrCode = res.qr_code
|
||||
// this.showPoster = true
|
||||
// })
|
||||
|
||||
getShareMnQrcode({
|
||||
id: '', // 商品id或其他活动id
|
||||
url: 'pages/index/index', // 跳转页面路径
|
||||
type: 0, // 0-会员分享海报 1-商品详情 2-砍价活动
|
||||
})
|
||||
.then((res) => {
|
||||
console.log('shareRes', res)
|
||||
this.qrCode = res.data.qr_code
|
||||
this.showPoster = true
|
||||
})
|
||||
},
|
||||
saveImageToAlbum() {
|
||||
// #ifndef H5
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: this.path,
|
||||
success: res => {
|
||||
this.$toast({
|
||||
title: "保存成功"
|
||||
});
|
||||
},
|
||||
fail: err => {
|
||||
this.$toast({
|
||||
title: '保存失败'
|
||||
});
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
this.$toast({
|
||||
title: 请长按图片保存
|
||||
})
|
||||
// #endif
|
||||
},
|
||||
handleSuccess(val) {
|
||||
this.path = val
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['inviteCode','userInfo']),
|
||||
|
||||
link() {
|
||||
return `${baseURL}${basePath}?invite_code=${this.inviteCode}`
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
page {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.invite-fans {
|
||||
min-height: 100vh;
|
||||
overflow: hidden;
|
||||
|
||||
.poster {
|
||||
width: 600rpx;
|
||||
margin: 40rpx 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 30rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.copy-btn {
|
||||
color: $-color-primary;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
color: #fff;
|
||||
background-color: $-color-primary;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<view class="license">
|
||||
<view class="box bg-white">
|
||||
<template v-if="images.length">
|
||||
<view v-for="(item, index) in images" :key="index" class="m-b-25" @click="viewImage(index)">
|
||||
<u-image :src="item" width="100%" height="348rpx">
|
||||
</u-image>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="data-null xs muted">
|
||||
<image src="../../../static/images/order_null.png" mode=""></image>
|
||||
<view>
|
||||
商家暂时还没有上传资质哦~
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getCopyright
|
||||
} from "@/api/user";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
images: []
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getCopyrightFunc() {
|
||||
getCopyright().then(res => {
|
||||
this.images = res.data
|
||||
})
|
||||
},
|
||||
|
||||
viewImage(current) {
|
||||
uni.previewImage({
|
||||
current,
|
||||
urls: this.images// 需要预览的图片http链接列表
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
this.getCopyrightFunc()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.license {
|
||||
padding: 30rpx;
|
||||
.box {
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
.data-null {
|
||||
padding-top: 200rpx;
|
||||
height: 700rpx;
|
||||
text-align: center;
|
||||
image {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<view class="live-broadcast">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="broadcast-list">
|
||||
<view class="broadcast-item" @tap="navigateTo(item)" v-for="(item, index) in lists" :key="index">
|
||||
<view class="img-wrap">
|
||||
<u-image width="100%" height="100%" :src="item.cover_img"></u-image>
|
||||
<view class="tag xxs" :class="{
|
||||
active: item.status == 101
|
||||
}">
|
||||
<u-icon v-if="item.status == 101" name="play-right-fill" size="24"></u-icon>
|
||||
<text v-else class="circel"></text>
|
||||
<text class="ml10">{{ item.live_status }}</text>
|
||||
</view>
|
||||
<view class="tips line1">{{ item.name }}</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="md">
|
||||
主播：{{ item.anchor_name }}
|
||||
<text class="xs">｜直播商品：{{item.goods}}件</text>
|
||||
</view>
|
||||
<view class="muted xs mt20">直播时间：{{item.start_time}} 至 {{item.end_time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="status" slot-empty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="nr muted">暂无直播~</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="data-null column-center" style="padding-top: 400rpx;">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="nr muted">非小程序端暂不支持直播~</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
loadingType
|
||||
} from "@/utils/type";
|
||||
import {
|
||||
loadingFun
|
||||
} from "@/utils/tools"
|
||||
import {
|
||||
getLiveRoom
|
||||
} from "@/api/store"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
lists: [],
|
||||
page: 1,
|
||||
status: loadingType.LOADING
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
navigateTo(item) {
|
||||
const roomId = [item.roomid];
|
||||
wx.navigateTo({
|
||||
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`
|
||||
});
|
||||
},
|
||||
getLists() {
|
||||
let {
|
||||
lists,
|
||||
status,
|
||||
page
|
||||
} = this;
|
||||
loadingFun(getLiveRoom, page, lists, status).then(res => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.status = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
onLoad(options) {
|
||||
this.getLists();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom() {
|
||||
this.getLists();
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.status = loadingType.LOADING
|
||||
this.getLists();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.live-broadcast {
|
||||
.broadcast-list {
|
||||
padding: 20rpx 20rpx 0;
|
||||
overflow: hidden;
|
||||
|
||||
.broadcast-item {
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.img-wrap {
|
||||
height: 300rpx;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
|
||||
.tag {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border-radius: 0 60rpx 60rpx 0;
|
||||
background: #ccc;
|
||||
padding: 8rpx 20rpx;
|
||||
&.active{
|
||||
background: linear-gradient(#ff2c3c 0%, #f95f2f 100%);
|
||||
}
|
||||
.circel {
|
||||
display: inline-block;
|
||||
width: 14rpx;
|
||||
height: 14rpx;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
position: absolute;
|
||||
background: linear-gradient(rgba(255, 255, 255, 0) 0%, #808080 100%);
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
padding: 42rpx 20rpx 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<view class="luckly-wheel-container">
|
||||
<view class="header">
|
||||
<image src="../../static/images/choujiang_bg.png"></image>
|
||||
</view>
|
||||
<view class="main">
|
||||
<view class="row-end">
|
||||
<navigator class="user-prize row-center" url="/bundle/pages/prize_record/prize_record"
|
||||
hover-class="none">
|
||||
<text class="md" style="color: #7D350C;font-weight: 600;">我的奖品</text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="wheel-box">
|
||||
<view class="wheel-container">
|
||||
<view class="row-center">
|
||||
<view class="notice-container row">
|
||||
<image src="../../static/images/icon_notice.png" class="icon"></image>
|
||||
<!-- <view class="xs ml20 marquee-box" style="color: #F9EDDD" wx:if="{{record.length > 0}}">
|
||||
<text class="xs marquee_text" style="color: #F9EDDD;" wx:for="{{record}}" wx:key="id">{{item.text}}</text>
|
||||
</view> -->
|
||||
<view class="marquee-box ml20" v-if="record.length > 0">
|
||||
<swiper autoplay vertical style="height: 33rpx">
|
||||
<swiper-item v-for="(item, index) in record" :key="index" class="row">
|
||||
<text class="xs marquee_text" style="color: #F9EDDD;">{{item.text}}</text>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="xs ml20" style="color: #F9EDDD" v-else>
|
||||
<text class="xs" style="color: #F9EDDD;">暂无通知</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 抽奖信息 -->
|
||||
<view class="message row-between nr">
|
||||
<view>我的积分: {{user_integral||'-'}}</view>
|
||||
<template v-if="config.show_win">
|
||||
<navigator class="row" url="/bundle/pages/win_prize_code/win_prize_code"
|
||||
hover-class="none">
|
||||
<image class="mr10" src="../../static/images/choujiang_name_list.png"></image>
|
||||
中奖名单
|
||||
</navigator>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="wheel">
|
||||
<my-lottery :lotteryData="lists" :status="config.status" :luckyOrder="3" :circleTimes="30"
|
||||
@begin="startLottery" @finish="lotteryFinish"></my-lottery>
|
||||
</view>
|
||||
<!-- 次数提示 -->
|
||||
<view class="num-tips nr">
|
||||
每日可抽奖{{config.limit}}次，具体请查看活动规则
|
||||
</view>
|
||||
<view class="rules-box">
|
||||
<view class="lg" style="color: #FCD7D2;margin-bottom: 30rpx;">活动规则</view>
|
||||
<text class="sm" style="color: #FCD7D2;">{{config.rule}}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="xs row-center" style="color: #FFF2D9;margin-top: 30rpx">本活动的所有奖品，均由商城提供</view>
|
||||
</view>
|
||||
<u-popup v-model="showResult" mode="center">
|
||||
<view class="result-popup column-center">
|
||||
<view class="result-container column-between">
|
||||
<view class="row-center" style="padding:0 118rpx;margin-top: 90rpx">
|
||||
<text style="color: #F95F2F;font-size: 62rpx;text-align: center;">{{resultText}}</text>
|
||||
</view>
|
||||
<view class="mb20">
|
||||
<view class="get-btn row-center md br60" @tap="onClose">
|
||||
点击收下
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top: 50rpx" @tap="onClose">
|
||||
<image src="../../static/images/icon_close.png" style="width: 62rpx;height: 62rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// pages/luckly_wheel/luckly_wheel.js
|
||||
import {
|
||||
getPrize
|
||||
} from "@/api/user";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
user_integral: '',
|
||||
// 抽奖配置
|
||||
config: {},
|
||||
// 抽奖列表
|
||||
lists: [],
|
||||
// 通知信息
|
||||
record: [],
|
||||
// 今天剩余抽奖
|
||||
surplus: 0,
|
||||
showResult: false,
|
||||
// 抽奖结果
|
||||
resultText: ""
|
||||
};
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.getPrizeFun();
|
||||
},
|
||||
methods: {
|
||||
getPrizeFun() {
|
||||
getPrize().then(res => {
|
||||
if (res.code == 1) {
|
||||
let {
|
||||
config,
|
||||
list,
|
||||
record,
|
||||
surplus,
|
||||
user_integral
|
||||
} = res.data;
|
||||
|
||||
this.config = config;
|
||||
this.lists = list;
|
||||
this.record = record
|
||||
this.surplus = surplus
|
||||
this.user_integral = user_integral
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
onClose() {
|
||||
this.showResult = false
|
||||
},
|
||||
|
||||
startLottery(e) {
|
||||
this.getPrizeFun();
|
||||
},
|
||||
|
||||
lotteryFinish(e) {
|
||||
this.showResult = true;
|
||||
this.resultText = e.detail
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/* pages/luckly_wheel/luckly_wheel.wxss */
|
||||
|
||||
.luckly-wheel-container {
|
||||
background-color: $-color-primary;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 1108rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-top: -810rpx;
|
||||
position: relative;
|
||||
|
||||
.user-prize {
|
||||
padding: 20rpx;
|
||||
background-color: #FEF0B5;
|
||||
border-radius: 100rpx 0rpx 0rpx 100rpx;
|
||||
box-shadow: 0px 3px 0px #F95F2F;
|
||||
}
|
||||
|
||||
.wheel-box {
|
||||
padding: 0 30rpx;
|
||||
|
||||
.wheel-container {
|
||||
padding: 27rpx 15rpx 36rpx;
|
||||
background-color: #ED3720;
|
||||
border: 12rpx solid #FE6847;
|
||||
margin-top: 20rpx;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.notice-container {
|
||||
background-color: #D30C16;
|
||||
border: 2rpx solid #EDB17D;
|
||||
padding: 13rpx 28rpx;
|
||||
border-radius: 100rpx;
|
||||
width: 586rpx;
|
||||
|
||||
.marquee-box {
|
||||
width: 500rpx;
|
||||
height: 33rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.wheel {
|
||||
margin-top: 20rpx;
|
||||
|
||||
.lottery-box {
|
||||
background-image: url(data:image/png;base64,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 truncated
|
||||
width: 560rpx;
|
||||
height: 560rpx;
|
||||
background-size: 100% 100%;
|
||||
padding: 35rpx 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.rules-box {
|
||||
margin-top: 24rpx;
|
||||
background-color: #D30C16;
|
||||
padding: 20rpx 16rpx 20rpx 28rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.message {
|
||||
margin: 30rpx 10rpx;
|
||||
color: #FEF0B5;
|
||||
|
||||
image {
|
||||
width: 28rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
}
|
||||
// 每日抽奖次数提示
|
||||
.num-tips {
|
||||
color: #fbccc7;
|
||||
margin: 16rpx 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.luckly-wheel-container .van-popup {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.result-popup {
|
||||
width: 545rpx;
|
||||
height: 626rpx;
|
||||
|
||||
.result-container {
|
||||
width: 545rpx;
|
||||
height: 514rpx;
|
||||
background-size: 100% 100%;
|
||||
background-image: url(../../static/images/lottery_bg.png);
|
||||
}
|
||||
}
|
||||
|
||||
.get-btn {
|
||||
width: 320rpx;
|
||||
height: 70rpx;
|
||||
color: #7B3200;
|
||||
background: linear-gradient(180deg, #FEF0B0 0%, #FFA92E 100%);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<!--pages/message_center/message_center.wxml-->
|
||||
<view class="message-center-container">
|
||||
<navigator v-for="(item, index) in list" :key="index" class="message-item row" hover-class="none" :url="'/bundle/pages/notice/notice?type=' + item.type">
|
||||
<image style="width: 76rpx;height: 76rpx;flex: none" :src="item.img"></image>
|
||||
<view class="item-info ml20 column">
|
||||
<view class="item-title">{{item.title}}</view>
|
||||
<view class="item-desc line1 muted">{{item.content}}</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getNoticeLists, getMessageLists } from '@/api/store';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getMessageListsFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getMessageListsFun() {
|
||||
getMessageLists().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.list = res.data;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/message_center/message_center.wxss */
|
||||
|
||||
.message-center-container {
|
||||
margin-top: 10rpx;
|
||||
padding: 0 20rpx;
|
||||
background-color: white;
|
||||
.message-item {
|
||||
padding: 32rpx 0;
|
||||
&:not(:last-of-type) {
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
.item-info {
|
||||
font-size: 32rpx;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
.item-title{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.item-desc{
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<!--pages/notice/notice.wxml-->
|
||||
<view class="notice-container">
|
||||
<view v-for="(item, index) in lists" :key="index" class="notice-item mb20">
|
||||
<view class="row-between item-header">
|
||||
<view class="header-title md">{{item.title}}</view>
|
||||
<view class="header-time muted xs">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view class="item-main">
|
||||
<view class="content sm lighter">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/news_null.png" />
|
||||
<text class="nr muted">暂无消息通知～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getNoticeLists } from '@/api/store';
|
||||
import { loadingType } from '@/utils/type';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
loadingStatus: loadingType.LOADING,
|
||||
lists: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.type = options.type;
|
||||
|
||||
switch (this.type) {
|
||||
case "system":
|
||||
uni.setNavigationBarTitle({
|
||||
title: '系统通知'
|
||||
});
|
||||
break;
|
||||
|
||||
case "earning":
|
||||
uni.setNavigationBarTitle({
|
||||
title: '收益通知'
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
this.getNoticeListsFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getNoticeListsFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getNoticeListsFun() {
|
||||
let {
|
||||
page,
|
||||
loadingStatus,
|
||||
lists
|
||||
} = this;
|
||||
if (loadingStatus == loadingType.FINISHED) return;
|
||||
getNoticeLists({
|
||||
type: this.type,
|
||||
page_no: page
|
||||
}).then(res => {
|
||||
if (res.code == 1) {
|
||||
let {
|
||||
list,
|
||||
more
|
||||
} = res.data;
|
||||
lists.push(...list);
|
||||
this.lists = lists;
|
||||
this.page ++;
|
||||
|
||||
if (!more) {
|
||||
this.loadingStatus = loadingType.FINISHED
|
||||
}
|
||||
|
||||
if (lists.length <= 0) {
|
||||
this.loadingStatus = loadingType.EMPTY
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
this.loadingStatus = loadingType.ERROR
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/notice/notice.wxss */
|
||||
.notice-container {
|
||||
padding: 0 20rpx;
|
||||
margin-top: 8rpx;
|
||||
.notice-item {
|
||||
background-color: white;
|
||||
padding: 0rpx 20rpx 30rpx;
|
||||
border-radius: 10rpx;
|
||||
.item-header {
|
||||
padding: 19rpx 0;
|
||||
border-bottom: $-solid-border;
|
||||
.header-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.item-main {
|
||||
.content {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-null {
|
||||
padding-top: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<view class="post-sale">
|
||||
<view class="contain">
|
||||
<tabs :active="active" :line-width="40" @change="onChange" sticky>
|
||||
<tab v-for="(item, index) in afterSale" :key="index" :title="item.name">
|
||||
<after-sales-list :ref="item.type" :type="item.type" v-if="item.isShow"></after-sales-list>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getAfterSaleList, applyAfterSale, getGoodsInfo, inputExpressInfo, cancelApply, afterSaleDetail, applyAgain } from "@/api/user";
|
||||
import { AfterSaleType } from "@/utils/type";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
afterSaleType: AfterSaleType.NORMAL,
|
||||
afterSaleList: [],
|
||||
afterSale: [{
|
||||
name: '售后申请',
|
||||
type: AfterSaleType.NORMAL,
|
||||
isShow: true
|
||||
}, {
|
||||
name: '处理中',
|
||||
type: AfterSaleType.HANDLING,
|
||||
isShow: false
|
||||
}, {
|
||||
name: '已处理',
|
||||
type: AfterSaleType.FINISH,
|
||||
isShow: false
|
||||
}]
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
const {
|
||||
active
|
||||
} = this;
|
||||
|
||||
|
||||
let afterSaleType = AfterSaleType.NORMAL
|
||||
switch(active) {
|
||||
case 0:
|
||||
afterSaleType = AfterSaleType.NORMAL;
|
||||
break;
|
||||
case 1:
|
||||
break;
|
||||
case 2:
|
||||
afterSaleType = AfterSaleType.FINISH;
|
||||
break;
|
||||
default:
|
||||
afterSaleType = AfterSaleType.NORMAL
|
||||
break;
|
||||
}
|
||||
|
||||
let myComponent = this.$refs[afterSaleType][0];
|
||||
if (myComponent.getAfterSaleListFun) {
|
||||
myComponent.getAfterSaleListFun();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChange(e) {
|
||||
|
||||
// const {
|
||||
// name
|
||||
// } = e.detail;
|
||||
|
||||
this.changeShow(e);
|
||||
},
|
||||
|
||||
changeShow(active) {
|
||||
const {
|
||||
afterSale
|
||||
} = this;
|
||||
let type = active == 0 ? AfterSaleType.NORMAL : active == 1 ? AfterSaleType.HANDLING : AfterSaleType.FINISH
|
||||
let index = afterSale.findIndex(item => {
|
||||
return item.type == type;
|
||||
});
|
||||
|
||||
if (index != -1) {
|
||||
this.afterSale[index].isShow = true;
|
||||
this.active = type == AfterSaleType.NORMAL ? 0 : type == AfterSaleType.HANDLING ? 1 : 2
|
||||
}
|
||||
|
||||
if(this.$refs[type] && this.$refs[type][0].getAfterSaleListFun()) {
|
||||
this.$refs[type][0].getAfterSaleListFun()
|
||||
}
|
||||
},
|
||||
|
||||
goPage(e) {
|
||||
let {
|
||||
url
|
||||
} = e.currentTarget.dataset;
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.post-sale {
|
||||
.contain {
|
||||
.sale-list {
|
||||
padding: 20rpx 0;
|
||||
.sale-item {
|
||||
.sale-header {
|
||||
padding: 20rpx 24rpx;
|
||||
.store-name {
|
||||
font-weight: bold;
|
||||
font-family:PingFang SC;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
.sale-goods-show {
|
||||
padding: 20rpx 24rpx;
|
||||
.goods-img {
|
||||
height: 160rpx;
|
||||
width: 160rpx;
|
||||
}
|
||||
.goods-desc {
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
.sale-status {
|
||||
padding: 20rpx 60rpx;
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
}
|
||||
.sale-footer {
|
||||
padding: 0 24rpx 22rpx;
|
||||
.btn {
|
||||
padding: 9rpx 34rpx;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
.grey-btn {
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 9rpx 34rpx;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<!--bundle/pages/prize_record/prize_record.wxml-->
|
||||
<view class="prize-record-container">
|
||||
<view v-for="(item, index) in lists" :key="index" class="prize-record-item row">
|
||||
<custom-image :src="item.prize_image" style="width: 90rpx;height: 90rpx" radius="6rpx" />
|
||||
<view class="prize-record-info">
|
||||
<view class="lg">{{item.prize_name}}</view>
|
||||
<view class="mt20 row-between">
|
||||
<view class="xs lighter">{{item.create_time}}</view>
|
||||
<view class="xs primary need-integral-tips" v-if="item.need_tips">{{item.need_tips}}</view>
|
||||
</view>
|
||||
<view class="xs primary mt10">
|
||||
{{item.send_tips}}
|
||||
</view>
|
||||
<!-- <view class="xs lighter">领取时间：{{item.create_time}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer slotEmpty :status="loadingStatus">
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image src="../../static/images/null_gift.png" class="img-null"></image>
|
||||
<text class="xs muted">暂无抽奖记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// bundle/pages/prize_record/prize_record.js
|
||||
import {
|
||||
loadingType
|
||||
} from '@/utils/type';
|
||||
import {
|
||||
getUserRecord
|
||||
} from '@/api/user';
|
||||
import {
|
||||
loadingFun
|
||||
} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.LOADING,
|
||||
page: 1,
|
||||
lists: []
|
||||
};
|
||||
},
|
||||
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.getUserRecordFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function() {
|
||||
this.getUserRecordFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getUserRecordFun() {
|
||||
let {
|
||||
loadingStatus,
|
||||
lists,
|
||||
page
|
||||
} = this;
|
||||
|
||||
loadingFun(getUserRecord, page, lists, loadingStatus).then(res => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* bundle/pages/prize_record/prize_record.wxss */
|
||||
|
||||
.prize-record-container {
|
||||
padding: 0 20rpx;
|
||||
|
||||
.prize-record-item {
|
||||
align-items: flex-start;
|
||||
margin-top: 20rpx;
|
||||
background-color: white;
|
||||
padding: 26rpx 24rpx;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.prize-record-info {
|
||||
margin-left: 24rpx;
|
||||
flex: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 200rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<view class="recharge-code">
|
||||
<view class="list">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item bg-white">
|
||||
<view class="row-between">
|
||||
<view class="black mb10">{{item.desc}}</view>
|
||||
<view class="xl primary">+{{item.total}}</view>
|
||||
</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="status" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty" style="padding-top: 200rpx">
|
||||
<image class="img-null" src="/static/images/order_null.png" />
|
||||
<text class="nr muted">暂无记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getRechargeRecord
|
||||
} from '@/api/user'
|
||||
import {
|
||||
loadingType
|
||||
} from "@/utils/type";
|
||||
import {
|
||||
loadingFun
|
||||
} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
lists: [],
|
||||
page: 1,
|
||||
status: loadingType.LOADING
|
||||
}
|
||||
},
|
||||
onLoad: function(options) {
|
||||
this.getRechargeRecordFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function() {
|
||||
this.getRechargeRecordFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getRechargeRecordFun(type) {
|
||||
let {
|
||||
lists,
|
||||
status,
|
||||
page
|
||||
} = this;
|
||||
loadingFun(getRechargeRecord, page, lists, status).then(res => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.status = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.recharge-code {
|
||||
padding-top: 20rpx;
|
||||
|
||||
.list {
|
||||
.item {
|
||||
padding: 20rpx 30rpx;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,120 @@
|
||||
<template>
|
||||
<view>
|
||||
<!--pages/server_explan/server_explan.wxml-->
|
||||
<view class="main">
|
||||
<u-parse :html="article_content" />
|
||||
</view>
|
||||
|
||||
<!--<import src="/wxParse/wxParse.wxml"></import>-->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getServerProto, getPrivatePolicy, getAfterSaleGuar } from '@/api/app';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
article_content: ""
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
let {
|
||||
type
|
||||
} = options;
|
||||
type = parseInt(type); // 0 ==> 服务协议 1 ==> 隐私政策 2 ==> 售后保障
|
||||
|
||||
uni.setNavigationBarTitle({
|
||||
title: type == 0 ? '服务协议' : type == 1 ? '隐私政策' : '售后保障'
|
||||
});
|
||||
|
||||
switch (type) {
|
||||
case 0:
|
||||
this.getServerProtoFun();
|
||||
break;
|
||||
|
||||
case 1:
|
||||
this.getPrivatePolicyFun();
|
||||
break;
|
||||
|
||||
case 2:
|
||||
this.getAfterSaleGuarFun();
|
||||
break;
|
||||
|
||||
default:
|
||||
this.getServerProtoFun();
|
||||
break;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 服务协议
|
||||
getServerProtoFun() {
|
||||
getServerProto().then(res => {
|
||||
if (res.code == 1) {
|
||||
//wxParse.wxParse('content', 'html', res.data, this, 15)
|
||||
setTimeout(() => {
|
||||
this.article_content = res.data;
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 隐私协议
|
||||
getPrivatePolicyFun() {
|
||||
getPrivatePolicy().then(res => {
|
||||
if (res.code == 1) {
|
||||
//wxParse.wxParse('content', 'html', res.data, this, 15)
|
||||
setTimeout(() => {
|
||||
this.article_content = res.data;
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 售后保障
|
||||
getAfterSaleGuarFun() {
|
||||
getAfterSaleGuar().then(res => {
|
||||
if (res.code == 1) {
|
||||
//wxParse.wxParse('content', 'html', res.data, this, 15)
|
||||
setTimeout(() => {
|
||||
this.article_content = res.data;
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/server_explan/server_explan.wxss */
|
||||
|
||||
.main {
|
||||
padding: 20rpx;
|
||||
/* min-height: 100vh; */
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,154 @@
|
||||
<template>
|
||||
<view class="set-pwd">
|
||||
<view class="input-container bg-white">
|
||||
<view class="input-item row" v-if="hasPayPwd">
|
||||
<view class="input-label md normal">原密码</view>
|
||||
<u-input
|
||||
class="flex1"
|
||||
type="password"
|
||||
v-model="originPwd"
|
||||
placeholder="请输入原来的转账密码"
|
||||
/>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">转账密码</view>
|
||||
<u-input
|
||||
class="flex1"
|
||||
type="password"
|
||||
v-model="setPwd"
|
||||
:placeholder="hasPayPwd ? '请输入新的转账密码' : '请输入转账密码'"
|
||||
/>
|
||||
</view>
|
||||
<view class="input-item row">
|
||||
<view class="input-label md normal">确认密码</view>
|
||||
<u-input
|
||||
class="flex1"
|
||||
type="password"
|
||||
v-model="comfirmPwd"
|
||||
placeholder="请再次确认密码"
|
||||
/>
|
||||
</view>
|
||||
<navigator
|
||||
hover-class="none"
|
||||
url="/bundle/pages/forget_pay_pwd/forget_pay_pwd"
|
||||
class="row-end lighter xs mr20"
|
||||
v-if="hasPayPwd"
|
||||
>忘记原密码？</navigator
|
||||
>
|
||||
<button
|
||||
size="lg"
|
||||
type="primary"
|
||||
class="btn bg-primary white br60 row-center"
|
||||
@tap="setPasswordFun"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { hasPayPassword, setPassword, changePayPassword } from '@/api/user'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
hasPayPwd: false,
|
||||
setPwd: '',
|
||||
comfirmPwd: '',
|
||||
originPwd: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.hasPayWord()
|
||||
},
|
||||
methods: {
|
||||
async setPasswordFun() {
|
||||
let { setPwd, comfirmPwd, originPwd, hasPayPwd } = this
|
||||
if (hasPayPwd) {
|
||||
if (!originPwd) {
|
||||
this.$toast({
|
||||
title: '请输入原来的转账密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
if (!setPwd) {
|
||||
this.$toast({
|
||||
title: '请输入新的转账密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '请填写确认密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (setPwd != comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '两次密码输入不一致'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (setPwd.length < 4 || setPwd.length > 8) {
|
||||
this.$toast({
|
||||
title: '请输入长度为4-8位的密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
let data = {
|
||||
pay_password: setPwd
|
||||
}
|
||||
const { msg, code } = hasPayPwd
|
||||
? await changePayPassword({
|
||||
origin_pay_password: originPwd,
|
||||
new_pay_password: setPwd
|
||||
})
|
||||
: await setPassword(data)
|
||||
if (code == 1) {
|
||||
this.$toast(
|
||||
{
|
||||
title: msg
|
||||
},
|
||||
{ tab: 3 }
|
||||
)
|
||||
}
|
||||
},
|
||||
hasPayWord() {
|
||||
hasPayPassword().then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.hasPayPwd = true
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.set-pwd {
|
||||
padding-top: 20rpx;
|
||||
|
||||
.input-container {
|
||||
padding: 20rpx 0 100rpx;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.input-item {
|
||||
margin: 0 30rpx;
|
||||
height: 88rpx;
|
||||
margin-bottom: 30rpx;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
|
||||
.input-label {
|
||||
width: 180rpx;
|
||||
flex: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 80rpx 30rpx 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<!--pages/sign_detail/sign_detail.wxml-->
|
||||
|
||||
<view class="sign-detail-container">
|
||||
<view v-for="(item, index) in detailList" :key="index">
|
||||
<view class="sign-item row-between">
|
||||
<view class="flexnone">
|
||||
<view class="nr sign-type">{{item.source_type}}</view>
|
||||
<view class="muted xs mt10" style="line-height: 33rpx">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view class="column-end" style="align-items: flex-end;">
|
||||
<text class="lg" :class="{
|
||||
primary: item.change_type == 1,
|
||||
normal: item.change_type == 2
|
||||
}" style="line-height: 45rpx">{{item.change_amount}}</text>
|
||||
<view v-if="item.remark" style="width: 300rpx" class="xxs primary">备注：{{ item.remark }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image src="/static/images/order_null.png" class="img-null"></image>
|
||||
<view class="muted sm">暂无其他记录～</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { loadingType } from '@/utils/type';
|
||||
import { getAccountLog } from '@/api/user.js';
|
||||
import {loadingFun} from "@/utils/tools"
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
rule: '',
|
||||
loadingStatus: loadingType.LOADING,
|
||||
detailList: [],
|
||||
page: 1
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getAccountLogFun();
|
||||
},
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getAccountLogFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getAccountLogFun() {
|
||||
let {
|
||||
detailList,
|
||||
loadingStatus,
|
||||
page
|
||||
} = this;
|
||||
|
||||
loadingFun(getAccountLog, page, detailList, loadingStatus, {source: 2}).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.detailList = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/sign_detail/sign_detail.wxss */
|
||||
|
||||
.sign-detail-container {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.sign-detail-container .sign-item {
|
||||
padding: 18rpx 30rpx;
|
||||
background-color: #fff;
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
|
||||
.sign-type {
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 100rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<!--pages/sign_rule/sign_rule.wxml-->
|
||||
<view style="padding: 30rpx">
|
||||
<text class="nr" style="line-height: 36rpx">{{rule}}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getSignRule } from "@/api/user.js";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
rule: ""
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getSignRuleFun();
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
getSignRuleFun() {
|
||||
getSignRule().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.rule = res.data
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
/* pages/sign_rule/sign_rule.wxss */
|
||||
</style>
|
||||
@@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<view class="store-list">
|
||||
<!-- #ifndef APP-PLUS -->
|
||||
<map
|
||||
v-if="location.latitude"
|
||||
style="width: 750rpx; height: 400rpx"
|
||||
show-location
|
||||
:latitude="location.latitude"
|
||||
:longitude="location.longitude"
|
||||
:markers="markers"
|
||||
/>
|
||||
<!-- #endif -->
|
||||
<view class="scroll">
|
||||
<scroll-view style="height: 100%" :scroll-y="true">
|
||||
<view class="lists">
|
||||
<view
|
||||
:class="[
|
||||
'item',
|
||||
'bg-white',
|
||||
'row',
|
||||
{ 'item-disabled': !(item.business_status * 1) },
|
||||
]"
|
||||
v-for="(item, index) in lists"
|
||||
:key="index"
|
||||
@tap="onSelect(item)"
|
||||
>
|
||||
<view class="flex1">
|
||||
<view class="name mb20">
|
||||
<text class="bold lg black">{{ item.name }}</text>
|
||||
<text class="muted xs ml10">{{ item.distance }}</text>
|
||||
</view>
|
||||
<view class="address black xs mb20 row">
|
||||
<image
|
||||
class="icon1"
|
||||
src="../../static/images/icon_shop.png"
|
||||
></image>
|
||||
{{ item.shop_address }}
|
||||
</view>
|
||||
<view class="time black xs row">
|
||||
<image
|
||||
class="icon1"
|
||||
src="../../static/images/icon_time.png"
|
||||
></image>
|
||||
{{ item.business_start_time }} - {{ item.business_end_time }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="ml20 flexnone">
|
||||
<image
|
||||
class="icon2"
|
||||
src="../../static/images/icon_call.png"
|
||||
@tap.stop="onCall(item.mobile)"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view slot="empty" class="data-null column-center">
|
||||
<image
|
||||
src="/static/images/address_null.png"
|
||||
class="img-null"
|
||||
></image>
|
||||
<view class="muted xs">暂无门店～</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getStoreList } from "@/api/store";
|
||||
import { loadingType } from "@/utils/type";
|
||||
import { loadingFun } from "@/utils/tools";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.LOADING,
|
||||
page: 1,
|
||||
lists: [],
|
||||
location: {},
|
||||
markers: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onCall(phone) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: String(phone),
|
||||
});
|
||||
},
|
||||
async getLocation() {
|
||||
const [error, res] = await uni.getLocation({
|
||||
// #ifndef APP
|
||||
type: 'gcj02',
|
||||
// #endif
|
||||
});
|
||||
if (!res) {
|
||||
// #ifdef MP-WEIXIN
|
||||
this.getAuthorize();
|
||||
// #endif
|
||||
return;
|
||||
}
|
||||
if (error) {
|
||||
return this.$toast({
|
||||
title: error.msg,
|
||||
});
|
||||
}
|
||||
return {
|
||||
latitude: res.latitude,
|
||||
longitude: res.longitude,
|
||||
};
|
||||
},
|
||||
async getAuthorize() {
|
||||
const [error, res] = await uni.showModal({
|
||||
title: "您已拒绝地理位置权限",
|
||||
content: "是否进入权限管理，调整授权？",
|
||||
});
|
||||
if (res.confirm) {
|
||||
// #ifdef MP
|
||||
const [error, res] = await uni.openSetting();
|
||||
if (res) this.getLocation();
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
// #ifdef APP-PLUS
|
||||
// android平台
|
||||
if (uni.getSystemInfoSync().platform == 'android') {
|
||||
var Intent = plus.android.importClass('android.content.Intent');
|
||||
var Settings = plus.android.importClass('android.provider.Settings');
|
||||
var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
|
||||
var main = plus.android.runtimeMainActivity();
|
||||
main.startActivity(intent); // 打开系统设置GPS服务页面
|
||||
}
|
||||
|
||||
// ios平台
|
||||
if (uni.getSystemInfoSync().platform == 'ios') {
|
||||
var UIApplication = plus.ios.import("UIApplication");
|
||||
var application2 = UIApplication.sharedApplication();
|
||||
var NSURL2 = plus.ios.import("NSURL");
|
||||
var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION");
|
||||
application2.openURL(setting2);
|
||||
plus.ios.deleteObject(setting2);
|
||||
plus.ios.deleteObject(NSURL2);
|
||||
plus.ios.deleteObject(application2);
|
||||
}
|
||||
// #endif
|
||||
// #endif
|
||||
} else if (res.cancel) {
|
||||
this.$Router.go(-1);
|
||||
}
|
||||
},
|
||||
getLists() {
|
||||
let { loadingStatus, page, lists } = this;
|
||||
loadingFun(getStoreList, page, lists, loadingStatus, this.location).then(
|
||||
(res) => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList;
|
||||
this.loadingStatus = res.status;
|
||||
this.markers = this.lists.map((item) => {
|
||||
return {
|
||||
id: item.id,
|
||||
latitude: item.latitude,
|
||||
longitude: item.longitude,
|
||||
iconPath: "../../static/images/icon_marker.png",
|
||||
width: 34,
|
||||
height: 34,
|
||||
callout: {
|
||||
content: item.name,
|
||||
padding: 5,
|
||||
borderRadius: 4,
|
||||
fontSize: 13,
|
||||
display: "ALWAYS",
|
||||
},
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
onSelect(info) {
|
||||
if (!(info.business_status * 1))
|
||||
return this.$toast({
|
||||
title: "不在营业中",
|
||||
});
|
||||
// 选中门店
|
||||
uni.$emit("store", info);
|
||||
uni.navigateBack();
|
||||
},
|
||||
},
|
||||
async onLoad() {
|
||||
const res = await this.getLocation();
|
||||
|
||||
if (res) {
|
||||
this.location = res;
|
||||
this.getLists();
|
||||
} else {
|
||||
this.$toast({ title: "获取定位失败" });
|
||||
}
|
||||
},
|
||||
onReachBottom: function () {
|
||||
this.getLists();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.store-list {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.scroll {
|
||||
flex: 1;
|
||||
|
||||
.lists {
|
||||
padding: 20rpx;
|
||||
|
||||
.item {
|
||||
padding: 30rpx;
|
||||
border-radius: 14rpx;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
z-index: 9;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.icon1 {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.icon2 {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<!--pages/user_bill/user_bill.wxml-->
|
||||
<view class="transfer-record">
|
||||
<tabs :active="active" line-width="40" @change="onChange">
|
||||
<tab title="全部">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item bg-white row">
|
||||
<view class="flexnone mr20">
|
||||
<image class="avatar" :src="item.avatar"></image>
|
||||
</view>
|
||||
<view class="flex1 mr20">
|
||||
<view class="black mb10">{{item.nickname}}</view>
|
||||
<view class="xs muted">会员ID:{{item.sn}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view :class="'lg flexnone ' + (item.type == 1 ? 'primary' : '')">
|
||||
{{item.type == 1 ? '+' : '-'}}{{item.money}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png" />
|
||||
<text class="nr muted">暂无记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
<tab title="转出">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item bg-white row">
|
||||
<view class="flexnone mr20">
|
||||
<image class="avatar" :src="item.avatar"></image>
|
||||
</view>
|
||||
<view class="flex1 mr20">
|
||||
<view class="black mb10">{{item.nickname}}</view>
|
||||
<view class="xs muted">会员ID:{{item.sn}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view :class="'lg flexnone ' + (item.type == 1 ? 'primary' : '')">
|
||||
{{item.type == 1 ? '+' : '-'}}{{item.money}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png" />
|
||||
<text class="nr muted">暂无转出记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
<tab title="转入">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item bg-white row">
|
||||
<view class="flexnone mr20">
|
||||
<image class="avatar" :src="item.avatar"></image>
|
||||
</view>
|
||||
<view class="flex1 mr20">
|
||||
<view class="black mb10">{{item.nickname}}</view>
|
||||
<view class="xs muted">会员ID:{{item.sn}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view :class="'lg flexnone ' + (item.type == 1 ? 'primary' : '')">
|
||||
{{item.type == 1 ? '+' : '-'}}{{item.money}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="nr muted">暂无转入记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
transferRecord
|
||||
} from "@/api/user";
|
||||
import {
|
||||
loadingType
|
||||
} from "@/utils/type";
|
||||
import {
|
||||
loadingFun
|
||||
} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
lists: [],
|
||||
page: 1,
|
||||
loadingStatus: loadingType.LOADING
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.active = parseInt(options.type || 0);
|
||||
this.transferRecordFun(this.active);
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function() {
|
||||
this.transferRecordFun(this.active);
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(e) {
|
||||
this.active = e;
|
||||
this.cleanStatus();
|
||||
this.transferRecordFun(e);
|
||||
},
|
||||
|
||||
cleanStatus() {
|
||||
// 清理状态
|
||||
this.page = 1;
|
||||
this.lists = [];
|
||||
this.loadingStatus = loadingType.LOADING
|
||||
},
|
||||
|
||||
transferRecordFun(type) {
|
||||
let changeType = 'all';
|
||||
type == 0 ? changeType = 'all' : type == 1 ? changeType = 'out' : changeType = 'in';
|
||||
let {
|
||||
lists,
|
||||
loadingStatus,
|
||||
page
|
||||
} = this;
|
||||
loadingFun(transferRecord, page, lists, loadingStatus, {
|
||||
type: changeType
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.transfer-record {
|
||||
.list {
|
||||
.item {
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: $-solid-border;
|
||||
align-items: flex-start;
|
||||
.avatar {
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
border-radius: 50%;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,185 @@
|
||||
<template>
|
||||
<!--pages/user_bill/user_bill.wxml-->
|
||||
<view class="user-bill">
|
||||
<tabs :active="active" line-width="40" @change="onChange">
|
||||
<tab title="全部">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item">
|
||||
<view class="bill-list bg-white">
|
||||
<view class="bill-item row-between">
|
||||
<view>
|
||||
<view class="black mb10">{{item.source_type}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view :class="'lg ' + (item.change_type == 1 ? 'income' : '')">{{item.change_amount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png" />
|
||||
<text class="nr muted">暂无记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
<tab title="支出">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item">
|
||||
<view class="bill-list bg-white">
|
||||
<view class="bill-item row-between">
|
||||
<view>
|
||||
<view class="black mb10">{{item.source_type}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
|
||||
<view class="lg">{{item.change_amount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png" />
|
||||
<text class="nr muted">暂无支出记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
<tab title="收入">
|
||||
<view class="list mt20">
|
||||
<view v-for="(item, index) in lists" :key="index" class="item">
|
||||
<view class="bill-list bg-white">
|
||||
<view class="bill-item row-between">
|
||||
<view>
|
||||
<view class="black mb10">{{item.source_type}}</view>
|
||||
<view class="xs muted">{{item.create_time}}</view>
|
||||
</view>
|
||||
<view class="lg income">{{item.change_amount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="nr muted">暂无收入记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getAccountLog } from "@/api/user";
|
||||
import { loadingType } from "@/utils/type";
|
||||
import {loadingFun} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
lists: [],
|
||||
page: 1,
|
||||
loadingStatus: loadingType.LOADING
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
console.log(options.type, "option.type")
|
||||
this.active = parseInt(options.type);
|
||||
|
||||
this.getAccountLogFun(this.active);
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getAccountLogFun(this.active);
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(e) {
|
||||
this.active = e;
|
||||
this.cleanStatus();
|
||||
this.getAccountLogFun(e);
|
||||
},
|
||||
|
||||
cleanStatus() {
|
||||
// 清理状态
|
||||
this.page = 1;
|
||||
this.lists = [];
|
||||
this.loadingStatus = loadingType.LOADING
|
||||
},
|
||||
|
||||
getAccountLogFun(type) {
|
||||
let changeType = 0;
|
||||
changeType = type == 0 ? 0 : type == 1 ? 2 : 1;
|
||||
let {
|
||||
lists,
|
||||
loadingStatus,
|
||||
page
|
||||
} = this;
|
||||
loadingFun(getAccountLog, page, lists, loadingStatus, { source: 1, type: changeType}).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.lists = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/user_bill/user_bill.wxss */
|
||||
.user-bill {
|
||||
.list {
|
||||
.item {
|
||||
.time{
|
||||
padding: 30rpx;
|
||||
}
|
||||
.bill-list {
|
||||
.bill-item {
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: $-solid-border;
|
||||
.income {
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.order-null {
|
||||
padding-top: 200rpx;
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,313 @@
|
||||
<template>
|
||||
<view class="user-fans-box">
|
||||
<view class="header">
|
||||
<view class="top-bar row bg-white md">
|
||||
<view :class="'bar-item row-center ' + (active == 'all' ? 'item-active' : '')" @tap="changeTab" data-active="all">全部粉丝</view>
|
||||
<view :class="'bar-item row-center ' + (active == 'first' ? 'item-active' : '')" @tap="changeTab" data-active="first">一级粉丝</view>
|
||||
<view :class="'bar-item row-center ' + (active == 'second' ? 'item-active' : '')" @tap="changeTab" data-active="second">二级粉丝</view>
|
||||
</view>
|
||||
<u-search
|
||||
v-model="keyword"
|
||||
shape="round"
|
||||
background="white"
|
||||
:show-action="true"
|
||||
action-text="确定"
|
||||
placeholder="请输入搜索关键词"
|
||||
@search="onSearch"
|
||||
@custom="onSearch"
|
||||
/>
|
||||
<view class="sort-bar row">
|
||||
<view class="sort-bar-item row-center nr" @tap="sortStatusChange" data-sort-type="0">
|
||||
<view :class="sortType == 0 ? 'item-active' : ''">团队排序</view>
|
||||
<view class="column">
|
||||
<trigonometry direction="up" :color="fansSort == 'asc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
<trigonometry :color="fansSort == 'desc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sort-bar-item row-center nr" @tap="sortStatusChange" data-sort-type="1">
|
||||
<view :class="sortType == 1 ? 'item-active' : ''">金额排序</view>
|
||||
<view class="column">
|
||||
<trigonometry direction="up" :color="moneySort == 'asc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
<trigonometry :color="moneySort == 'desc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sort-bar-item row-center nr" @tap="sortStatusChange" data-sort-type="2">
|
||||
<view :class="sortType == 2 ? 'item-active' : ''">订单排序</view>
|
||||
<view class="column">
|
||||
<trigonometry direction="up" :color="orderSort == 'asc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
<trigonometry :color="orderSort == 'desc' ? '#FF2C3C' : '#585858'" size="small"></trigonometry>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="data-null" v-if="false">
|
||||
<view class="muted">暂无相关数据...</view>
|
||||
</view>
|
||||
<view v-else class="card-box">
|
||||
<view v-for="(item, index) in fansObject" :key="index" class="card-item row-between">
|
||||
<view class="row">
|
||||
<view class="card-img">
|
||||
<u-image :src="item.avatar" round width="100%" height="100%" />
|
||||
</view>
|
||||
<view class="fans-info ml10">
|
||||
<view class="fans-name row">{{item.nickname}}</view>
|
||||
<view class="row lighter mt5">
|
||||
<view>{{item.mobile}}</view>
|
||||
<view class="ml20">{{item.create_time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="column xs">
|
||||
<view class="msg"><span class="primary">{{item.fans_team}} </span>人</view>
|
||||
<view class="mt5 msg"><span>{{item.fans_order}} </span>单</view>
|
||||
<view class="mt5 msg"><span>{{item.fans_money}} </span>元</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text>暂无相关数据...</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { loadingType, SortType, FansType } from '@/utils/type';
|
||||
import { getUserFans } from '@/api/user';
|
||||
import {loadingFun} from '@/utils/tools'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: FansType.ALL,
|
||||
loadingStatus: loadingType.LOADING,
|
||||
sortType: 0,
|
||||
keyword: "",
|
||||
page: 1,
|
||||
fansSort: SortType.ASC,
|
||||
moneySort: SortType.NONE,
|
||||
orderSort: SortType.NONE,
|
||||
fansObject: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getUserFansFun();
|
||||
},
|
||||
|
||||
onReachBottom() {
|
||||
this.getUserFansFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
onSearch() {
|
||||
console.log(this.keyword);
|
||||
this.cleanStatus();
|
||||
this.getUserFansFun();
|
||||
},
|
||||
|
||||
changeTab(e) {
|
||||
let {
|
||||
active
|
||||
} = e.currentTarget.dataset;
|
||||
this.active = active
|
||||
this.cleanStatus();
|
||||
this.getUserFansFun();
|
||||
},
|
||||
|
||||
// 获取粉丝列表
|
||||
getUserFansFun() {
|
||||
const {
|
||||
fansSort,
|
||||
moneySort,
|
||||
orderSort,
|
||||
active,
|
||||
loadingStatus,
|
||||
keyword,
|
||||
fansObject,
|
||||
page,
|
||||
} = this;
|
||||
const inputData = {
|
||||
type: active,
|
||||
keyword,
|
||||
fans: fansSort,
|
||||
money: moneySort,
|
||||
order: orderSort
|
||||
};
|
||||
|
||||
loadingFun(getUserFans, page, fansObject, loadingStatus, inputData).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.fansObject = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 清理状态
|
||||
cleanStatus() {
|
||||
this.loadingStatus = loadingType.LOADING;
|
||||
this.fansObject = [];
|
||||
this.page = 1
|
||||
},
|
||||
|
||||
// 排序状态变化
|
||||
sortStatusChange(e) {
|
||||
let {
|
||||
sortType
|
||||
} = e.currentTarget.dataset;
|
||||
let {
|
||||
fansSort,
|
||||
moneySort,
|
||||
orderSort
|
||||
} = this;
|
||||
|
||||
this.sortType = parseInt(sortType)
|
||||
|
||||
switch (parseInt(sortType)) {
|
||||
case 0:
|
||||
// 团队排序
|
||||
if (fansSort == SortType.NONE || fansSort == SortType.DESC) {
|
||||
this.fansSort = SortType.ASC;
|
||||
this.moneySort = SortType.NONE
|
||||
this.orderSort = SortType.NONE
|
||||
}
|
||||
else if (fansSort == SortType.ASC) {
|
||||
this.fansSort = SortType.DESC;
|
||||
this.moneySort = SortType.NONE;
|
||||
this.orderSort = SortType.NONE;
|
||||
}
|
||||
break;
|
||||
|
||||
case 1:
|
||||
// 金额排序
|
||||
if (moneySort == SortType.DESC || moneySort == SortType.NONE) {
|
||||
this.moneySort = SortType.ASC;
|
||||
this.fansSort = SortType.NONE;
|
||||
this.orderSort = SortType.NONE
|
||||
} else if (moneySort == SortType.ASC) {
|
||||
this.moneySort = SortType.DESC;
|
||||
this.fansSort = SortType.NONE;
|
||||
this.orderSort = SortType.NONE;
|
||||
}
|
||||
|
||||
break;
|
||||
case 2:
|
||||
// 订单排序
|
||||
if (orderSort == SortType.DESC || orderSort == SortType.NONE) {
|
||||
this.orderSort = SortType.ASC;
|
||||
this.moneySort = SortType.NONE;
|
||||
this.fansSort = SortType.NONE;
|
||||
} else if (orderSort == SortType.ASC) {
|
||||
this.orderSort = SortType.DESC;
|
||||
this.moneySort = SortType.NONE;
|
||||
this.fansSort = SortType.NONE;
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
this.cleanStatus();
|
||||
this.getUserFansFun();
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/user_fans/user_fans.wxss */
|
||||
.user-fans-box {
|
||||
.header {
|
||||
.top-bar {
|
||||
padding: 18rpx 50rpx;
|
||||
height: 100rpx;
|
||||
.bar-item {
|
||||
flex: 1;
|
||||
line-height: 34rpx;
|
||||
height: 100%;
|
||||
&:not(:last-of-type) {
|
||||
margin-right: 54rpx;
|
||||
}
|
||||
}
|
||||
.item-active {
|
||||
color: white;
|
||||
background-color: $-color-primary;
|
||||
border-radius: 100rpx;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.sort-bar {
|
||||
background-color: white;
|
||||
height: 80rpx;
|
||||
.sort-bar-item {
|
||||
flex: 1;
|
||||
line-height: 40rpx;
|
||||
height: 100%;
|
||||
.item-active {
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
.data-null {
|
||||
padding-top: 200rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.card-box {
|
||||
margin-top: 20rpx;
|
||||
.card-item {
|
||||
padding: 20rpx;
|
||||
background-color: white;
|
||||
.card-img {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
flex: none;
|
||||
}
|
||||
.fans-info {
|
||||
.fans-name {
|
||||
line-height: 44rpx;
|
||||
}
|
||||
}
|
||||
.msg {
|
||||
line-height: 32rpx;
|
||||
text-align: right;
|
||||
}
|
||||
&:not(:nth-last-of-type(3)) {
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<view class="user-group">
|
||||
<tabs :active="active" @change="changeShow">
|
||||
<tab v-for="(item, index) in group" :key="index" :title="item.name">
|
||||
<group-list v-if="item.isShow" :ref="'group' + item.type" :group-type="item.type"></group-list>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { groupType } from "@/utils/type";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: "",
|
||||
typeStr: "",
|
||||
group: [{
|
||||
name: '全部',
|
||||
type: groupType.ALL,
|
||||
isShow: false
|
||||
}, {
|
||||
name: '拼团中',
|
||||
type: groupType.PROGESS,
|
||||
isShow: false
|
||||
}, {
|
||||
name: '拼团成功',
|
||||
type: groupType.SUCCESS,
|
||||
isShow: false
|
||||
}, {
|
||||
name: '拼团失败',
|
||||
type: groupType.FAIL,
|
||||
isShow: false
|
||||
}]
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
|
||||
onLoad: function (options) {
|
||||
const{group} = this
|
||||
let type = options.type || groupType.ALL;
|
||||
let index = group.findIndex(item => item.type == type)
|
||||
this.changeShow(index);
|
||||
},
|
||||
|
||||
onPullDownRefresh: function () {
|
||||
const {active, group} = this
|
||||
console.log(this.$refs['group' + group[active].type])
|
||||
this.$refs['group' + group[active].type][0].reflesh()
|
||||
},
|
||||
|
||||
onReachBottom: function () {
|
||||
const {active, group} = this
|
||||
console.log(this.$refs['group' + group[active].type])
|
||||
this.$refs['group' + group[active].type][0].getUserGroupFun()
|
||||
},
|
||||
methods: {
|
||||
changeShow(index) {
|
||||
if(index != -1) {
|
||||
this.active = index
|
||||
this.group[index].isShow = true
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,330 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- pages/user_payment/user_payment.wxml -->
|
||||
<view class="user-payment">
|
||||
<form report-submit="true">
|
||||
<view class="payment bg-white">
|
||||
<view class="md normal row" style="padding: 66rpx 66rpx 0">
|
||||
充值金额
|
||||
</view>
|
||||
<view class="input row">
|
||||
<text style="font-size: 46rpx">￥</text>
|
||||
<input :placeholder="placeholder" type="digit" @focus="setPlaceholder"
|
||||
@blur="setPlaceholderStatus" :value="number" @input="onInput"></input>
|
||||
</view>
|
||||
<view class="tip muted mt20 row">
|
||||
提示：当前余额为
|
||||
<text class="primary">￥{{userInfo.user_money || 0}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<button size="lg" class="btn white br60" @tap="rechargeRights">
|
||||
立即充值
|
||||
</button>
|
||||
</form>
|
||||
<view class="fast-payment-container">
|
||||
<view class="title bold normal row">推荐充值</view>
|
||||
<view class="fast-pay row wrap">
|
||||
<view v-for="(item, index) in rechargeObj" :key="index" class="fast-pay-item bg-white column-center"
|
||||
@tap="temRecharge" :data-id="item.id">
|
||||
<view class="hot-recharge white" v-if="item.is_recommend">热门充值</view>
|
||||
<view class="price primary bold">
|
||||
<price-format weight="500" :firstSize="42" :secondSize="42" :price="item.money">
|
||||
</price-format>
|
||||
<text class="xxl" style="font-weight: 500">元</text>
|
||||
</view>
|
||||
<view class="preferential primary xs">{{item.tips}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup class="pay-popup" v-model="showPopup" closeable round mode="center">
|
||||
<view class="content bg-white">
|
||||
<image class="img-icon" src="../../static/images/recharge_success.png"></image>
|
||||
<view class="xxl bold mt10">充值成功</view>
|
||||
<view v-if="rechargeInfo.give_integral || rechargeInfo.give_growth" class="lg"
|
||||
style="margin-top: 50rpx">恭喜您获得 <text><text class="primary"
|
||||
v-if="rechargeInfo.give_integral">{{rechargeInfo.give_integral}}</text> 积分</text> <text
|
||||
v-if="rechargeInfo.give_growth">+ <text
|
||||
class="primary">{{rechargeInfo.give_growth}}</text>成长值</text></view>
|
||||
<button class="br60 btn" type="primary" size="md" @tap="onShowPopup">好的，谢谢</button>
|
||||
</view>
|
||||
</u-popup>
|
||||
<loading-view id="van-toast" v-if="showLoading" backgroundColor="rgba(0, 0, 0, 0)"></loading-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | LikeShop100%开源免费商用电商系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | 开源版本可自由商用，保留版权即可
|
||||
// | 商业版本务必购买商业授权，以免引起法律纠纷
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | Gitee下载：https://gitee.com/likeshop_gitee/likeshop
|
||||
// | 访问官网：https://www.likemarket.net
|
||||
// | 访问社区：https://home.likemarket.net
|
||||
// | 访问手册：http://doc.likemarket.net
|
||||
// | 微信公众号：好象科技
|
||||
// | 好象科技开发团队 版权所有 拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: LikeShopTeam
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
rechargeTemplate,
|
||||
recharge,
|
||||
getUser
|
||||
} from '@/api/user';
|
||||
import {
|
||||
prepay
|
||||
} from '@/api/app';
|
||||
import {
|
||||
wxpay
|
||||
} from '@/utils/pay';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
navRecharge: ['账户充值', '佣金转入'],
|
||||
active: 0,
|
||||
number: '',
|
||||
placeholder: "0.00",
|
||||
rechargeObj: [],
|
||||
showPopup: false,
|
||||
rechargeInfo: {},
|
||||
userInfo: {},
|
||||
showLoading: false
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.rechargeTemplateFun();
|
||||
this.getUserInfoFun();
|
||||
|
||||
uni.$on('payment', params => {
|
||||
if (params.result) {
|
||||
this.onShowPopup()
|
||||
this.getUserInfoFun()
|
||||
uni.navigateBack()
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
uni.$off('payment')
|
||||
},
|
||||
|
||||
methods: {
|
||||
onShowPopup() {
|
||||
this.showPopup = !this.showPopup
|
||||
},
|
||||
|
||||
setPlaceholderStatus: function(event) {
|
||||
if (event.detail.value.length == 0) {
|
||||
this.placeholder = '0.00'
|
||||
}
|
||||
},
|
||||
setPlaceholder: function() {
|
||||
this.placeholder = ''
|
||||
},
|
||||
|
||||
getUserInfoFun() {
|
||||
getUser().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.userInfo = res.data
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
rechargeTemplateFun() {
|
||||
rechargeTemplate().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.rechargeObj = res.data
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
rechargeRights() {
|
||||
const {
|
||||
number
|
||||
} = this;
|
||||
this.rechargeFun({
|
||||
money: Number(number)
|
||||
});
|
||||
},
|
||||
|
||||
temRecharge(e) {
|
||||
let {
|
||||
id
|
||||
} = e.currentTarget.dataset;
|
||||
this.rechargeFun({
|
||||
id
|
||||
});
|
||||
},
|
||||
|
||||
rechargeFun(obj) {
|
||||
this.showLoading = true
|
||||
|
||||
recharge(obj).then(({ code, data, msg }) => {
|
||||
if (code != 1) throw new Error(msg)
|
||||
|
||||
this.rechargeInfo = data
|
||||
uni.navigateTo({
|
||||
url: `/pages/payment/payment?from=${'recharge'}&order_id=${data.id}`
|
||||
})
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
}).finally(() => {
|
||||
this.showLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
checkInputText: function(text) {
|
||||
var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g;
|
||||
|
||||
if (reg.test(text)) {
|
||||
//正则匹配通过，提取有效文本
|
||||
text = text.replace(reg, '$2$3$4');
|
||||
} else {
|
||||
//正则匹配不通过，直接清空
|
||||
text = '';
|
||||
}
|
||||
|
||||
return text; //返回符合要求的文本（为数字且最多有带2位小数）
|
||||
},
|
||||
|
||||
onInput(e) {
|
||||
let number = e.detail.value;
|
||||
number = this.checkInputText(number);
|
||||
this.number = number
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
/* pages/user_payment/user_payment.wxss */
|
||||
.user-payment {
|
||||
padding: 20rpx 30rpx;
|
||||
|
||||
.payment {
|
||||
text-align: center;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
padding-bottom: 74rpx;
|
||||
|
||||
.nav {
|
||||
margin: 20rpx 95rpx 80rpx;
|
||||
|
||||
.item {
|
||||
flex: 1;
|
||||
|
||||
.line {
|
||||
width: 110rpx;
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 110rpx;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.input {
|
||||
margin-left: 66rpx;
|
||||
margin-top: 35rpx;
|
||||
margin-right: 30rpx;
|
||||
|
||||
input {
|
||||
height: 94rpx;
|
||||
text-align: left;
|
||||
font-size: 66rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
|
||||
.tip {
|
||||
margin: 25rpx 66rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn {
|
||||
background: linear-gradient(79deg, rgba(249, 95, 47, 1) 0%, rgba(255, 44, 60, 1) 100%);
|
||||
margin: 70rpx 0 30rpx;
|
||||
}
|
||||
|
||||
.fast-payment-container {
|
||||
margin-top: 72rpx;
|
||||
|
||||
.title {
|
||||
font-size: 38rpx;
|
||||
line-height: 53rpx;
|
||||
}
|
||||
|
||||
.fast-pay {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.fast-pay-item {
|
||||
position: relative;
|
||||
width: 214rpx;
|
||||
height: 150rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 16rpx;
|
||||
border: 1px solid $-color-primary;
|
||||
|
||||
&:not(:nth-of-type(3n)) {
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.hot-recharge {
|
||||
position: absolute;
|
||||
padding: 2rpx 10rpx;
|
||||
background: linear-gradient(180deg, #FF2C3C 0%, #F95F2F 100%);
|
||||
border-radius: 0 10rpx 0 10rpx;
|
||||
font-size: 20rpx;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 42rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.preferential {
|
||||
line-height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pay-popup {
|
||||
.content {
|
||||
padding: 40rpx 0;
|
||||
text-align: center;
|
||||
width: 560rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.img-icon {
|
||||
width: 168rpx;
|
||||
height: 118rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 80rpx 60rpx 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,702 @@
|
||||
<template>
|
||||
<view class="user-profile-container mt10">
|
||||
<view class="user-profile">
|
||||
<view class="user-avatar-box row-start" @click="handleUser">
|
||||
<!-- <button
|
||||
class="column column-center"
|
||||
hover-class="none"
|
||||
open-type="chooseAvatar"
|
||||
@chooseavatar="onChooseAvatar"
|
||||
@click="onChooseAvatar"
|
||||
>
|
||||
|
||||
</button> -->
|
||||
<image
|
||||
class="user-avatar"
|
||||
:src="
|
||||
userInfo.avatar != ''
|
||||
? userInfo.avatar
|
||||
: '../../static/images/default_avatar.png'
|
||||
"
|
||||
@click="handleUser"
|
||||
>
|
||||
</image>
|
||||
<view class="row-between flex1">
|
||||
<view class="ml30 text-name">
|
||||
<view class="">
|
||||
{{ userInfo.nickname }}
|
||||
</view>
|
||||
<view> ID:{{ userInfo.sn }} </view>
|
||||
</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
|
||||
<!-- <view class="muted xs" @click="handleUser">点击修改头像</view> -->
|
||||
</view>
|
||||
<!-- <view class="row-info row bdb-line" @click="changeName">
|
||||
<view class="label md">昵称</view>
|
||||
<view class="md row" style="flex: 1">{{ userInfo.nickname }}</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view> -->
|
||||
<!-- <view class="row-info row bdb-line" @click="changeSex()">
|
||||
<view class="label md">性别</view>
|
||||
<view class="md row" :class="userInfo.sex == 0 ? 'muted' : ''" style="flex: 1">
|
||||
{{ userInfo.sex == 0 ? '未设置' : userInfo.sex == 1 ? '男' : '女' }}
|
||||
</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view> -->
|
||||
<!-- <view class="row-info row bdb-line">
|
||||
<view class="label md">手机号</view>
|
||||
<view class="md row" :class="{ muted: !userInfo.mobile }" style="flex: 1">
|
||||
{{ userInfo.mobile ? userInfo.mobile : '未绑定' }}
|
||||
</view> -->
|
||||
<!-- #ifdef H5 || APP-PLUS -->
|
||||
<!-- <view class="bd-btn br60 row-center" @click="showModifyMobile">
|
||||
{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}
|
||||
</view> -->
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- <button
|
||||
class="bd-btn br60 row-center"
|
||||
size="sm"
|
||||
open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber"
|
||||
>
|
||||
{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}
|
||||
</button> -->
|
||||
<!-- #endif -->
|
||||
<!-- </view> -->
|
||||
|
||||
<view class="row-info row-between bdb-line mt10" @tap="toSetPayPwd">
|
||||
<view class="label md">转账密码</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<!-- #ifdef H5 -->
|
||||
<view class="row-info row-between bdb-line" @tap="bindWechat" v-if="!userInfo.oa_auth">
|
||||
<view class="label md">微信授权</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="row-info row-between" @click="showPwdPop">
|
||||
<view class="label md">登录密码</view>
|
||||
<view class="row">
|
||||
<view class="muted nr">点击设置</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="row-info row-between bdb-line mt10" @click="goToExplain(0)">
|
||||
<view class="label md">服务协议</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<view class="row-info row-between bdb-line" @click="goToExplain(1)">
|
||||
<view class="label md">隐私政策</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<view class="row-info row-between bdb-line" @click="goLicense()">
|
||||
<view class="label md">版权信息</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<view class="row-info row-between">
|
||||
<view class="label md">关于我们</view>
|
||||
<view>v{{ version }}</view>
|
||||
</view>
|
||||
|
||||
<view class="bg-primary white save-btn row-center lg" @click="logout">退出登录</view>
|
||||
|
||||
<!-- 版权信息 -->
|
||||
<view class="license xs" v-if="appConfig.copyright_info">
|
||||
<view>{{ appConfig.copyright_info }}</view>
|
||||
<view>{{ appConfig.icp_number }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup type="center" closeable v-model="showMobile" mode="center" border-radius="14">
|
||||
<view class="modify-container column-center bg-white" v-show="showMobile">
|
||||
<view class="title xl">{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}</view>
|
||||
<view class="modify-row row" v-if="userInfo.mobile">
|
||||
<view style="width: 56px; border-right: 1px solid #e5e5e5">+86</view>
|
||||
<view style="margin-left: 15px">{{ userInfo.mobile }}</view>
|
||||
</view>
|
||||
<view class="modify-row row" v-else>
|
||||
<view style="width: 71px">手机号</view>
|
||||
<input v-model="new_mobile" placeholder="请输入绑定手机号" />
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">验证码</view>
|
||||
<input
|
||||
v-model="smsCode"
|
||||
style="padding-left: 5px; width: 130px"
|
||||
placeholder="请输入验证码"
|
||||
/>
|
||||
<view class="send-code-btn nr row-center" @click="$sendSms">
|
||||
<u-verification-code
|
||||
:keep-running="true"
|
||||
ref="uCode"
|
||||
@change="codeChange"
|
||||
unique-key="page-b"
|
||||
>
|
||||
</u-verification-code>
|
||||
<view class="xs">{{ tips }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modify-row row" v-if="userInfo.mobile">
|
||||
<view style="width: 71px">新手机号</view>
|
||||
<input v-model="new_mobile" placeholder="请输入新的手机号码" />
|
||||
</view>
|
||||
<view class="primary mt10"
|
||||
>{{
|
||||
userInfo.mobile ? '更改' : '绑定'
|
||||
}}手机号码成功后，您的账号将会变更为该设置号码</view
|
||||
>
|
||||
<view class="btn bg-primary white row-center" @click="$changeUserMobile">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<!-- 昵称修改组件 -->
|
||||
<u-popup
|
||||
v-model="showNickName"
|
||||
:closeable="true"
|
||||
:maskCloseAble="false"
|
||||
mode="center"
|
||||
border-radius="14"
|
||||
>
|
||||
<view
|
||||
class="modify-container column-center bg-white"
|
||||
style="width: 70vw; padding: 24rpx"
|
||||
>
|
||||
<view class="title xl">修改用户名</view>
|
||||
<form @submit="changeNameConfirm">
|
||||
<u-form-item label="新昵称" :labelWidth="120">
|
||||
<input
|
||||
style="height: 60rpx"
|
||||
class="nr"
|
||||
:value="userInfo.nickname"
|
||||
name="nickname"
|
||||
type="nickname"
|
||||
placeholder="请输入新的昵称"
|
||||
/>
|
||||
</u-form-item>
|
||||
<button class="btn bg-primary white row-center" form-type="submit">确定</button>
|
||||
</form>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup v-model="showPwd" closeable mode="center" border-radius="14">
|
||||
<view class="modify-container column-center bg-white" v-show="showPwd">
|
||||
<view class="title xl">设置密码</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 56px; border-right: 1px solid #e5e5e5">+86</view>
|
||||
<view style="margin-left: 15px">{{ userInfo.mobile }}</view>
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 142rpx">验证码</view>
|
||||
<input
|
||||
v-model="smsCode"
|
||||
style="padding-left: 10rpx; width: 260rpx"
|
||||
placeholder="请输入验证码"
|
||||
/>
|
||||
<view class="send-code-btn nr row-center" @click="$sendSms">
|
||||
<u-verification-code
|
||||
:keep-running="true"
|
||||
ref="uCode"
|
||||
@change="codeChange"
|
||||
unique-key="page-a"
|
||||
>
|
||||
</u-verification-code>
|
||||
<view class="xs">{{ tips }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">设置密码</view>
|
||||
<input type="password" v-model="pwd" placeholder="请输入新密码" />
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">确认密码</view>
|
||||
<input type="password" v-model="comfirmPwd" placeholder="再次输入新密码确认" />
|
||||
</view>
|
||||
<view class="btn bg-primary white row-center" @click="$forgetPwd">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-picker
|
||||
mode="selector"
|
||||
v-model="showPicker"
|
||||
:default-selector="[0]"
|
||||
:range="sexList"
|
||||
@confirm="onConfirm"
|
||||
/>
|
||||
<view class="xs muted" style="margin: 50rpx 0;">
|
||||
<view class="row-center">
|
||||
由 likeshop 提供免费开源商城系统
|
||||
</view>
|
||||
<view class="row-center">
|
||||
© likeshop.cn
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { userLogout, getUserInfo, changeUserMobile, setUserInfo, setWechatInfo } from '@/api/user'
|
||||
import { version } from '@/config/app'
|
||||
import { sendSms, forgetPwd } from '@/api/app'
|
||||
import { bindOawechat } from '@/api/user'
|
||||
import { SMSType } from '@/utils/type'
|
||||
import { mapState, mapGetters } from 'vuex'
|
||||
import { uploadFile, isWeixinClient, trottle } from '@/utils/tools'
|
||||
import { getWxCode, getUserProfile } from '@/utils/login'
|
||||
import wechath5 from '@/utils/wechath5'
|
||||
|
||||
const FieldType = {
|
||||
NONE: '',
|
||||
SEX: 'sex',
|
||||
NICKNAME: 'nickname',
|
||||
AVATAR: 'avatar',
|
||||
MOBILE: 'mobile'
|
||||
}
|
||||
export default {
|
||||
name: 'userProfile',
|
||||
data() {
|
||||
return {
|
||||
version: version,
|
||||
fileList: [],
|
||||
userInfo: {},
|
||||
new_mobile: '',
|
||||
smsCode: '',
|
||||
newNickname: '',
|
||||
sexList: ['男', '女'],
|
||||
fieldType: FieldType.NONE,
|
||||
showPicker: false,
|
||||
showMobile: false,
|
||||
showPwd: false,
|
||||
showNickName: false,
|
||||
tips: '',
|
||||
canSendSms: true,
|
||||
pwd: '',
|
||||
comfirmPwd: '',
|
||||
smsType: SMSType.FINDPWD,
|
||||
code: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
oaAuth() {
|
||||
wechath5.getWxUrl()
|
||||
},
|
||||
bindWechat() {
|
||||
this.oaAuth()
|
||||
},
|
||||
handleUser() {
|
||||
console.log(123465)
|
||||
uni.redirectTo({
|
||||
url: '/bundle/pages/user_set/user_set'
|
||||
})
|
||||
},
|
||||
codeChange(text) {
|
||||
this.tips = text
|
||||
},
|
||||
onChooseAvatar(e) {
|
||||
this.fieldType = FieldType.AVATAR
|
||||
// #ifndef MP-WEIXIN
|
||||
// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
|
||||
uni.$u.route({
|
||||
// 关于此路径，请见下方"注意事项"
|
||||
url: '/components/uview-ui/components/u-avatar-cropper/u-avatar-cropper',
|
||||
// 内部已设置以下默认参数值，可不传这些参数
|
||||
params: {
|
||||
// 输出图片宽度，高等于宽，单位px
|
||||
destWidth: 300,
|
||||
// 裁剪框宽度，高等于宽，单位px
|
||||
rectWidth: 200,
|
||||
// 输出的图片类型，如果'png'类型发现裁剪的图片太大，改成"jpg"即可
|
||||
fileType: 'jpg'
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
// #ifdef MP-WEIXIN
|
||||
if (e.detail.avatarUrl) {
|
||||
console.log(e.detail.avatarUrl)
|
||||
this.uploadImage(e.detail.avatarUrl)
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
// 修改用户昵称
|
||||
async changeNameConfirm(e) {
|
||||
this.fieldType = FieldType.NICKNAME
|
||||
this.newNickname = e.detail.value.nickname
|
||||
if (!this.newNickname)
|
||||
return this.$toast({
|
||||
title: '请输入新的昵称'
|
||||
})
|
||||
await this.$setUserInfo(this.newNickname)
|
||||
this.showNickName = false
|
||||
},
|
||||
|
||||
// end
|
||||
logout() {
|
||||
// 退出登录
|
||||
userLogout({
|
||||
token: this.token
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$store.commit('LOGOUT')
|
||||
this.$toast({
|
||||
title: '退出成功'
|
||||
})
|
||||
setTimeout(() => {
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
},
|
||||
goToExplain(value) {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/server_explan/server_explan?type=' + value
|
||||
})
|
||||
},
|
||||
goLicense() {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/license/license'
|
||||
})
|
||||
},
|
||||
|
||||
toSetPayPwd() {
|
||||
if (!this.userInfo.mobile)
|
||||
return this.$toast({
|
||||
title: '请先设置手机号'
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/set_pay_pwd/set_pay_pwd'
|
||||
})
|
||||
},
|
||||
// 发送短信
|
||||
$sendSms(type) {
|
||||
if (!this.canSendSms) return
|
||||
sendSms({
|
||||
mobile: this.userInfo.mobile || this.new_mobile,
|
||||
key: this.smsType
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$refs.uCode.start()
|
||||
}
|
||||
})
|
||||
},
|
||||
$getUserInfo() {
|
||||
getUserInfo().then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.userInfo = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
// 更换手机号
|
||||
showModifyMobile() {
|
||||
this.smsCode = ''
|
||||
this.new_mobile = ''
|
||||
this.showMobile = true
|
||||
this.smsType = this.userInfo.mobile ? SMSType.CHANGE_MOBILE : SMSType.BIND
|
||||
},
|
||||
$changeUserMobile() {
|
||||
if (!this.smsCode) {
|
||||
this.$toast({
|
||||
title: '请输入验证码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.new_mobile) {
|
||||
this.$toast({
|
||||
title: '请输入新的手机号码'
|
||||
})
|
||||
return
|
||||
}
|
||||
changeUserMobile({
|
||||
mobile: this.userInfo.mobile,
|
||||
new_mobile: this.new_mobile,
|
||||
code: this.smsCode,
|
||||
action: this.userInfo.mobile ? 'change' : ''
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.showMobile = false
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
})
|
||||
},
|
||||
// end
|
||||
// 修改用户信息
|
||||
async $setUserInfo(value) {
|
||||
const res = await setUserInfo({
|
||||
field: this.fieldType,
|
||||
value: value
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
},
|
||||
// end
|
||||
timeChange(timestamp) {
|
||||
console.log(timestamp, 'timestamp')
|
||||
},
|
||||
onConfirm(value) {
|
||||
this.$setUserInfo(value[0] + 1)
|
||||
this.showPicker = false
|
||||
},
|
||||
changeSex(e) {
|
||||
this.showPicker = true
|
||||
this.fieldType = FieldType.SEX
|
||||
},
|
||||
|
||||
// 定时器完成
|
||||
countDownFinish() {
|
||||
this.canSendSms = true
|
||||
},
|
||||
// 修改密码
|
||||
showPwdPop() {
|
||||
if (!this.userInfo.mobile) {
|
||||
this.$toast({
|
||||
title: '请绑定手机后再设置密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.smsCode = ''
|
||||
this.smsType = SMSType.FINDPWD
|
||||
this.showPwd = true
|
||||
},
|
||||
$forgetPwd() {
|
||||
let { smsCode, pwd, comfirmPwd } = this
|
||||
if (!smsCode) {
|
||||
this.$toast({
|
||||
title: '请填写短信验证码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!pwd) {
|
||||
this.$toast({
|
||||
title: '请输入新密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '再次输入新密码确认'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (pwd != comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '两次密码输入不一致'
|
||||
})
|
||||
return
|
||||
}
|
||||
let data = {
|
||||
mobile: this.userInfo.mobile,
|
||||
code: smsCode,
|
||||
password: pwd,
|
||||
repassword: comfirmPwd
|
||||
}
|
||||
forgetPwd(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.showPwd = false
|
||||
this.$toast({
|
||||
title: '设置密码成功'
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
})
|
||||
},
|
||||
// end
|
||||
// 修改昵称
|
||||
changeName() {
|
||||
this.fieldType = FieldType.NICKNAME
|
||||
this.newNickname = ''
|
||||
this.showNickName = true
|
||||
},
|
||||
// end
|
||||
|
||||
async getPhoneNumber(e) {
|
||||
const { encryptedData, iv } = e.detail
|
||||
let data = {
|
||||
code: this.code,
|
||||
encrypted_data: encryptedData,
|
||||
iv
|
||||
}
|
||||
this.fieldType = FieldType.MOBILE
|
||||
if (encryptedData) {
|
||||
this.$changeUserMobileMP(data)
|
||||
}
|
||||
},
|
||||
$changeUserMobileMP(data) {
|
||||
changeUserMobile(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
// #ifdef MP-WEIXIN
|
||||
getWxCode().then((res) => {
|
||||
this.code = res
|
||||
})
|
||||
// #endif
|
||||
})
|
||||
},
|
||||
uploadImage(path) {
|
||||
uni.showLoading({
|
||||
title: '正在上传中...',
|
||||
mask: true
|
||||
})
|
||||
uploadFile(path)
|
||||
.then((res) => {
|
||||
uni.hideLoading()
|
||||
this.$setUserInfo(res.url)
|
||||
})
|
||||
.catch(() => {
|
||||
uni.hideLoading()
|
||||
this.$toast({
|
||||
title: '上传失败'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
async onLoad(options) {
|
||||
// #ifdef H5
|
||||
|
||||
const bindCode = options.code
|
||||
if (bindCode) {
|
||||
if (Array.isArray(bindCode)) bindCode = bindCode.pop()
|
||||
|
||||
await bindOawechat({ code: bindCode })
|
||||
}
|
||||
// #endif
|
||||
|
||||
this.$getUserInfo()
|
||||
// #ifdef MP-WEIXIN
|
||||
getWxCode().then((res) => {
|
||||
this.code = res
|
||||
})
|
||||
// #endif
|
||||
// 监听从裁剪页发布的事件，获得裁剪结果
|
||||
uni.$on('uAvatarCropper', (path) => {
|
||||
console.log(path)
|
||||
this.uploadImage(path)
|
||||
})
|
||||
this.getUserProfile = trottle(this.getUserProfile, 500, this)
|
||||
},
|
||||
onUnload() {
|
||||
uni.$off('uAvatarCropper')
|
||||
},
|
||||
computed: {
|
||||
...mapState(['token']),
|
||||
...mapGetters(['appConfig'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.user-profile-container {
|
||||
.user-profile {
|
||||
border-top-left-radius: 28rpx;
|
||||
border-top-right-radius: 28rpx;
|
||||
|
||||
.user-avatar-box {
|
||||
padding: 30rpx 20rpx;
|
||||
background-color: white;
|
||||
border-top-left-radius: 28rpx;
|
||||
border-top-right-radius: 28rpx;
|
||||
|
||||
.user-avatar {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.row-info {
|
||||
padding: 30rpx 20rpx;
|
||||
background-color: white;
|
||||
|
||||
.label {
|
||||
width: 180rpx;
|
||||
}
|
||||
|
||||
.bd-btn {
|
||||
padding: 8rpx 24rpx;
|
||||
border: 1px solid $-color-primary;
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.license {
|
||||
margin-top: 80rpx;
|
||||
color: #a7a7a7;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bdb-line {
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
margin-top: 40rpx;
|
||||
height: 88rpx;
|
||||
margin-left: 54rpx;
|
||||
margin-right: 54rpx;
|
||||
border-radius: 10rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.updata-btn {
|
||||
margin: 0 30rpx;
|
||||
margin-top: 40rpx;
|
||||
background-color: #0cc267;
|
||||
}
|
||||
}
|
||||
|
||||
.modify-container {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
width: 580rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: $-color-white;
|
||||
|
||||
.title {
|
||||
padding: 26rpx 0rpx;
|
||||
}
|
||||
|
||||
.modify-row {
|
||||
padding: 32rpx 0rpx;
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
|
||||
.send-code-btn {
|
||||
border: 1px solid $-color-primary;
|
||||
width: 184rpx;
|
||||
height: 62rpx;
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 80rpx;
|
||||
padding: 0 180rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-name {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
justify-content: space-around;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,615 @@
|
||||
<template>
|
||||
<view class="user-profile-container mt10">
|
||||
<view class="user-profile">
|
||||
<view class="user-avatar-box column-center">
|
||||
<button
|
||||
class="column column-center"
|
||||
hover-class="none"
|
||||
open-type="chooseAvatar"
|
||||
@chooseavatar="onChooseAvatar"
|
||||
@click="onChooseAvatar"
|
||||
>
|
||||
<image
|
||||
class="user-avatar"
|
||||
:src="
|
||||
userInfo.avatar != ''
|
||||
? userInfo.avatar
|
||||
: '../../static/images/default_avatar.png'
|
||||
"
|
||||
>
|
||||
</image>
|
||||
<view class="muted xs">点击修改头像</view>
|
||||
</button>
|
||||
</view>
|
||||
<view class="row-info row bdb-line">
|
||||
<view class="label md">ID</view>
|
||||
<view class="md row" style="flex: 1">{{ userInfo.sn }}</view>
|
||||
</view>
|
||||
<view class="row-info row bdb-line" @click="changeName">
|
||||
<view class="label md">昵称</view>
|
||||
<view class="md row" style="flex: 1">{{ userInfo.nickname }}</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<view class="row-info row bdb-line" @click="changeSex()">
|
||||
<view class="label md">性别</view>
|
||||
<view class="md row" :class="userInfo.sex == 0 ? 'muted' : ''" style="flex: 1">
|
||||
{{ userInfo.sex == 0 ? '未设置' : userInfo.sex == 1 ? '男' : '女' }}
|
||||
</view>
|
||||
<u-icon name="arrow-right" />
|
||||
</view>
|
||||
<view class="row-info row bdb-line">
|
||||
<view class="label md">手机</view>
|
||||
<view class="md row" :class="{ muted: !userInfo.mobile }" style="flex: 1">
|
||||
{{ userInfo.mobile ? userInfo.mobile : '未绑定' }}
|
||||
</view>
|
||||
<!-- #ifdef H5 || APP-PLUS -->
|
||||
<view class="bd-btn br60 row-center" @click="showModifyMobile">
|
||||
{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<button
|
||||
class="bd-btn br60 row-center"
|
||||
size="sm"
|
||||
open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber"
|
||||
>
|
||||
{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}
|
||||
</button>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="row-info row bdb-line">
|
||||
<view class="label md">注册时间 </view>
|
||||
<view class="md row" style="flex: 1">{{ userInfo.create_time }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup type="center" closeable v-model="showMobile" mode="center" border-radius="14">
|
||||
<view class="modify-container column-center bg-white" v-show="showMobile">
|
||||
<view class="title xl">{{ userInfo.mobile ? '更换手机号' : '绑定手机号' }}</view>
|
||||
<view class="modify-row row" v-if="userInfo.mobile">
|
||||
<view style="width: 56px; border-right: 1px solid #e5e5e5">+86</view>
|
||||
<view style="margin-left: 15px">{{ userInfo.mobile }}</view>
|
||||
</view>
|
||||
<view class="modify-row row" v-else>
|
||||
<view style="width: 71px">手机号</view>
|
||||
<input v-model="new_mobile" placeholder="请输入绑定手机号" />
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">验证码</view>
|
||||
<input
|
||||
v-model="smsCode"
|
||||
style="padding-left: 5px; width: 130px"
|
||||
placeholder="请输入验证码"
|
||||
/>
|
||||
<view class="send-code-btn nr row-center" @click="$sendSms">
|
||||
<u-verification-code
|
||||
:keep-running="true"
|
||||
ref="uCode"
|
||||
@change="codeChange"
|
||||
unique-key="page-b"
|
||||
>
|
||||
</u-verification-code>
|
||||
<view class="xs">{{ tips }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modify-row row" v-if="userInfo.mobile">
|
||||
<view style="width: 71px">新手机号</view>
|
||||
<input v-model="new_mobile" placeholder="请输入新的手机号码" />
|
||||
</view>
|
||||
<view class="primary mt10"
|
||||
>{{
|
||||
userInfo.mobile ? '更改' : '绑定'
|
||||
}}手机号码成功后，您的账号将会变更为该设置号码</view
|
||||
>
|
||||
<view class="btn bg-primary white row-center" @click="$changeUserMobile">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<!-- 昵称修改组件 -->
|
||||
<u-popup
|
||||
v-model="showNickName"
|
||||
:closeable="true"
|
||||
:maskCloseAble="false"
|
||||
mode="center"
|
||||
border-radius="14"
|
||||
>
|
||||
<view
|
||||
class="modify-container column-center bg-white"
|
||||
style="width: 70vw; padding: 24rpx"
|
||||
>
|
||||
<view class="title xl">修改用户名</view>
|
||||
<form @submit="changeNameConfirm">
|
||||
<u-form-item label="新昵称" :labelWidth="120">
|
||||
<input
|
||||
style="height: 60rpx"
|
||||
class="nr"
|
||||
:value="userInfo.nickname"
|
||||
name="nickname"
|
||||
type="nickname"
|
||||
placeholder="请输入新的昵称"
|
||||
/>
|
||||
</u-form-item>
|
||||
<button class="btn bg-primary white row-center" form-type="submit">确定</button>
|
||||
</form>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup v-model="showPwd" closeable mode="center" border-radius="14">
|
||||
<view class="modify-container column-center bg-white" v-show="showPwd">
|
||||
<view class="title xl">设置密码</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 56px; border-right: 1px solid #e5e5e5">+86</view>
|
||||
<view style="margin-left: 15px">{{ userInfo.mobile }}</view>
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 142rpx">验证码</view>
|
||||
<input
|
||||
v-model="smsCode"
|
||||
style="padding-left: 10rpx; width: 260rpx"
|
||||
placeholder="请输入验证码"
|
||||
/>
|
||||
<view class="send-code-btn nr row-center" @click="$sendSms">
|
||||
<u-verification-code
|
||||
:keep-running="true"
|
||||
ref="uCode"
|
||||
@change="codeChange"
|
||||
unique-key="page-a"
|
||||
>
|
||||
</u-verification-code>
|
||||
<view class="xs">{{ tips }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">设置密码</view>
|
||||
<input type="password" v-model="pwd" placeholder="请输入新密码" />
|
||||
</view>
|
||||
<view class="modify-row row">
|
||||
<view style="width: 71px">确认密码</view>
|
||||
<input type="password" v-model="comfirmPwd" placeholder="再次输入新密码确认" />
|
||||
</view>
|
||||
<view class="btn bg-primary white row-center" @click="$forgetPwd">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-picker
|
||||
mode="selector"
|
||||
v-model="showPicker"
|
||||
:default-selector="[0]"
|
||||
:range="sexList"
|
||||
@confirm="onConfirm"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { userLogout, getUserInfo, changeUserMobile, setUserInfo, setWechatInfo } from '@/api/user'
|
||||
import { version } from '@/config/app'
|
||||
import { sendSms, forgetPwd } from '@/api/app'
|
||||
import { SMSType } from '@/utils/type'
|
||||
import { mapState, mapGetters } from 'vuex'
|
||||
import { uploadFile, isWeixinClient, trottle } from '@/utils/tools'
|
||||
import { getWxCode, getUserProfile } from '@/utils/login'
|
||||
|
||||
const FieldType = {
|
||||
NONE: '',
|
||||
SEX: 'sex',
|
||||
NICKNAME: 'nickname',
|
||||
AVATAR: 'avatar',
|
||||
MOBILE: 'mobile'
|
||||
}
|
||||
export default {
|
||||
name: 'userProfile',
|
||||
data() {
|
||||
return {
|
||||
version: version,
|
||||
fileList: [],
|
||||
userInfo: {},
|
||||
new_mobile: '',
|
||||
smsCode: '',
|
||||
newNickname: '',
|
||||
sexList: ['男', '女'],
|
||||
fieldType: FieldType.NONE,
|
||||
showPicker: false,
|
||||
showMobile: false,
|
||||
showPwd: false,
|
||||
showNickName: false,
|
||||
tips: '',
|
||||
canSendSms: true,
|
||||
pwd: '',
|
||||
comfirmPwd: '',
|
||||
smsType: SMSType.FINDPWD,
|
||||
code: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
codeChange(text) {
|
||||
this.tips = text
|
||||
},
|
||||
onChooseAvatar(e) {
|
||||
this.fieldType = FieldType.AVATAR
|
||||
// #ifndef MP-WEIXIN
|
||||
// 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
|
||||
uni.$u.route({
|
||||
// 关于此路径，请见下方"注意事项"
|
||||
url: '/components/uview-ui/components/u-avatar-cropper/u-avatar-cropper',
|
||||
// 内部已设置以下默认参数值，可不传这些参数
|
||||
params: {
|
||||
// 输出图片宽度，高等于宽，单位px
|
||||
destWidth: 300,
|
||||
// 裁剪框宽度，高等于宽，单位px
|
||||
rectWidth: 200,
|
||||
// 输出的图片类型，如果'png'类型发现裁剪的图片太大，改成"jpg"即可
|
||||
fileType: 'jpg'
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
// #ifdef MP-WEIXIN
|
||||
if (e.detail.avatarUrl) {
|
||||
console.log(e.detail.avatarUrl)
|
||||
this.uploadImage(e.detail.avatarUrl)
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
// 修改用户昵称
|
||||
async changeNameConfirm(e) {
|
||||
this.fieldType = FieldType.NICKNAME
|
||||
this.newNickname = e.detail.value.nickname
|
||||
if (!this.newNickname)
|
||||
return this.$toast({
|
||||
title: '请输入新的昵称'
|
||||
})
|
||||
await this.$setUserInfo(this.newNickname)
|
||||
this.showNickName = false
|
||||
},
|
||||
|
||||
// end
|
||||
logout() {
|
||||
// 退出登录
|
||||
userLogout({
|
||||
token: this.token
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$store.commit('LOGOUT')
|
||||
this.$toast({
|
||||
title: '退出成功'
|
||||
})
|
||||
setTimeout(() => {
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
},
|
||||
goToExplain(value) {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/server_explan/server_explan?type=' + value
|
||||
})
|
||||
},
|
||||
goLicense() {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/license/license'
|
||||
})
|
||||
},
|
||||
|
||||
toSetPayPwd() {
|
||||
if (!this.userInfo.mobile)
|
||||
return this.$toast({
|
||||
title: '请先设置手机号'
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: '/bundle/pages/set_pay_pwd/set_pay_pwd'
|
||||
})
|
||||
},
|
||||
// 发送短信
|
||||
$sendSms(type) {
|
||||
if (!this.canSendSms) return
|
||||
sendSms({
|
||||
mobile: this.userInfo.mobile || this.new_mobile,
|
||||
key: this.smsType
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$refs.uCode.start()
|
||||
}
|
||||
})
|
||||
},
|
||||
$getUserInfo() {
|
||||
getUserInfo().then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.userInfo = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
// 更换手机号
|
||||
showModifyMobile() {
|
||||
this.smsCode = ''
|
||||
this.new_mobile = ''
|
||||
this.showMobile = true
|
||||
this.smsType = this.userInfo.mobile ? SMSType.CHANGE_MOBILE : SMSType.BIND
|
||||
},
|
||||
$changeUserMobile() {
|
||||
if (!this.smsCode) {
|
||||
this.$toast({
|
||||
title: '请输入验证码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.new_mobile) {
|
||||
this.$toast({
|
||||
title: '请输入新的手机号码'
|
||||
})
|
||||
return
|
||||
}
|
||||
changeUserMobile({
|
||||
mobile: this.userInfo.mobile,
|
||||
new_mobile: this.new_mobile,
|
||||
code: this.smsCode,
|
||||
action: this.userInfo.mobile ? 'change' : ''
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.showMobile = false
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
})
|
||||
},
|
||||
// end
|
||||
// 修改用户信息
|
||||
async $setUserInfo(value) {
|
||||
const res = await setUserInfo({
|
||||
field: this.fieldType,
|
||||
value: value
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
},
|
||||
// end
|
||||
timeChange(timestamp) {
|
||||
console.log(timestamp, 'timestamp')
|
||||
},
|
||||
onConfirm(value) {
|
||||
this.$setUserInfo(value[0] + 1)
|
||||
this.showPicker = false
|
||||
},
|
||||
changeSex(e) {
|
||||
this.showPicker = true
|
||||
this.fieldType = FieldType.SEX
|
||||
},
|
||||
|
||||
// 定时器完成
|
||||
countDownFinish() {
|
||||
this.canSendSms = true
|
||||
},
|
||||
// 修改密码
|
||||
showPwdPop() {
|
||||
if (!this.userInfo.mobile) {
|
||||
this.$toast({
|
||||
title: '请绑定手机后再设置密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.smsCode = ''
|
||||
this.smsType = SMSType.FINDPWD
|
||||
this.showPwd = true
|
||||
},
|
||||
$forgetPwd() {
|
||||
let { smsCode, pwd, comfirmPwd } = this
|
||||
if (!smsCode) {
|
||||
this.$toast({
|
||||
title: '请填写短信验证码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!pwd) {
|
||||
this.$toast({
|
||||
title: '请输入新密码'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '再次输入新密码确认'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (pwd != comfirmPwd) {
|
||||
this.$toast({
|
||||
title: '两次密码输入不一致'
|
||||
})
|
||||
return
|
||||
}
|
||||
let data = {
|
||||
mobile: this.userInfo.mobile,
|
||||
code: smsCode,
|
||||
password: pwd,
|
||||
repassword: comfirmPwd
|
||||
}
|
||||
forgetPwd(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.showPwd = false
|
||||
this.$toast({
|
||||
title: '设置密码成功'
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
})
|
||||
},
|
||||
// end
|
||||
// 修改昵称
|
||||
changeName() {
|
||||
this.fieldType = FieldType.NICKNAME
|
||||
this.newNickname = ''
|
||||
this.showNickName = true
|
||||
},
|
||||
// end
|
||||
|
||||
async getPhoneNumber(e) {
|
||||
const { encryptedData, iv } = e.detail
|
||||
let data = {
|
||||
code: this.code,
|
||||
encrypted_data: encryptedData,
|
||||
iv
|
||||
}
|
||||
this.fieldType = FieldType.MOBILE
|
||||
if (encryptedData) {
|
||||
this.$changeUserMobileMP(data)
|
||||
}
|
||||
},
|
||||
$changeUserMobileMP(data) {
|
||||
changeUserMobile(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
this.$getUserInfo()
|
||||
}
|
||||
// #ifdef MP-WEIXIN
|
||||
getWxCode().then((res) => {
|
||||
this.code = res
|
||||
})
|
||||
// #endif
|
||||
})
|
||||
},
|
||||
uploadImage(path) {
|
||||
uni.showLoading({
|
||||
title: '正在上传中...',
|
||||
mask: true
|
||||
})
|
||||
uploadFile(path)
|
||||
.then((res) => {
|
||||
uni.hideLoading()
|
||||
this.$setUserInfo(res.url)
|
||||
})
|
||||
.catch(() => {
|
||||
uni.hideLoading()
|
||||
this.$toast({
|
||||
title: '上传失败'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.$getUserInfo()
|
||||
// #ifdef MP-WEIXIN
|
||||
getWxCode().then((res) => {
|
||||
this.code = res
|
||||
})
|
||||
// #endif
|
||||
// 监听从裁剪页发布的事件，获得裁剪结果
|
||||
uni.$on('uAvatarCropper', (path) => {
|
||||
console.log(path)
|
||||
this.uploadImage(path)
|
||||
})
|
||||
this.getUserProfile = trottle(this.getUserProfile, 500, this)
|
||||
},
|
||||
onUnload() {
|
||||
uni.$off('uAvatarCropper')
|
||||
},
|
||||
computed: {
|
||||
...mapState(['token']),
|
||||
...mapGetters(['appConfig'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.user-profile-container {
|
||||
.user-profile {
|
||||
border-top-left-radius: 28rpx;
|
||||
border-top-right-radius: 28rpx;
|
||||
|
||||
.user-avatar-box {
|
||||
padding: 30rpx;
|
||||
background-color: white;
|
||||
border-top-left-radius: 28rpx;
|
||||
border-top-right-radius: 28rpx;
|
||||
|
||||
.user-avatar {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.row-info {
|
||||
padding: 30rpx 20rpx;
|
||||
background-color: white;
|
||||
|
||||
.label {
|
||||
width: 180rpx;
|
||||
}
|
||||
|
||||
.bd-btn {
|
||||
padding: 8rpx 24rpx;
|
||||
border: 1px solid $-color-primary;
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.license {
|
||||
margin-top: 80rpx;
|
||||
color: #a7a7a7;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bdb-line {
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
margin-top: 40rpx;
|
||||
height: 88rpx;
|
||||
margin-left: 54rpx;
|
||||
margin-right: 54rpx;
|
||||
border-radius: 10rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.updata-btn {
|
||||
margin: 0 30rpx;
|
||||
margin-top: 40rpx;
|
||||
background-color: #0cc267;
|
||||
}
|
||||
}
|
||||
|
||||
.modify-container {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
width: 580rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: $-color-white;
|
||||
|
||||
.title {
|
||||
padding: 26rpx 0rpx;
|
||||
}
|
||||
|
||||
.modify-row {
|
||||
padding: 32rpx 0rpx;
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
|
||||
.send-code-btn {
|
||||
border: 1px solid $-color-primary;
|
||||
width: 184rpx;
|
||||
height: 62rpx;
|
||||
color: $-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 80rpx;
|
||||
padding: 0 180rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,353 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- pages/user_sgin/user_sgin.wxml -->
|
||||
<view class="user-sgin">
|
||||
<view class="header">
|
||||
<view class="row">
|
||||
<u-image class="avatar" width="110rpx" height="110rpx" shape="circle" :src="avatar == '' ? '../../static/images/default_avatar.png' : avatar" />
|
||||
<view class="white ml20 row-between" style="flex: 1">
|
||||
<view>
|
||||
<view style="font-size: 56rpx">{{integral}}</view>
|
||||
<view class="row">
|
||||
<navigator class="sm row" hover-class="none" url="/bundle/pages/sign_rule/sign_rule">
|
||||
我的积分
|
||||
<image src="../../static/images/jifen_icon_help.png" class="icon-sm ml10"></image>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<navigator class="score-detail-entry row" url="/bundle/pages/sign_detail/sign_detail" hover-class="none">
|
||||
<image style="width: 26rpx;height: 26rpx;flex: none; margin-right: 7rpx" src="../../static/images/jifen_icon_data.png"></image>
|
||||
<text class="sm white">积分明细</text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main">
|
||||
<view class="contain bg-white">
|
||||
<view class="title">已连续签到 {{signDays}}天</view>
|
||||
<view class="day-list row wrap">
|
||||
<view v-for="(item, index) in signList" :key="index" class="item column-center">
|
||||
<view :class="'circle row-center ' + (item.status == 1 ? 'active-circle' : '')">
|
||||
<view class="num xs lighter" v-if="item.status != 1">+{{item.integral}}</view>
|
||||
<image class="num" src="../../static/images/jifen_icon_select.png" v-if="item.status == 1"></image>
|
||||
</view>
|
||||
<view class="day mt10 lighter sm">{{item.days}}天</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right-sgin">
|
||||
<button :class="'white br60 ' + (canSign == 1 ? 'gray' : 'primary-button')" @tap="userSignFun" size="md">{{canSign == 1 ? '已签到' : '立即签到' }}</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contain bg-white mt20" v-if="makeInegral.length > 0">
|
||||
<view class="title row">
|
||||
<view class="line br60 mr20"></view>
|
||||
<view class="bold xl">赚积分</view>
|
||||
</view>
|
||||
<view class="task">
|
||||
<view v-for="(item, index) in makeInegral" :key="index" class="item row">
|
||||
<image class="img mr20" :src="item.type == 1 ? '../../static/images/icon_jifen_qiandao.png' : item.type == 2 ? '../../static/images/icon_jifen_pay.png' : '../../static/images/icon_jifen_invite.png'"></image>
|
||||
<view class="con">
|
||||
<view class="md">{{item.name}}</view>
|
||||
<view class="xs">
|
||||
<text class="num mb20">+{{item.integral}}</text>
|
||||
<text>积分</text>
|
||||
</view>
|
||||
</view>
|
||||
<button hover-class="none" :class="'btn br60 ' + (item.status ? 'muted' : 'primary' )" :style="'border-color: ' + (item.status ? '#999999' : '#FF2C3C') + ';'" size="xs">{{item.status ? '已完成' : '未完成'}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-popup v-model="showPop" mode="center">
|
||||
<view class="pop-container">
|
||||
<view class="header-score row-center mt20">+{{addIntegral}}</view>
|
||||
<view class="box column-center">
|
||||
<view class="desc row mt20 sm">
|
||||
<image style="width: 28rpx; height: 30rpx;margin-right: 8rpx" src="../../static/images/icon_jifen.png"></image>
|
||||
{{addIntegral}}积分 + {{addGrowth}}成长值
|
||||
</view>
|
||||
<view class="bottom-box">
|
||||
<view class="md" style="line-height: 36rpx">
|
||||
您已连续签到 <text class="primary" style="font-size: 42rpx">{{signDays}}</text>天
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-primary white br60 primary-btn" style="margin-top: 26rpx" @tap="onClose">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getSignList, userSign, getSignRule } from "@/api/user";
|
||||
import {trottle} from '@/utils/tools.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 成长值
|
||||
growth: 0,
|
||||
// 积分
|
||||
integral: 0,
|
||||
avatar: "",
|
||||
signList: [],
|
||||
showPop: false,
|
||||
canSign: 0,
|
||||
addIntegral: 0,
|
||||
addGrowth: 0,
|
||||
signDays: 0,
|
||||
makeInegral: []
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.userSignFun = trottle(this.userSignFun, 1000, this)
|
||||
},
|
||||
|
||||
|
||||
onShow: function () {
|
||||
this.getSignListFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
onClose() {
|
||||
this.showPop = false
|
||||
},
|
||||
|
||||
getSignListFun() {
|
||||
getSignList().then(res => {
|
||||
if (res.code == 1) {
|
||||
let {
|
||||
sign_list
|
||||
} = res.data;
|
||||
this.signList = sign_list;
|
||||
this.integral = res.data.user.user_integral;
|
||||
this.avatar = res.data.user.avatar
|
||||
this.canSign = res.data.user.today_sign;
|
||||
this.signDays = res.data.user.days;
|
||||
this.makeInegral = res.data.make_inegral
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
userSignFun() {
|
||||
if (this.canSign == 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
userSign().then(res => {
|
||||
if (res.code == 1) {
|
||||
let {
|
||||
days,
|
||||
growth,
|
||||
integral
|
||||
} = res.data;
|
||||
|
||||
this.showPop = true;
|
||||
this.addGrowth = growth;
|
||||
this.addIntegral = integral;
|
||||
this.signDays = days
|
||||
|
||||
this.getSignListFun();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.user-sgin {
|
||||
padding-bottom: 100rpx;
|
||||
}
|
||||
.user-sgin .header {
|
||||
background-image: url(data:image/png;base64,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 truncated
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
height: 400rpx;
|
||||
padding-top: 40rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.user-sgin .header .avatar {
|
||||
margin-left: 40rpx;
|
||||
border-radius: 50%;
|
||||
border: 4rpx solid #fff;
|
||||
}
|
||||
|
||||
.user-sgin .main {
|
||||
z-index: 100;
|
||||
margin-top: -200rpx;
|
||||
width: 100%;
|
||||
top: 186rpx;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.user-sgin .main .contain {
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.user-sgin .main .contain .title {
|
||||
padding: 24rpx 30rpx;
|
||||
}
|
||||
|
||||
.user-sgin .main .contain .title .line {
|
||||
width: 8rpx;
|
||||
height: 34rpx;
|
||||
background-color: $-color-primary;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item {
|
||||
width: 14.2%;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item .num {
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
line-height: 58rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item .circle {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item .circle::before {
|
||||
content: "";
|
||||
width: 34rpx;
|
||||
height: 6rpx;
|
||||
position: absolute;
|
||||
background-color: #f2f2f2;
|
||||
right: 68rpx;
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item:nth-of-type(7n+1) .circle::before {
|
||||
content: "";
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.user-sgin .main .day-list .item .active-circle::before {
|
||||
content: "";
|
||||
width: 34rpx;
|
||||
height: 4rpx;
|
||||
position: absolute;
|
||||
background-color: #FFBD40;
|
||||
right: 68rpx;
|
||||
}
|
||||
|
||||
|
||||
.user-sgin .main .right-sgin {
|
||||
padding: 35rpx 145rpx;
|
||||
}
|
||||
|
||||
.user-sgin .main .right-sgin .primary-button {
|
||||
background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%);
|
||||
}
|
||||
.user-sgin .main .contain .task {
|
||||
border-top: $-solid-border;
|
||||
}
|
||||
.user-sgin .main .contain .task .item {
|
||||
padding: 23rpx 30rpx;
|
||||
}
|
||||
.user-sgin .main .contain .task .item .img {
|
||||
width:74rpx;
|
||||
height:74rpx;
|
||||
border-radius:22rpx;
|
||||
}
|
||||
.user-sgin .main .contain .task .item .con {
|
||||
flex: 1;
|
||||
}
|
||||
.user-sgin .main .contain .task .item .btn {
|
||||
width: 154rpx;
|
||||
border: 1px solid $-color-primary;
|
||||
}
|
||||
.user-sgin .main .contain .task .item .con .num {
|
||||
color: $-color-primary;
|
||||
}
|
||||
|
||||
.score-detail-entry {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius:100rpx 0rpx 0rpx 100rpx;
|
||||
padding: 12rpx 19rpx 12rpx 16rpx;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.van-popup {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
.pop-container {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
height: 626rpx;
|
||||
width: 560rpx;
|
||||
position: relative;
|
||||
background-image: url(../../static/images/jifen_popBg.png);
|
||||
}
|
||||
|
||||
.u-mode-center-box {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
.header-score {
|
||||
font-size: 46rpx;
|
||||
line-height: 36rpx;
|
||||
font-weight: bold;
|
||||
padding-top: 90rpx;
|
||||
padding-bottom: 150rpx;
|
||||
color: $-color-primary;
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: white;
|
||||
background:linear-gradient(82deg,rgba(250,81,50,1) 0%,rgba(236,60,34,1) 49%,rgba(250,83,50,1) 100%);
|
||||
padding: 16rpx 22rpx 16rpx 42rpx;
|
||||
}
|
||||
|
||||
.box {
|
||||
|
||||
}
|
||||
|
||||
.bottom-box {
|
||||
margin-top: 84rpx;
|
||||
}
|
||||
|
||||
.primary-btn {
|
||||
padding: 16rpx 190rpx;
|
||||
}
|
||||
|
||||
.gray {
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,745 @@
|
||||
<template>
|
||||
<!--pages/user_spread/user_spread.wxml-->
|
||||
<view class="user-spread">
|
||||
<view class="explain row muted" v-if="vipState==0 || vipState==1">
|
||||
<image src="/static/images/icon_warning.png"></image>
|
||||
<span class="ml10">成为分销会员，推广下级可获得额外收益，推广越多收益越多</span>
|
||||
</view>
|
||||
<loading-view v-if="showLoading"></loading-view>
|
||||
<view class="header" v-if="!showLoading">
|
||||
<view class="user-info row">
|
||||
<view class="user-avatar">
|
||||
<custom-image width="100%" height="100%" round :src="userInfo.user.avatar" />
|
||||
<view class="avatar-tag white" v-if="vipState==2">分销会员</view>
|
||||
</view>
|
||||
<view class="user-message-container column ml20 white">
|
||||
<view class="row mb10">
|
||||
<view class="xxl bold" style="line-height: 50rpx">{{userInfo.user.nickname}}</view>
|
||||
<!-- <view class="xs fans-type">铁粉</view> -->
|
||||
</view>
|
||||
<view class="xs row" style="line-height: 30rpx;text-align: left;">
|
||||
上级分销商：{{!inviteStatus ? '无' : userInfo.leader.nickname}} <view v-if="!inviteStatus" class="br60 white write-btn row-center" @tap="showInvitePop">填写</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main" v-if="!showLoading">
|
||||
<!-- 填表格 -->
|
||||
<view :hidden="!vipState==0" class="user-apply-box">
|
||||
<form>
|
||||
|
||||
<view class="user-apply-vip column-center">
|
||||
<view class="user-apply-header column-center">
|
||||
<view class="title xxl normal">申请成为分销会员</view>
|
||||
|
||||
</view>
|
||||
<view class="vip-form">
|
||||
<view class="form-item row">
|
||||
<view class="label md">真实姓名：</view>
|
||||
<input class="md" name="real_name" v-model="realName" placeholder="请输入您的真实姓名"></input>
|
||||
</view>
|
||||
<view @click="showRegion=true">
|
||||
<view class="form-item row ">
|
||||
<view class="label md">现住省份：</view>
|
||||
<input class="md" name="region" :value="region" disabled type="text" placeholder="请选择省、市、区"></input>
|
||||
<image class="icon-sm mr10" src="/static/images/arrow_right.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item bg-white row" style="height: 74px;padding: 24rpx 20rpx 24rpx 30rpx">
|
||||
<view class="label md" style="width: 150rpx;align-self: flex-start;">申请原因：</view>
|
||||
<u-input type="textarea" v-model="reason" placeholder="（选填）" :custom-style="{paddingLeft: '10rpx'}" :fixed="true" style="flex: 1" />
|
||||
<!-- <textarea name="reason" style="height: 150rpx;padding-top: 30rpx;" type="textarea" fixed="true" placeholder="（必填）" border="false" title-width="150rpx" @input="textareaChange" /> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button class="apply-btn bg-primary white md mt10 row-center br60" @click="formSubmit">
|
||||
立即申请
|
||||
</button>
|
||||
<view class="mt20 xxs lighter row-center">提交成功后，我们将会在1-2个工作日内给您回复</view>
|
||||
</form>
|
||||
</view>
|
||||
<!-- 申请状态 -->
|
||||
<view :hidden="vipState!=1" class="user-result-box">
|
||||
<view class="user-result column-center">
|
||||
<view class="user-result-header column-center">
|
||||
<view class="title xxl normal">申请成为分销会员</view>
|
||||
<!-- <view class="explain row muted">
|
||||
<image src="/static/images/icon_warning.png"></image>
|
||||
<span class="ml10">成为分销会员，推广下级可获得额外收益，推广越多收益越多</span>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="user-result-content column-center">
|
||||
<image class="apply-result-img" :src="applyObject.status == 2 ? '../../static/images/icon_payFail.png' : '/static/images/icon_paySuccess.png'" />
|
||||
<view class="mt10 nr" style="line-height: 40rpx">{{applyObject.status_str}}</view>
|
||||
<view class="apply-fail-reason sm" :style="applyObject == 2 ? 'visibility: none' : 'visibility: hidden'">{{applyObject.reason}}</view>
|
||||
</view>
|
||||
<view class="user-result-info">
|
||||
<view class="info-item row nr">
|
||||
<view class="label">真实姓名：</view>
|
||||
<view class="info-text ml20">{{applyObject.real_name}}</view>
|
||||
</view>
|
||||
<view class="info-item row nr">
|
||||
<view class="label">现住省份：</view>
|
||||
<view class="info-text ml20">{{applyObject.province}} {{applyObject.city}} {{applyObject.district}}</view>
|
||||
</view>
|
||||
<view class="info-item row nr">
|
||||
<view class="label">申请原因：</view>
|
||||
<view class="info-text ml20">{{applyObject.reason ? applyObject.reason : '-'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view :class="'white mt20 br60 apply-btn row-center md ' + (applyObject.status == 0 ? 'bg-gray' : 'bg-primary')" @tap="reApply">重新申请</view>
|
||||
<view class="mt20 xxs lighter row-center">提交成功后，我们将会在1-2个工作日内给您回复</view>
|
||||
</view>
|
||||
<!-- 已申请 -->
|
||||
<view :hidden="vipState!=2" class="user-vip">
|
||||
<view class="user-assets-box">
|
||||
<view class="user-assets-header row-between">
|
||||
<view class="row nr bold" style="line-height: 80rpx;color: #8F430E;">
|
||||
可提现佣金：
|
||||
<price-format weight="bold" :showSubscript="true" :firstSize="36" :subscriptSize="26" :secondSize="36" :price="able_withdrawal" color="#FF2C3C" />
|
||||
</view>
|
||||
<navigator hover-class="none" class="primary-btn white row-center" url="/bundle/pages/user_withdraw/user_withdraw">立即提现</navigator>
|
||||
</view>
|
||||
<view class="user-assets-content row wrap">
|
||||
<view class="user-item column-center">
|
||||
<tool-tip v-if="false" class="mt20" id="today-profit" content="今日预估收益金额" style="position: absolute;right: -66rpx;"></tool-tip>
|
||||
<view class="nr user-assets-name row" style="color: #8F430E">
|
||||
今日预估收益 <!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> -->
|
||||
</view>
|
||||
<view class="assets ml20">
|
||||
<price-format weight="bold" :showSubscript="true" :firstSize="36" :subscriptSize="26" :secondSize="36" :price="today_earnings" color="#FF2C3C" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-item column-center">
|
||||
<view class="nr user-assets-name row" style="color: #8F430E">
|
||||
本月预估收益
|
||||
<!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> -->
|
||||
</view>
|
||||
<view class="assets ml20">
|
||||
<price-format weight="bold" :showSubscript="true" :firstSize="36" :subscriptSize="26" :secondSize="36" :price="month_earnings" color="#FF2C3C" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-item column-center">
|
||||
<view class="nr user-assets-name row" style="color: #8F430E">
|
||||
累计获得收益<!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> -->
|
||||
</view>
|
||||
<view class="assets">
|
||||
<price-format weight="bold" :showSubscript="true" :firstSize="36" :subscriptSize="26" :secondSize="36" :price="history_earnings" color="#FF2C3C" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt20 fans-msg-box row-center bg-white md">
|
||||
<navigator url="/bundle/pages/user_fans/user_fans" hover-class="none" class="my-fans row-center normal">
|
||||
我的粉丝 <span class="primary ml10">{{userFans}}</span>
|
||||
<u-icon class="ml10" name="arrow-right" size="28rpx" color="#666" />
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="my-invite-box mt20 bg-white column-center">
|
||||
<view class="my-invite-title sm normal">我的邀请码</view>
|
||||
<view class="row bold mt20" style="font-size: 42rpx;line-height: 30rpx">
|
||||
{{userInfo.user.distribution_code}} <view class="invite-copy-btn ml10 xxs" @click="onCopy">点击复制</view>
|
||||
</view>
|
||||
<!-- <view class="row-center my-promote-banner bg-primary white">我的推广海报</view> -->
|
||||
</view>
|
||||
<view class="usual-tools-box bg-white mt20">
|
||||
<view class="usual-tools-header row lg bold">
|
||||
常用工具
|
||||
</view>
|
||||
<view class="usual-content row">
|
||||
<navigator hover-class="none" url="/bundle/pages/user_spread_order/user_spread_order" class="usual-item column-center">
|
||||
<image src="../../static/images/icon_fenxiao.png" class="usual-item-img"></image>
|
||||
<view class="nr normal mt20" style="line-height: 40rpx">分销订单</view>
|
||||
</navigator>
|
||||
<navigator hover-class="none" url="/bundle/pages/user_spread_month_bill/user_spread_month_bill" class="usual-item column-center">
|
||||
<image src="../../static/images/icon_zhangdan.png" class="usual-item-img"></image>
|
||||
<view class="nr normal mt20" style="line-height: 40rpx">月度账单</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="showPop" @close="onClose" closeable mode="center" border-radius="30">
|
||||
<view class="inviteformContain column-center">
|
||||
<view class="title xl">填写上级分销商</view>
|
||||
<view class="input-row row">
|
||||
<view style="width: 140rpx;">邀请码：</view>
|
||||
<input :value="inviteCode" @input="onInput" placeholder="请输入邀请码" />
|
||||
</view>
|
||||
<view class="btn bg-primary white row-center" @tap="inputInviteCodeFun">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-select v-model="showRegion" mode="mutil-column-auto" @confirm="regionChange" :list="regionLists" ></u-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { inputInviteCode, applyVip, applyVipDetail, getInviteInfo, getPromoteHome, veryfiyDistribute } from "@/api/user";
|
||||
import area from '@/utils/area'
|
||||
import {copy} from '@/utils/tools'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showLoading: true,
|
||||
// 弹窗展示
|
||||
showPop: false,
|
||||
inviteCode: '',
|
||||
realName: '',
|
||||
reason: '',
|
||||
region: '',
|
||||
// 省id
|
||||
provinceId: -1,
|
||||
// 市id
|
||||
cityId: -1,
|
||||
// 区ID
|
||||
districtId: -1,
|
||||
// 推销状态 0 ==> 未申请 1 ==> 申请进度 2 ==> 已申请
|
||||
vipState: 0,
|
||||
userInfo: {
|
||||
user: {},
|
||||
leader: {}
|
||||
},
|
||||
// 审核信息对象
|
||||
applyObject: {},
|
||||
// 邀请人状态
|
||||
inviteStatus: false,
|
||||
showRegion: false,
|
||||
regionLists: area,
|
||||
able_withdrawal: 0,
|
||||
history_earnings: 0,
|
||||
month_earnings: 0,
|
||||
today_earnings: 0,
|
||||
userFans: 0
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.showLoading = true
|
||||
this.veryfiyDistributeFun()
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
onInput(e) {
|
||||
this.inviteCode = e.detail.value
|
||||
},
|
||||
|
||||
// 申请成功数据
|
||||
getPromoteHomeFun() {
|
||||
getPromoteHome().then(res => {
|
||||
if (res.code == 1) {
|
||||
if (res.data.leader.length <= 0) {
|
||||
this.inviteStatus = false;
|
||||
} else {
|
||||
this.inviteStatus = true;
|
||||
}
|
||||
this.userInfo = res.data;
|
||||
this.userFans = res.data.fans
|
||||
this.able_withdrawal = res.data.able_withdrawal
|
||||
this.history_earnings = res.data.history_earnings
|
||||
this.month_earnings = res.data.month_earnings
|
||||
this.today_earnings = res.data.today_earnings
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
veryfiyDistributeFun() {
|
||||
veryfiyDistribute().then(res => {
|
||||
if(res.code == 10001) {
|
||||
this.vipState = 2
|
||||
// 获取详情
|
||||
this.getInviteInfoFun();
|
||||
this.getPromoteHomeFun();
|
||||
if(this.showLoading == true) {
|
||||
this.showLoading = false
|
||||
}
|
||||
}
|
||||
else if(res.code == 20001) {
|
||||
|
||||
// 填写表单
|
||||
this.vipState = 0;
|
||||
this.getInviteInfoFun();
|
||||
this.applyVipDetailFun()
|
||||
}
|
||||
else if(res.code == 0) {
|
||||
// 返回上一页
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 最新分销会员申请详情
|
||||
applyVipDetailFun() {
|
||||
applyVipDetail().then(res => {
|
||||
if(res.code == 1) {
|
||||
switch(res.data.status) {
|
||||
case 0:
|
||||
// 待审核
|
||||
case 2:
|
||||
// 审核不通过
|
||||
this.vipState = 1;
|
||||
this.applyObject = res.data
|
||||
break;
|
||||
case 1:
|
||||
this.getPromoteHomeFun();
|
||||
break;
|
||||
}
|
||||
if(this.showLoading == true) {
|
||||
this.showLoading = false
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
reApply() {
|
||||
this.vipState = 0
|
||||
},
|
||||
|
||||
regionChange(region) {
|
||||
this.region = region[0].label + " " + region[1].label + " " + region[2].label
|
||||
this.provinceId = region[0].value;;
|
||||
this.cityId = region[1].value;
|
||||
this.districtId = region[2].value
|
||||
},
|
||||
|
||||
formSubmit(e) {
|
||||
let {
|
||||
provinceId,
|
||||
cityId,
|
||||
districtId,
|
||||
reason
|
||||
} = this;
|
||||
console.log('formSubmit')
|
||||
|
||||
if (!this.realName) {
|
||||
this.$toast({
|
||||
title: "请填写真实姓名"
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!this.region.length) {
|
||||
this.$toast({
|
||||
title: "请选择省市区"
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
let data = {
|
||||
real_name: this.realName,
|
||||
province: provinceId,
|
||||
city: cityId,
|
||||
district: districtId,
|
||||
reason: reason
|
||||
};
|
||||
this.applyVipFun(data);
|
||||
},
|
||||
|
||||
// 分销会员申请
|
||||
applyVipFun(data) {
|
||||
applyVip(data).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
});
|
||||
this.applyVipDetailFun();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 填写邀请码
|
||||
inputInviteCodeFun() {
|
||||
inputInviteCode({
|
||||
code: this.inviteCode
|
||||
}).then(res => {
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.showPop = false
|
||||
this.getInviteInfoFun();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
showInvitePop() {
|
||||
this.showPop = true;
|
||||
},
|
||||
|
||||
// 获取邀请人信息
|
||||
getInviteInfoFun() {
|
||||
getInviteInfo().then(res => {
|
||||
if (res.code == 1) {
|
||||
if (res.data.leader.length <= 0) {
|
||||
this.userInfo = res.data;
|
||||
this.inviteStatus = false
|
||||
} else {
|
||||
this.userInfo = res.data;
|
||||
this.inviteStatus = true
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
textareaChange(e) {
|
||||
this.reason = e.detail.value
|
||||
},
|
||||
|
||||
onClose() {
|
||||
this.showPop = false;
|
||||
},
|
||||
|
||||
onCopy() {
|
||||
copy(this.userInfo.user.distribution_code)
|
||||
},
|
||||
|
||||
// 显示提示窗口
|
||||
showToolTip(e) {
|
||||
this.animate("#today-profit");
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.user-spread {
|
||||
.explain {
|
||||
background-color: #FFFADE;
|
||||
padding: 18rpx 20rpx;
|
||||
color: #F95F2F;
|
||||
image {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
flex: none;
|
||||
}
|
||||
span {
|
||||
font-size: 20rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
}
|
||||
.header {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAADaCAMAAADOtzdqAAABOFBMVEX/LDz/LTz/LT3/Lj3/Lj7/Lz7/Lz//MD//MED/MUD/MUH/MkD/MkH/MkL/M0H/M0L/M0P/NEL/NEP/NET/NUP/NUT/NUX/NkT/NkX/N0X/N0b/OEb/OEf/OUf/OUj/Okj/Okn/O0n/O0r/PEr/PEv/PUv/PUz/Pkv/Pkz/Pk3/P0z/P03/QE3/QE7/QU7/QU//Qk//QlD/Q1D/Q1H/RFH/RFL/RVL/RVP/RlL/RlP/RlT/R1P/R1T/R1X/SFT/SFX/SFb/SVX/SVb/SVf/Slb/Slf/S1f/S1j/TFj/TFn/TFr/TVn/TVr/Tlr/Tlv/T1v/T1z/UFz/UF3/UV3/UV7/Ul7/U1//VF//VGD/VWD/VWH/VmH/VmL/V2L/V2P/WGP/WGT/WWT/WWX/WmX/Wmb/W2b/W2f/XGf5O5EGAAANU0lEQVR42u3dbVfbRh6GcZdAiDYObly8xoAh4KioGD8bZ0XVqKgWtlcIQrNhaZJmN+1m9/t/g5UlIOAZyXoYtTPKfb2OOQf0y/+M5JGUkxDitlK5vHavSqWyfqeNaZu3Vb22rtu+6ZnXzk4Of1LEbfnQ0DfvQ98ioHuBO+K3p0xG+k27u7vgjviNzUj3pO/WnMAd8buWYTPSPek1cEd8r2XYjPTbnj8Hd8Rtf2Uz0l3oz+Vp4I64bT36SN+ljHRPOrgjvmM00m/7VgF3xGtPGI10T7obuCNeKzIa6XcCd8RrpWgj/XmwdKf9Orgjbs9U70nfiT3SXehe4I745R5j7eIrHdwR3xdmGI30mw4OGuCOeG2L0UifQj9ouIE74rVnjEb6ncAd8drOHOhhR7pXcxq4I265MxrprvSWG7gjjrkzGemtz4E74nbtzmiku7XdwB1xz50Y6fVII92T3pkG7ojXthmN9M5N3S64I17bZDTSPelu4I54bS3c6WgjFPRub1oc7o8e4VCg9Psm6khvB0nv9fr9fkTuy04Plx3uf8nnnxQKXxeLxUIeBwal0RNGI92F7hWF+/LS0uLSw/vavymV1tZKRZBH7Nv3PR2NNNKvO3TKhbe++GCRrn1t+niEEsQjxu2wGeku9MPDgVMuLPYHC0Hap7fQrgE8Yto6m5HuQvfKhcO+sDBXu3ObVQXgEcOKbEb6dS+cwnB/uPBVKO3Ohs01HCPErgMK9Ogj3ZWuus3nvvwgF1r7bm2ngIOEmC3emYx09XNzuS8vRNFeey5jwCNWlZiM9JuOjrR53JdyEbXLyjYOE2JUg8VId6F7zeG+GF27otRwxooYrWZYjPQ75eYs22Nor9cVLOARm2szLEb6TS91PZD7Qjzt9Ub9KY4UYpHCYKQ76dcFcX8QV7tTEUcKMag8F/qLcNDncl+Mr73VgnfE5mQ1/EjXAqXrx8eGkWN5Teaz9lanBe+IQZXkI92B7kh38+W+/FUi7Z1uB94Ri/GeeKTfKed/mppMe6/XhXfE4OLMYdKR7jV0MnO+S5mk2vuHvVUcLJS4WtKR7kL38uG+vJBc++GgD+8ocfl+lJFu+EmfduLD/QEL7YMXA3hHiVtLONJd6G6jnM95KhPtqvqihKOFkvY82Uj3pLvRuT9gpF3TVHhHiWsnGum3jcc5+sqdlXZN13B9BiWtoIYZ6aa/9PF1OfpwZ6Zd11XsF0OJl+9agpHuNnHLUYc7Q+2GMcB+YJS0jQQj3ZM+sZxo3JeYajfMLo4WStp2/JHuSbd8uC8vstVuntRwtFDSanToIUa61+k0One22kejMo4WStqzOSN97DfSXein9jQK9yXm2sc6DhZKvn437ksfhRzp9m01CveHzLVPJjIOFkp+fcaINdK9zs6sTYnkvpyCdmuCq5EoecVBjJE+lX52dn5uOktqCvcUtJ+e4uoMYpESdaRPobu1H0t07ilot218uYpYtG5QofuN9JsmVffTFO5paD87a+NIISbtj8KPdK9XZ43rrzop3FPRfn6G1Tti0+phyJE+lf7q4uJCu92HTnB/lI72Vxd1HCfEqA01xEifQp+mVz9/kLaJIBXtFyMcJcRuCf+3MNKnk33j7sdyf5T2n19XcJAQuyrtcTB0p9PeDLrcH6b9NU5WEduq/VNf6RcX5wPyWdQk97S0/wOrGcR+Fa+oEwL6z69ttb7xmPLPKdxT0v7mzQqODmLf8tMNuaMZI+v84twaDbXuXvXpss+/Jbmnpv3NDg4N+nMjuaem/bKPPzfijnta2i9N/LkRd9zT0v7PC/y5EW/cv05L+9UV7tFG3E331LT/gndQIt6451PT/raKvzfijnta2t/iSiTijbtUTkv7O9yxirjjXkpL+3sFf2/EG/diWtrfY7oj7rjn09L+K9buiDvu0lpK2j9s4e8tfOXtvdZAOzbH9tg81gbtve2y4NwLKWn/gBs8xG7d2W1rk01UZV1g7lJK2v+Fb1VFtu7cPeTfuF0RlnspHe1XMCNqBeXYnpehFMTknt9KQ/u/z8BGzIrNiR2mSbMoInepkob2j3gOsJCVOpYdNqtTEpB7Pg3tH/GkGRGXMe3w2F3wrYJw3KVKCtp/w2MixUse21Eby8Jxl3bYa78EHuEW7bodJ70oGvdV5tp/x9JdtJ6N7XiNnwnGXdpkrf33bfgRqnzHjl9HMO7SLmPtuOouViuanSQtLxb3Alvt/xlAkFBXZHQ7WXpBKO5Skal2XJcR6yR1aCdtWBSKu1RmqP2TAUIiaT+xk2cWheIubbDT/glvEhZp3W7YLDIKQnGXNphpP4Ehga7JBJ2lWqbabyqK7Fyo3m/2VdMS6Xw1mLu0yUj7b6tAJE4Df+tqS56tpfqLH4jFXdpkov2/PRgSp6bvyWdHptfxPbFtisVdqrLQ/gsMiVPVR+5xQ/av6bcffkss7s4bQRJr/4SbVAW6KEPfOWA25eCaJn0/QVEs7tJmUu3/wxviBYp6mmodzuquDwjwA+oaXhOMu1RNqP0chsRJppEdEeuYujE6Irw3RrQPy4Jxl6qJtF/hfdniVKAtZYw9ivYRxbtCu14/LgjGXaom0P4rrkEKVJe2HJGp2mneZY3v3ZHhuEvV2No/rsOQOFVOSa2qn3aqd5X8AacV0bg73mNqxzPdRapPYv3eX3vY+d4Xjru0rsfR/g4PDhOpEnltRQ/STvVO7hy2SsJxl8p6dO2X2PUrVG1C6kmwdqp3cjdlSzzuUnEQVfsET8kT67IMMdytgznaad4PyB9TEI+7JDWifZfaAiCx2ifGcm+udpr3HvFz9kXkLlWN8NrfbMCPYBFXzc0Q2mneif0Ex0Jyl/L1v4fT/qEBPaJVIa4gNsJop3hvENcz14Tk7jyAph9C+0cd36SKV3PeVRkf7RTvOqcbgXPRP7LaOQvW/mEA7CJGXFFphNROem8QyyJhuTu3MsqGr/aPk73HkCNiZWKrTGjtpHfifo+yuNyl6VM59AtS+9WogcEuasReyHZ47YT3Dp/7InNJxkGtrduvL6/evX97dXludGv4UknkZjcQTKJoJ7xPuNxIkMNhRl6joI2Q+/O0z3qf3TozAnfEUatBa5kQ2me8E/sRiuCO+Gn2juxTJaL2+96V2UvvVXBH/J6pmpG13/du8niuCu7Iq+27dA+t/Z53jcddkeCOvGYfHdaPof2u9z6PDxQDd+RFTOM42u94b/H4AA5wR16zjwGrx9L+2Xudx02R4I68ZnfMKPG033pXeNw1A+7Ia/YBM3G133qffdwMuCN+smjc9VGcejTuFrgjTHdwRxlcu5+AO+InA1dm0JeTnvJ195fgjvhJTflbVRXcET+1fZ+EGm/PzOx/nza4I36avZIyTLgjcogdkYjftmavk8uJ9rvLFva7I34j7mZqJbqbafZM1V4Fd8RRo6AHu0e+V/V73KuKeA5PIkBf8LkqnjODMhzxFLEhniKGshvxjMhm7GdEEk9XPZEyxr3y3eHRjz8eHX6H1zEJWgtPAA5bTTdv02ugI2Lk892bMZ/v3iSe717JEveqZt5Lw+slRcyY+yKykG/vIJZFhpQh7spP5kw/KcAjXnXinUqDWO9mGhA/R8kQ95ZJCe8hEy/Km/caMd6818jIm/d8ZrtJDfM9Ayer9liJ/F5VZZyJ96r6rdtNnzbBR7RWybdmG5Hfmm2Qb80uZof7kR/3I/ARri5B1X4Z5D3UO+LtrpQZ7rumb7vgI1plcrzfuc+D8E7RrpI/wCplh/sP/tx/AJ8MrN5nXuNx1ztFu0b5PEdXLZJyr5gBrYGPcBdnRhSvOt07qX2PspKxRyvZ4a4Ecf8WfISrZtPE0q5HUq5A0v6v2Dx9x56UezeIexd6xIu2HLGtPuGd+AZK7lu0j2pShrirQdxfAI94rY5paG2zIQfXNKmfG69mibsexF0HHgHbtukdNwOwN459PrUtgTviubaPXHvY8cHeGfp9pC1linvgYkYFHRHL6354bUvrzO4qUDqa5fvvX0rZ4t4L4t4DHSEr+Ht3NsGbar+5P0WvKM2+OjwN+LfHKxnjHnghErvEBO3p0GbRsCBljHvg10y4jU/UiiYD7SdFKWvcsYkgo96NxNoN/rQn517z545bVgVuRUuoXVuRMshd0rABOJvXZwaJtA/yUia5b/lxx+3Zgtc4jY39tMHnr4Sb95D/JBvH1D7ekjLLXWrTtHegJQMnrPEW8FpRyjB3PHgju8nRB/xY5vfXwWOVUGCFbkTt3YKUde54aF6GW1cjnKKq61z/LngkKppbuWOFwm51Spz/JnjgNQqzpFH0udj1vQL3vwe4o3CV6kH7xob1kgi/BLij8IsaeUC7UDMeyGVBfgNwR5Fa26n3dXM0tmxrPDL1fn1HpMergDv6ggJ3BO4IgTtC4I4QuCME7giBO0LgjhC4IwTuCIE7QuCOwB0hcEcI3BECd4TAHSFwRwjcEQJLine truncated
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
padding-top: 40rpx;
|
||||
height: 280rpx;
|
||||
.user-info {
|
||||
padding-left: 30rpx;
|
||||
.user-avatar {
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
position: relative;
|
||||
.avatar-tag {
|
||||
position: absolute;
|
||||
bottom: -16rpx;
|
||||
width: 100%;
|
||||
background-color: #F79C0C;
|
||||
border: 1rpx solid #FFFFFF;
|
||||
border-radius: 100rpx;
|
||||
font-size: 22rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
}
|
||||
.user-message-container {
|
||||
.fans-type {
|
||||
margin-left: 12rpx;
|
||||
background-color: #291B06;
|
||||
padding: 4rpx 22rpx;
|
||||
border-radius: 100rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
.write-btn {
|
||||
height: 42rpx;
|
||||
width: 100rpx;
|
||||
margin-left: 30rpx;
|
||||
background-color: #FF838D;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
padding: 0 20rpx;
|
||||
margin-top: -60rpx;
|
||||
.user-vip {
|
||||
.user-assets-box {
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 10rpx 20rpx 22rpx;
|
||||
background: linear-gradient(90deg, #FBEFDB 0%, #FED09E 100%);
|
||||
.user-assets-header {
|
||||
border-bottom: 1rpx dashed #8F430E;
|
||||
padding-bottom: 4rpx;
|
||||
.primary-btn {
|
||||
height: 54rpx;
|
||||
border-radius: 120rpx;
|
||||
width: 144rpx;
|
||||
background: linear-gradient(180deg, #FF3067 0%, #FF2C3C 100%);
|
||||
}
|
||||
}
|
||||
.user-assets-content {
|
||||
margin-top: 30rpx;
|
||||
.user-item {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
.user-assets-name {
|
||||
text-align: left;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.assets {
|
||||
margin-top: 14rpx;
|
||||
text-align: left;
|
||||
align-self: flex-start;
|
||||
}
|
||||
// &:last-of-type .assets {
|
||||
// align-self: center;
|
||||
// margin-top: 14rpx;
|
||||
// text-align: left;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
.fans-msg-box {
|
||||
border-radius: 10rpx;
|
||||
line-height: 42rpx;
|
||||
.my-fans {
|
||||
width: 50%;
|
||||
height: 120rpx;
|
||||
}
|
||||
.line {
|
||||
width: 3rpx;
|
||||
height: 60rpx;
|
||||
background-color: #E5E5E5;
|
||||
}
|
||||
.invite-fans {
|
||||
width: 50%;
|
||||
height: 120rpx;
|
||||
}
|
||||
}
|
||||
.my-invite-box {
|
||||
padding: 26rpx 0 57rpx;
|
||||
border-radius: 10rpx;
|
||||
.invite-copy-btn {
|
||||
line-height: 30rpx;
|
||||
padding: 10rpx;
|
||||
background: linear-gradient(90deg, #FEE4B4 0%, #FBCB96 100%);
|
||||
color: #8F430E;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.my-promote-banner {
|
||||
margin-top: 30rpx;
|
||||
height: 148rpx;
|
||||
width: 542rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
.usual-tools-box {
|
||||
border-radius: 10rpx;
|
||||
padding: 0 25rpx;
|
||||
.usual-tools-header {
|
||||
height: 100rpx;
|
||||
line-height: 44rpx;
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
.usual-content {
|
||||
padding: 40rpx 0;
|
||||
.usual-item {
|
||||
width: 25%;
|
||||
.usual-item-img {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.user-apply-box {
|
||||
.user-apply-vip {
|
||||
background-color: white;
|
||||
padding: 40rpx 0 0rpx;
|
||||
border-radius: 20rpx;
|
||||
.title {
|
||||
line-height: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.explain {
|
||||
margin-top: 20rpx;
|
||||
image {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
flex: none;
|
||||
}
|
||||
span {
|
||||
font-size: 20rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
}
|
||||
.vip-form {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
margin-top: 60rpx;
|
||||
.form-item {
|
||||
padding: 24rpx 0 24rpx 30rpx;
|
||||
border: $-solid-border;
|
||||
margin: 0 34rpx 30rpx;
|
||||
.label {
|
||||
width: 150rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
input {
|
||||
flex: 1;
|
||||
font-size: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
line-height: 30rpx;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.apply-btn {
|
||||
line-height: 30rpx;
|
||||
height: 82rpx;
|
||||
}
|
||||
}
|
||||
.user-result-box {
|
||||
.user-result {
|
||||
background-color: white;
|
||||
padding: 36rpx 14rpx 50rpx;
|
||||
border-radius: 20rpx;
|
||||
.user-result-header {
|
||||
.title {
|
||||
line-height: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
}
|
||||
.user-result-content {
|
||||
padding: 60rpx 0 22rpx;
|
||||
/* margin: 0 8px; */
|
||||
width: 100%;
|
||||
border-bottom: $-solid-border;
|
||||
.apply-result-img {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
.user-result-info {
|
||||
margin-top: 42rpx;
|
||||
width: 100%;
|
||||
.info-item {
|
||||
margin-left: 60rpx;
|
||||
margin-bottom: 28rpx;
|
||||
line-height: 30rpx;
|
||||
.label {
|
||||
width: 140rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.apply-btn {
|
||||
line-height: 30rpx;
|
||||
height: 82rpx;
|
||||
}
|
||||
.bg-gray {
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main .van-cell {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .van-cell .van-cell__title {
|
||||
font-size: 30rpx;
|
||||
line-height: 30rpx;
|
||||
width: 150rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
van-field view {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
van-field textarea {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.van-field__body--textarea, .van-field__input {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
|
||||
.main .user-apply-box .apply-btn {
|
||||
line-height: 30rpx;
|
||||
height: 82rpx;
|
||||
}
|
||||
|
||||
.main .user-result-box .user-result-content .apply-fail-reason {
|
||||
color: $-color-primary;
|
||||
line-height: 36rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
/* 弹窗 */
|
||||
.inviteformContain {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
width: 580rpx;
|
||||
border-radius: 6rpx;
|
||||
background-color: $-color-white;
|
||||
}
|
||||
|
||||
.inviteformContain .title {
|
||||
padding: 26rpx 0rpx;
|
||||
}
|
||||
|
||||
.inviteformContain .modify-row {
|
||||
padding: 32rpx 0px;
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #E5E5E5;
|
||||
}
|
||||
|
||||
.inviteformContain .btn {
|
||||
height: 80rpx;
|
||||
padding: 0 180rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
/* .van-popup--center {
|
||||
border-radius: 10rpx;
|
||||
} */
|
||||
</style>
|
||||
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<view class="user-spread-month-bill">
|
||||
<view v-for="(item, index) in orderList" :key="index">
|
||||
<view class="bill-time row normal sm">
|
||||
{{item.date}}
|
||||
</view>
|
||||
<view class="show-panel row">
|
||||
<view class="panel-item column-center">
|
||||
<price-format :price="item.total_money" showSubscript :subScriptSize="26" color="#FF2C3C" :firstSize="36" :secondSize="36" />
|
||||
<view class="lighter label mt10">预估收入</view>
|
||||
</view>
|
||||
<view class="panel-item column-center">
|
||||
<view class="normal xxl">{{item.order_num}}</view>
|
||||
<view class="lighter label mt10">成交笔数</view>
|
||||
</view>
|
||||
<view class="panel-item column-center" style="align-self: flex-end;">
|
||||
<navigator hover-class="none" :url="'/bundle/pages/user_spread_month_bill_detail/user_spread_month_bill_detail?year=' + item.year + '&month=' + item.month" class="row lighter">
|
||||
查看详情<u-icon name="arrow-right" size="28rpx" color="#666666" />
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view slot="empty" class="data-null column-center">
|
||||
<image src="/static/images/order_null.png" class="img-null"></image>
|
||||
<view class="muted xs">暂无相关数据～</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getMonthBill } from "@/api/user";
|
||||
import { loadingType } from '@/utils/type';
|
||||
import {loadingFun} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.LOADING,
|
||||
page: 1,
|
||||
orderList: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getMonthBillFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getMonthBillFun()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getMonthBillFun() {
|
||||
let {
|
||||
loadingStatus,
|
||||
page,
|
||||
orderList
|
||||
} = this;
|
||||
loadingFun(getMonthBill, page, orderList, loadingStatus).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.orderList = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
.user-spread-month-bill {
|
||||
.bill-time {
|
||||
padding: 20rpx;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
.show-panel {
|
||||
background-color: white;
|
||||
padding: 36rpx 0 26rpx;
|
||||
}
|
||||
.show-panel {
|
||||
.panel-item {
|
||||
flex: 1;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-null {
|
||||
padding-top: 200rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,282 @@
|
||||
<template>
|
||||
<view class="user-spread-month-bill">
|
||||
<view class="header row white">
|
||||
<view class="header-show column-center">
|
||||
<view class="num">{{month}}</view>
|
||||
<view class="label sm row" @tap="openPop">月份 <trigonometry color="white" opacity="1"></trigonometry></view>
|
||||
</view>
|
||||
<view class="header-show column-center">
|
||||
<view class="num">{{order}}</view>
|
||||
<view class="label sm">成交笔数</view>
|
||||
</view>
|
||||
<view class="header-show column-center">
|
||||
<view>
|
||||
<price-format showSubscript :subscriptSize="26" :firstSize="42" :secondSize="42" color="#ffffff" :price="money" />
|
||||
</view>
|
||||
<view class="label sm">累计预估收益</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="order-container">
|
||||
<view v-for="(item, index) in orderList" :key="index" class="order-item bg-white mb20">
|
||||
<view class="order-header row-between">
|
||||
<view>订单编号:{{item.order_sn}}</view>
|
||||
<view class="white guide-shop-btn row-center">导购订单</view>
|
||||
</view>
|
||||
<view class="order-content row">
|
||||
<view class="order-goods-img">
|
||||
<custom-image :src="item.image" width="100%" height="100%" radius="6px" />
|
||||
</view>
|
||||
<view class="order-goods-info ml10">
|
||||
<view class="name row sm">{{item.goods_name}}</view>
|
||||
<view class="pre-income muted">预估收益
|
||||
<price-format showSubscript subScriptClass="nr" firstClass="nr" secondClass="nr" :color="primaryColor" weight="bold" :price="item.money" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-footer row-between">
|
||||
<view class="time muted">{{item.create_time}}</view>
|
||||
<view class="static" :style="'color: ' + (item.status == '待返佣' ? '#F95F2F' : '#07CE1B')">{{item.status}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<view class="xs muted">暂无账单明细</view>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
<u-select v-model="showPop" :list="months" mode="single-column" @confirm="changeMonths" ></u-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getMonthOrderDetail } from "@/api/user";
|
||||
import { loadingType } from '@/utils/type';
|
||||
const months = [];
|
||||
|
||||
for(let i = 1; i <= 12; i ++) {
|
||||
months.push({
|
||||
value: i,
|
||||
label: i + "月"
|
||||
})
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.LOADING,
|
||||
page: 1,
|
||||
orderList: [],
|
||||
month: 1,
|
||||
year: 2010,
|
||||
// 累计预估收益
|
||||
money: 0,
|
||||
// 成交笔数
|
||||
order: 0,
|
||||
// 选择器月份
|
||||
months: months,
|
||||
chooseMonth: 1,
|
||||
showPop: false
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.year = options.year;
|
||||
this.chooseMonth = [Number(options.month)]
|
||||
this.month = Number(options.month)
|
||||
},
|
||||
|
||||
|
||||
onShow: function () {
|
||||
this.getMonthOrderDetailFun();
|
||||
},
|
||||
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getMonthOrderDetailFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getMonthOrderDetailFun() {
|
||||
let {
|
||||
page,
|
||||
orderList,
|
||||
loadingStatus,
|
||||
year,
|
||||
month
|
||||
} = this;
|
||||
if (loadingStatus == loadingType.FINISHED) return;
|
||||
getMonthOrderDetail({
|
||||
page_no: page,
|
||||
year: year,
|
||||
month: month
|
||||
}).then(res => {
|
||||
if (res.code == 1) {
|
||||
let {
|
||||
more,
|
||||
list,
|
||||
total_money,
|
||||
total_order
|
||||
} = res.data;
|
||||
orderList.push(...list);
|
||||
|
||||
this.orderList = orderList;
|
||||
this.page ++;
|
||||
this.money = total_money;
|
||||
this.order = total_order
|
||||
|
||||
if (!more) {
|
||||
this.loadingStatus = loadingType.FINISHED;
|
||||
}
|
||||
|
||||
if (orderList.length <= 0) {
|
||||
this.loadingStatus = loadingType.EMPTY
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
this.loadingStatus = loadingType.ERROR
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
openPop() {
|
||||
this.showPop = true
|
||||
},
|
||||
|
||||
closePop() {
|
||||
this.showPop = false
|
||||
},
|
||||
|
||||
changeMonths(e) {
|
||||
const val = e[0].value;
|
||||
this.chooseMonth = val
|
||||
this.selectMonth()
|
||||
},
|
||||
|
||||
cleanStatus() {
|
||||
this.loadingStatus = loadingType.LOADING;
|
||||
this.page = 1;
|
||||
this.orderList = []
|
||||
},
|
||||
|
||||
selectMonth(e) {
|
||||
const {
|
||||
chooseMonth,
|
||||
month
|
||||
} = this;
|
||||
this.month = chooseMonth;
|
||||
this.showPop = false
|
||||
this.cleanStatus();
|
||||
this.getMonthOrderDetailFun();
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.user-spread-month-bill .header {
|
||||
height: 240rpx;
|
||||
background-color: $-color-primary;
|
||||
padding-top: 60rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .header .header-show {
|
||||
flex: 1;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .header .header-show .num {
|
||||
font-size: 42rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content {
|
||||
padding: 0 20rpx;
|
||||
margin-top: -60rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item {
|
||||
border-radius: 14rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-header {
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-header .guide-shop-btn {
|
||||
background: linear-gradient(80deg, #F95F2F 0%, #FF2C3C 100%);
|
||||
border-radius: 4rpx;
|
||||
width: 134rpx;
|
||||
height: 42rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-content {
|
||||
padding: 20rpx 30rpx 20rpx 20rpx;
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-img {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-info {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-info .name {
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-info .pre-income {
|
||||
line-height: 34rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-footer {
|
||||
padding: 20rpx 30rpx 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-footer .static {
|
||||
color: #F95F2F;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .content .order-container .order-item .order-footer .wait-return {
|
||||
color: #F95F2F;
|
||||
}
|
||||
|
||||
.user-spread-month-bill .pop-header {
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.content .order-container .data-null {
|
||||
padding-top: 200rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<view class="user-promote-order">
|
||||
<tabs :active="active" :line-width="40" @change="onChange">
|
||||
<tab v-for="(item, index) in order" :key="index" :title="item.name">
|
||||
<spread-order :ref="'order' + item.type" class="mt20" v-if="item.isShow" :type="item.type"></spread-order>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { userOrderPromoteOrder } from "@/utils/type";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
order: [{
|
||||
name: "全部",
|
||||
type: userOrderPromoteOrder.ALL,
|
||||
isShow: false
|
||||
}, {
|
||||
name: "待返佣",
|
||||
type: userOrderPromoteOrder.WAIT_RETURN,
|
||||
isShow: false
|
||||
}, {
|
||||
name: "已结算",
|
||||
type: userOrderPromoteOrder.HANDLED,
|
||||
isShow: false
|
||||
}, {
|
||||
name: "已失效",
|
||||
type: userOrderPromoteOrder.INVALED,
|
||||
isShow: false
|
||||
}],
|
||||
active: userOrderPromoteOrder.ALL
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
let type = parseInt(options.type) || userOrderPromoteOrder.ALL;
|
||||
this.changeShow(type);
|
||||
},
|
||||
onReachBottom: function () {
|
||||
const {active, order} = this
|
||||
this.$refs['order' + active][0].getPromoteOrderFun()
|
||||
},
|
||||
methods: {
|
||||
onChange(e) {
|
||||
this.changeShow(e);
|
||||
},
|
||||
|
||||
changeShow(type) {
|
||||
const {
|
||||
order
|
||||
} = this;
|
||||
console.log('changeShow');
|
||||
let index = order.findIndex(item => {
|
||||
return item.type == type;
|
||||
});
|
||||
console.log(index);
|
||||
|
||||
if (index != -1) {
|
||||
this.active = type;
|
||||
this.order[index].isShow = true
|
||||
console.log(this.order[index].isShow);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
/* pages/user_spread_order/user_spread_order.wxss */
|
||||
</style>
|
||||
@@ -0,0 +1,165 @@
|
||||
<template>
|
||||
<!--pages/user_wallet/user_wallet.wxml-->
|
||||
<view class="user-wallet">
|
||||
<view class="contain bg-white mb20">
|
||||
<view class="header">
|
||||
<view class="white mb20">
|
||||
<view class="xs">总资产（元）</view>
|
||||
<view style="font-size: 76rpx">{{wallet.user_money}}</view>
|
||||
</view>
|
||||
<view class="money white row">
|
||||
<view class="item">
|
||||
<view class="xs">累计充值(元)</view>
|
||||
<view style="font-size: 38rpx">{{wallet.total_recharge_amount || 0}}</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="xs">累计消费(元)</view>
|
||||
<view style="font-size: 38rpx">{{wallet.total_order_amount || 0}}</view>
|
||||
</view>
|
||||
<navigator v-if="wallet.open_racharge" style="height: 58rpx;" hover-class="none" url="/bundle/pages/user_payment/user_payment" class="row-center primary bg-white br60 btn" size="xs">充值</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav row">
|
||||
<navigator class="nav-item column-center" hover-class="none" url="/bundle/pages/balance_transfer/balance_transfer">
|
||||
<image src="../../static/images/icon_yezz.png"></image>
|
||||
<view class="mt10">余额转账</view>
|
||||
</navigator>
|
||||
<navigator class="nav-item column-center" hover-class="none" url="/bundle/pages/user_bill/user_bill?type=0">
|
||||
<image src="../../static/images/icon_zhmx.png"></image>
|
||||
<view class="mt10">账户明细</view>
|
||||
</navigator>
|
||||
|
||||
<navigator class="nav-item column-center" hover-class="none" url="/bundle/pages/transfer_record/transfer_record">
|
||||
<image src="../../static/images/icon_zzjl.png"></image>
|
||||
<view class="mt10">转账记录</view>
|
||||
</navigator>
|
||||
<navigator class="nav-item column-center" hover-class="none" url="/bundle/pages/recharge_code/recharge_code">
|
||||
<image src="../../static/images/icon_czjl.png"></image>
|
||||
<view class="mt10">充值记录</view>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="activity">
|
||||
<view class="activity-title xl row">
|
||||
<view class="mr20" style="width: 6rpx;height: 30rpx;background-color: #FF2C3C;"></view> 热门活动
|
||||
</view>
|
||||
<view class="activity-item row-between">
|
||||
<view>
|
||||
<view class="xl normal" style="font-weight: 500;">会员积分 限时兑换</view>
|
||||
<view class="muted sm mt10">积分签到抵现金</view>
|
||||
<navigator class="br60 bg-primary white join-btn row-center" url="/bundle/pages/user_sign/user_sign" hover-class="none">立即参与</navigator>
|
||||
</view>
|
||||
<image style="width:274rpx;height: 210rpx;" src="../../static/images/img_activity_jifen.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getWallet } from '@/api/user';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
wallet: {}
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
|
||||
},
|
||||
props: {},
|
||||
|
||||
|
||||
onShow: function () {
|
||||
this.getWalletFun();
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
getWalletFun() {
|
||||
getWallet().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.wallet = res.data
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.user-wallet {
|
||||
.contain {
|
||||
padding: 20rpx 30rpx 36rpx;
|
||||
.header {
|
||||
position: relative;
|
||||
background:linear-gradient(180deg,rgba(255,44,60,1) 0%,rgba(255,49,106,1) 100%);
|
||||
border-radius: 20rpx;
|
||||
height: 320rpx;
|
||||
padding: 50rpx 30rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
.money {
|
||||
.item {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 50rpx;
|
||||
padding: 0 51rpx;
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
.nav-item {
|
||||
width: 25%;
|
||||
padding: 40rpx 0;
|
||||
image {
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.activity {
|
||||
padding: 40rpx 0rpx;
|
||||
.activity-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.activity-item {
|
||||
padding: 15rpx 40rpx;
|
||||
box-shadow: 0px 0rpx 20rpx rgba(0, 0, 0, 0.16);
|
||||
margin-top: 34rpx;
|
||||
.join-btn {
|
||||
height: 52rpx;
|
||||
width: 156rpx;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,442 @@
|
||||
<template>
|
||||
<view class="user-withdraw">
|
||||
<view class="user-tab-container">
|
||||
<tabs :active="active" :line-width="40" @change="onChange" :config="{itemWidth: 200}">
|
||||
<tab :title="item.name" :name="item.value" v-for="(item, index) in widthDrawWay" :key="index">
|
||||
<template v-if="item.value == 1 || item.value == 2">
|
||||
<view class="bg-white withdraw-container mt20">
|
||||
<view class="input row-center">
|
||||
<view style="font-size: 23px;align-self: flex-end;margin-bottom: 5px">¥</view>
|
||||
<input v-model="money" placeholder="0.00"></input>
|
||||
<view class="column" style="flex: none;">
|
||||
<view class="xs primary" style="text-align: right;" @tap="allWithdraw">全部提现</view>
|
||||
<view class="xs" style="color: #BBBBBB">可提现余额￥{{widthDrawConfig.able_withdraw}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips mt20 muted row xs" v-if="item.value == 2">
|
||||
提示：提现需扣除服务费{{widthDrawConfig.poundage_percent}}%，请自行缴纳税款
|
||||
<!-- <view class="primary ml10">¥ {{widthDrawConfig.able_withdraw}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="withdraw-btn bg-primary lg white row-center" @tap="applyWithdrawFun(item.value)">
|
||||
确认提现</view>
|
||||
<navigator url="/bundle/pages/user_withdraw_code/user_withdraw_code" hover-class="none"
|
||||
class="mt20 nr lighter row-center">提现记录</navigator>
|
||||
</template>
|
||||
<template v-if="item.value == 3">
|
||||
<view class="bg-white form-container">
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">微信账号</view>
|
||||
<input v-model="account" placeholder="请输入微信账号"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">真实姓名</view>
|
||||
<input v-model="realName" placeholder="请输入真实姓名"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">备注</view>
|
||||
<input v-model="remark" placeholder="（选填）"></input>
|
||||
</view>
|
||||
<view class="uploader-container row mt20">
|
||||
<uploader @after-read="afterRead" :file-list="fileList" :max-upload="1"
|
||||
:deletable="true" useSlot @delete="handleDelete">
|
||||
<view>
|
||||
<view class="upload-area row-center">
|
||||
<image src="/static/images/uploader_icon.png"></image>
|
||||
</view>
|
||||
<view class="mt10 normal nr" style="line-height: 36rpx;text-align: center;">
|
||||
微信收款码</view>
|
||||
</view>
|
||||
</uploader>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-white withdraw-container mt10">
|
||||
<view class="input row-center">
|
||||
<view style="font-size: 23px;align-self: flex-end;margin-bottom: 5px">¥</view>
|
||||
<input v-model="money" placeholder="0.00"></input>
|
||||
<view class="column" style="flex: none;">
|
||||
<view class="xs primary" style="text-align: right;" @tap="allWithdraw">全部提现</view>
|
||||
<view class="xs" style="color: #BBBBBB">可提现余额￥{{widthDrawConfig.able_withdraw}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips mt10 muted row xs">
|
||||
提示：提现需扣除服务费{{widthDrawConfig.poundage_percent}}%，请自行缴纳税款
|
||||
<!-- <view class="primary ml5">¥ {{widthDrawConfig.able_withdraw}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="withdraw-btn bg-primary lg white row-center" @tap="applyWithdrawFun(item.value)">
|
||||
确认提现</view>
|
||||
<navigator url="/bundle/pages/user_withdraw_code/user_withdraw_code" hover-class="none"
|
||||
class="mt20 nr lighter row-center">提现记录</navigator>
|
||||
</template>
|
||||
<template v-if="item.value == 4">
|
||||
<view class="bg-white form-container">
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">支付宝账号</view>
|
||||
<input v-model="account" placeholder="请输入支付宝账号"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">真实姓名</view>
|
||||
<input v-model="realName" placeholder="请输入真实姓名"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">备注</view>
|
||||
<input v-model="remark" placeholder="（选填）"></input>
|
||||
</view>
|
||||
<view class="uploader-container row mt20">
|
||||
<uploader @after-read="afterRead" :file-list="fileList" :max-upload="1"
|
||||
:deletable="true" useSlot @delete="handleDelete">
|
||||
<view class="column-center">
|
||||
<view class="upload-area row-center">
|
||||
<image src="/static/images/uploader_icon.png"></image>
|
||||
</view>
|
||||
<view class="mt10 normal nr" style="line-height: 36rpx;text-align: center;">
|
||||
支付宝收款码</view>
|
||||
</view>
|
||||
</uploader>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-white withdraw-container mt10">
|
||||
<view class="input row-center">
|
||||
<view style="font-size: 23px;align-self: flex-end;margin-bottom: 5px">¥</view>
|
||||
<input v-model="money" placeholder="0.00"></input>
|
||||
<view class="column" style="flex: none;">
|
||||
<view class="xs primary" style="text-align: right;" @tap="allWithdraw">全部提现</view>
|
||||
<view class="xs" style="color: #BBBBBB">可提现余额￥{{widthDrawConfig.able_withdraw}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips mt10 muted row xs">
|
||||
提示：提现需扣除服务费{{widthDrawConfig.poundage_percent}}%，请自行缴纳税款
|
||||
<!-- <view class="primary ml5">¥ {{widthDrawConfig.able_withdraw}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="withdraw-btn bg-primary lg white row-center" @tap="applyWithdrawFun(item.value)">
|
||||
确认提现</view>
|
||||
<navigator url="/bundle/pages/user_withdraw_code/user_withdraw_code" hover-class="none"
|
||||
class="mt20 nr lighter row-center">
|
||||
提现记录
|
||||
</navigator>
|
||||
</template>
|
||||
<template v-if="item.value == 5">
|
||||
<view class="bg-white form-container">
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">银行卡账号</view>
|
||||
<input v-model="account" placeholder="请输入银行卡账号"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">真实姓名</view>
|
||||
<input v-model="realName" placeholder="请输入真实姓名"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">提现银行</view>
|
||||
<input v-model="bank" placeholder="请输入提现银行"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">银行支行</view>
|
||||
<input v-model="subbank" placeholder="请输入银行支行"></input>
|
||||
</view>
|
||||
<view class="input-item row md">
|
||||
<view class="input-label ">备注</view>
|
||||
<input v-model="remark" placeholder="（选填）"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-white withdraw-container mt10">
|
||||
<view class="input row-center">
|
||||
<view style="font-size: 23px;align-self: flex-end;margin-bottom: 5px">¥</view>
|
||||
<input v-model="money" placeholder="0.00"></input>
|
||||
<view class="column" style="flex: none;">
|
||||
<view class="xs primary" style="text-align: right;" @tap="allWithdraw">全部提现</view>
|
||||
<view class="xs" style="color: #BBBBBB">可提现余额￥{{widthDrawConfig.able_withdraw}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips mt10 muted row xs">
|
||||
提示：提现需扣除服务费{{widthDrawConfig.poundage_percent}}%，请自行缴纳税款
|
||||
<!-- <view class="primary ml5">¥ {{widthDrawConfig.able_withdraw}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="withdraw-btn bg-primary lg white row-center" @tap="applyWithdrawFun(item.value)">
|
||||
确认提现</view>
|
||||
<navigator url="/bundle/pages/user_withdraw_code/user_withdraw_code" hover-class="none"
|
||||
class="mt20 nr lighter row-center">
|
||||
提现记录
|
||||
</navigator>
|
||||
</template>
|
||||
</tab>
|
||||
</tabs>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | LikeShop100%开源免费商用电商系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | 开源版本可自由商用，保留版权即可
|
||||
// | 商业版本务必购买商业授权，以免引起法律纠纷
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | Gitee下载：https://gitee.com/likeshop_gitee/likeshop
|
||||
// | 访问官网：https://www.likemarket.net
|
||||
// | 访问社区：https://home.likemarket.net
|
||||
// | 访问手册：http://doc.likemarket.net
|
||||
// | 微信公众号：好象科技
|
||||
// | 好象科技开发团队 版权所有 拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: LikeShopTeam
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
applyWithdraw,
|
||||
getWithdrawConfig
|
||||
} from "@/api/user";
|
||||
import {
|
||||
uploadFile,
|
||||
trottle
|
||||
} from "@/utils/tools";
|
||||
import {
|
||||
baseURL
|
||||
} from '@/config/app';
|
||||
import {
|
||||
withdrawType
|
||||
} from "@/utils/type"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: 0,
|
||||
money: '',
|
||||
account: '',
|
||||
realName: '',
|
||||
bank: '',
|
||||
subbank: '',
|
||||
qrCode: '',
|
||||
remark: '',
|
||||
fileList: [],
|
||||
widthDrawConfig: {},
|
||||
widthDrawWay: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.getWithdrawConfigFun();
|
||||
this.applyWithdrawFun = trottle(this.applyWithdrawFun, 1000, this)
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
allWithdraw(e) {
|
||||
const {
|
||||
widthDrawConfig
|
||||
} = this;
|
||||
console.log(widthDrawConfig, "widthDrawConfig")
|
||||
this.money = widthDrawConfig.able_withdraw.toString()
|
||||
},
|
||||
|
||||
onChange(e) {
|
||||
this.active = e
|
||||
this.account = "";
|
||||
this.realName = "";
|
||||
this.qrCode = "";
|
||||
this.remark = ""
|
||||
this.fileList = [];
|
||||
},
|
||||
|
||||
getWithdrawConfigFun() {
|
||||
getWithdrawConfig().then(res => {
|
||||
if (res.code == 1) {
|
||||
this.widthDrawConfig = res.data
|
||||
this.widthDrawWay = res.data.type
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
afterRead(e) {
|
||||
const file = e;
|
||||
uni.showLoading({
|
||||
title: '正在上传中...',
|
||||
mask: true
|
||||
});
|
||||
file.forEach(item => {
|
||||
uploadFile(item.path).then(res => {
|
||||
uni.hideLoading();
|
||||
this.fileList.push(res);
|
||||
this.qrCode = res.url;
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
handleDelete(index) {
|
||||
this.fileList.splice(index, 1)
|
||||
},
|
||||
|
||||
// 申请提现
|
||||
applyWithdrawFun(type) {
|
||||
let {
|
||||
active,
|
||||
account,
|
||||
realName,
|
||||
qrCode,
|
||||
remark,
|
||||
money,
|
||||
bank,
|
||||
subbank,
|
||||
widthDrawWay
|
||||
} = this;
|
||||
console.log(realName, "###", active, "###", money);
|
||||
|
||||
switch (parseInt(type)) {
|
||||
case withdrawType.ACCOUNT:
|
||||
break;
|
||||
case withdrawType.WECHAT:
|
||||
break
|
||||
case withdrawType.PAY_WECHAT:
|
||||
case withdrawType.PAY_ALIPAY:
|
||||
if (!account) return this.$toast({
|
||||
title: '请输入账户信息'
|
||||
})
|
||||
if (!realName) return this.$toast({
|
||||
title: '请输入真实姓名'
|
||||
})
|
||||
if (!qrCode) return this.$toast({
|
||||
title: '请上传收款码'
|
||||
})
|
||||
break;
|
||||
case withdrawType.BANK:
|
||||
if (!account) return this.$toast({
|
||||
title: '请输入账户信息'
|
||||
})
|
||||
if (!realName) return this.$toast({
|
||||
title: '请输入真实姓名'
|
||||
})
|
||||
if (!bank) return this.$toast({
|
||||
title: '请输入提现银行'
|
||||
})
|
||||
if (!subbank) return this.$toast({
|
||||
title: '请输入银行支行'
|
||||
})
|
||||
}
|
||||
|
||||
if (!money) {
|
||||
this.$toast({
|
||||
title: '请输入提现金额'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const data = {
|
||||
type: widthDrawWay[active].value,
|
||||
money: money,
|
||||
account: account,
|
||||
real_name: realName,
|
||||
money_qr_code: qrCode,
|
||||
remark: remark,
|
||||
bank,
|
||||
subbank
|
||||
};
|
||||
applyWithdraw(data).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: '提交成功'
|
||||
}, {
|
||||
tab: 2,
|
||||
url: '/bundle/pages/widthdraw_result/widthdraw_result?id=' + res.data.id
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.van-tabs .van-tabs__wrap {
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.van-tabs__line {
|
||||
background: linear-gradient(90deg, #F79C0C 0%, #FF2C3C 100%);
|
||||
bottom: 8rpx !important;
|
||||
/* width: 50rpx !important; */
|
||||
height: 6rpx !important;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
|
||||
.user-withdraw {
|
||||
.user-tab-container {
|
||||
padding: 20rpx 30rpx;
|
||||
|
||||
::v-deep .scroll-view-h {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.withdraw-container {
|
||||
padding: 52rpx 72rpx;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.input {
|
||||
border-bottom: $-solid-border;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 94rpx;
|
||||
text-align: left;
|
||||
font-size: 66rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.withdraw-btn {
|
||||
background: linear-gradient(80deg, #F95F2F 0%, #FF2C3C 100%);
|
||||
line-height: 44rpx;
|
||||
height: 84rpx;
|
||||
margin-top: 30rpx;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
border-radius: 20rpx;
|
||||
padding: 0 36rpx 26rpx;
|
||||
line-height: 36rpx;
|
||||
margin-top: 10rpx;
|
||||
|
||||
.input-item {
|
||||
padding: 28rpx 0 30rpx;
|
||||
border-bottom: $-solid-border;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
width: 200rpx;
|
||||
text-align: left;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.uploader-container {
|
||||
.upload-area {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border: 4rpx dashed #E5E5E5;
|
||||
border-radius: 10rpx;
|
||||
|
||||
image {
|
||||
width: 54rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<view class="user-withdraw-code">
|
||||
<view class="withdraw-code-container mt10">
|
||||
<view class="withdraw-code-contain">
|
||||
<navigator v-for="(item, index) in withdrawRecords" :key="index" class="withdraw-code-item bg-white" hover-class="none"
|
||||
:url="`/bundle/pages/widthdraw_result/widthdraw_result?id=${item.id}&type=1`">
|
||||
<view class="row-between">
|
||||
<view>{{item.desc}}</view>
|
||||
<price-format showSubscript :subScriptSize="26" :firstSize="36" :secondSize="36" :price="item.left_money" />
|
||||
</view>
|
||||
<view class="row-between mt10">
|
||||
<view class="muted xs time">{{item.create_time}}</view>
|
||||
<view class="withdraw-status xs" :class="{'error-status' : item.status == 2 || item.status == 4, 'common-status': item.status == 3}">{{item.status_text}}</view>
|
||||
</view>
|
||||
<view v-if="item.description && item.status == 4" class="primary mt10 line1 xs">{{item.description}}</view>
|
||||
</navigator>
|
||||
</view>
|
||||
<loading-footer :status="loadingStatus" slotEmpty>
|
||||
<view class="data-null column-center" slot="empty">
|
||||
<image src="/static/images/order_null.png" class="img-null"></image>
|
||||
<text class="muted">暂无提现记录～</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | likeshop开源商城系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||||
// | github下载：https://github.com/likeshop-github
|
||||
// | 访问官网：https://www.likeshop.cn
|
||||
// | 访问社区：https://home.likeshop.cn
|
||||
// | 访问手册：http://doc.likeshop.cn
|
||||
// | 微信公众号：likeshop技术社区
|
||||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | likeshop团队版权所有并拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | author: likeshop.cn.team
|
||||
// +----------------------------------------------------------------------
|
||||
import { getWithdrawRecords } from '@/api/user';
|
||||
import { loadingType } from '@/utils/type.js';
|
||||
import {loadingFun} from "@/utils/tools"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.LOADING,
|
||||
page: 1,
|
||||
withdrawRecords: []
|
||||
};
|
||||
},
|
||||
|
||||
components: {
|
||||
},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getWithdrawRecordsFun();
|
||||
},
|
||||
|
||||
onReachBottom: function () {
|
||||
this.getWithdrawRecordsFun()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getWithdrawRecordsFun() {
|
||||
let {
|
||||
loadingStatus,
|
||||
withdrawRecords,
|
||||
page
|
||||
} = this;
|
||||
|
||||
loadingFun(getWithdrawRecords, page, withdrawRecords, loadingStatus).then(res => {
|
||||
if(res) {
|
||||
this.page = res.page;
|
||||
this.withdrawRecords = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.user-withdraw-code {
|
||||
.withdraw-code-container {
|
||||
.withdraw-code-item {
|
||||
padding: 24rpx 30rpx;
|
||||
.time {
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.withdraw-status {
|
||||
color: #0CC21E;
|
||||
}
|
||||
.common-status {
|
||||
color: #666666;
|
||||
}
|
||||
.error-status {
|
||||
color: $-color-primary;
|
||||
}
|
||||
&:not(:last-of-type) {
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-null {
|
||||
padding-top: 200rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<view class="pay-result">
|
||||
<view class="contain bg-white">
|
||||
<view style="border-top: 1rpx solid transparent;">
|
||||
<view class="header column-center">
|
||||
<view>
|
||||
<image class="tips-icon" :src="getStatusImg"></image>
|
||||
</view>
|
||||
<view class="xl mt20 line1">{{widthdrawInfo.statusDesc}}</view>
|
||||
</view>
|
||||
<view class="column-center mt10">
|
||||
<price-format :price="widthdrawInfo.money" color="#FF2C3C" showSubscript subscriptSize="30"
|
||||
firstSize="46" secondSize="46" weight="500" />
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="order-num row-between mt20">
|
||||
<view class="ml20">流水号</view>
|
||||
<view class="mr20">
|
||||
{{widthdrawInfo.sn}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="widthdrawInfo.create_time" class="order-time row-between mt20">
|
||||
<view class="ml20">提交时间</view>
|
||||
<view class="mr20">{{widthdrawInfo.create_time}}</view>
|
||||
</view>
|
||||
<view class="order-pay-type row-between mt20">
|
||||
<view class="ml20">提现至</view>
|
||||
<view class="mr20">{{widthdrawInfo.typeDesc}}</view>
|
||||
</view>
|
||||
<view class="order-pay-money row-between mt20">
|
||||
<view class="ml20">服务费</view>
|
||||
<view class="mr20">
|
||||
<price-format :price="widthdrawInfo.poundage" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-pay-money row-between mt20">
|
||||
<view class="ml20">实际到账</view>
|
||||
<view class="mr20">
|
||||
<price-format :price="widthdrawInfo.left_money" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="line ml20" v-if="!type"></view>
|
||||
<view class="opt-btn-contain row-center wrap" v-if="!type">
|
||||
<navigator hover-class="none" class="check-order-btn row-center bg-primary br60 mt20"
|
||||
url="/bundle/pages/user_withdraw_code/user_withdraw_code">
|
||||
<view class="white bg-primary lg">查看历史提现记录</view>
|
||||
</navigator>
|
||||
<navigator hover-class="none" class="go-back-btn row-center br60 mt20" open-type="switchTab"
|
||||
url="/pages/index/index">
|
||||
<view class="primary br60 lg">返回首页</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="muted mt20 row-center xs">* 审核通过后约72小时内到账，请留意账户明细</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | LikeShop100%开源免费商用电商系统
|
||||
// +----------------------------------------------------------------------
|
||||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||||
// | 开源版本可自由商用，保留版权即可
|
||||
// | 商业版本务必购买商业授权，以免引起法律纠纷
|
||||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||||
// | Gitee下载：https://gitee.com/likeshop_gitee/likeshop
|
||||
// | 访问官网：https://www.likemarket.net
|
||||
// | 访问社区：https://home.likemarket.net
|
||||
// | 访问手册：http://doc.likemarket.net
|
||||
// | 微信公众号：好象科技
|
||||
// | 好象科技开发团队 版权所有 拥有最终解释权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: LikeShopTeam
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getWithdrawDetail
|
||||
} from '@/api/user';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
widthdrawInfo: {},
|
||||
type: ""
|
||||
};
|
||||
},
|
||||
|
||||
components: {},
|
||||
props: {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
this.id = options.id;
|
||||
this.type = options.type
|
||||
this.getWithdrawDetailFun();
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
getWithdrawDetailFun() {
|
||||
getWithdrawDetail({
|
||||
id: this.id
|
||||
}).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.widthdrawInfo = res.data
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
computed: {
|
||||
getStatusImg() {
|
||||
switch (this.widthdrawInfo.status) {
|
||||
case 1:
|
||||
"";
|
||||
case 2:
|
||||
return '../../static/images/icon_cashOut_wait.png';
|
||||
case 3:
|
||||
return '/static/images/icon_paySuccess.png';
|
||||
case 4:
|
||||
return '../../static/images/icon_payFail.png';
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.pay-result {
|
||||
overflow: hidden;
|
||||
|
||||
.contain {
|
||||
/* height: 732rpx; */
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 78rpx;
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
padding-bottom: 40rpx;
|
||||
position: relative;
|
||||
|
||||
.tips-icon {
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
}
|
||||
|
||||
.header {
|
||||
margin-top: -56rpx;
|
||||
}
|
||||
|
||||
.info {
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
.order-num {
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.opt-btn-contain {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.check-order-btn {
|
||||
width: 650rpx;
|
||||
height: 84rpx;
|
||||
}
|
||||
|
||||
.go-back-btn {
|
||||
width: 650rpx;
|
||||
height: 84rpx;
|
||||
border: solid 1rpx $-color-primary;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 650rpx;
|
||||
border-top: 1px solid rgba(229, 229, 229, 1);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,85 @@
|
||||
<template>
|
||||
<view class="win-prize-code">
|
||||
<view class="goods-list">
|
||||
<view class="" v-for="(item, index) in bargainGoods" :key="index">
|
||||
<view class="bg-white row code-item">
|
||||
<u-image :src="item.prize_image" width="90rpx" height="90rpx" mode="aspectFill" radius="6rpx"></u-image>
|
||||
<view class="ml20 desc">
|
||||
<view class="nr line1 bold">{{item.title}}</view>
|
||||
<view class="mt10 row-between">
|
||||
<view class="xs lighter">抽奖时间：{{item.create_time}}</view>
|
||||
<!-- <view class="xs">+100</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer slotEmpty :status="loadingStatus">
|
||||
<view style="padding-top: 200rpx;" class="data-null column-center" slot="empty">
|
||||
<image src="../../../static/images/order_null.png" class="img-null"></image>
|
||||
<text class="xs muted">暂无中奖名单</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
loadingType
|
||||
} from '@/utils/type';
|
||||
import {
|
||||
loadingFun
|
||||
} from "@/utils/tools"
|
||||
import {
|
||||
luckyDrawWinningList
|
||||
} from "@/api/user";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loadingStatus: loadingType.EMPTY,
|
||||
page: 1,
|
||||
bargainGoods: [], // 记录列表
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 上拉加载
|
||||
getLists() {
|
||||
let {
|
||||
loadingStatus,
|
||||
bargainGoods,
|
||||
page
|
||||
} = this;
|
||||
|
||||
loadingFun(luckyDrawWinningList, page, bargainGoods, loadingStatus).then(res => {
|
||||
if (res) {
|
||||
this.page = res.page;
|
||||
this.bargainGoods = res.dataList
|
||||
this.loadingStatus = res.status
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getLists()
|
||||
},
|
||||
onReachBottom() {
|
||||
this.getLists();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.goods-list {
|
||||
margin: 0 20rpx;
|
||||
// margin-top: 20rpx;
|
||||
|
||||
.code-item {
|
||||
margin-top: 20rpx;
|
||||
padding: 26rpx 24rpx;
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 550rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,107 @@
|
||||
<template>
|
||||
<view class="writeoff-order">
|
||||
|
||||
<template v-if="detail.id">
|
||||
<view class="list">
|
||||
<view class="item bg-white">
|
||||
<view class="row-between title">
|
||||
<view>联系人：{{detail.consignee}}</view>
|
||||
<view :class="[detail.verification_status == 0 ? 'primary' : 'muted']">{{detail.verification_status_desc}}</view>
|
||||
</view>
|
||||
<order-goods :list="detail.order_goods"></order-goods>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btns">
|
||||
<button class="bg-primary br60 white btn" size="lg" @tap="showModal=true">已提货</button>
|
||||
<navigator class="mt20" open-type="navigateBack" :delta="1" hover-class="none">
|
||||
<button class="bg-white br60 btn" size="lg">返回核销列表</button>
|
||||
</navigator>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="column-center" style="padding-top: 200rpx">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="lighter">抱歉，该订单不存在！</text>
|
||||
<view class="btns" style="margin-top: 100rpx;">
|
||||
<navigator style="width: 100%;" open-type="navigateBack" :delta="1" hover-class="none">
|
||||
<button class="bg-primary br60 white" size="lg">返回核销列表</button>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<u-modal ref="uModalInput" v-model="showModal" show-cancel-button :confirm-color="primaryColor"
|
||||
confirm-text="确定" @confirm="handleVerificationConfirm" title="确认核销" content="是否确认核销？">
|
||||
</u-modal>
|
||||
|
||||
<loading-view v-if="isFirstLoading"></loading-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
verificationConfirm,
|
||||
verification
|
||||
} from '@/api/order'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
detail: {},
|
||||
showModal: false,
|
||||
isFirstLoading: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
verificationFun() {
|
||||
verification({
|
||||
pickup_code: this.code
|
||||
}).then(res => {
|
||||
this.isFirstLoading = false
|
||||
if(res.code == 1) {
|
||||
this.detail = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
handleVerificationConfirm() {
|
||||
verificationConfirm({
|
||||
id: this.detail.id
|
||||
}).then(res => {
|
||||
if(res.code == 1) {
|
||||
uni.$emit('refreshverify')
|
||||
this.$toast({
|
||||
title: res.msg
|
||||
}, {
|
||||
tab: 3,
|
||||
url: 1
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
async onLoad(options) {
|
||||
this.code = options.code
|
||||
this.verificationFun()
|
||||
console.log(options)
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.writeoff-order {
|
||||
.list {
|
||||
padding: 20rpx;
|
||||
.item {
|
||||
border-radius: 10rpx;
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.title {
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
width: 100%;
|
||||
padding: 0 40rpx 50rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<view class="writeoff-order">
|
||||
<u-tabs :list="order" :active-color="primaryColor" inactive-color="#333" :is-scroll="false" :current="current"
|
||||
@change="changeCurrent"></u-tabs>
|
||||
<view class="list">
|
||||
<view class="item bg-white" v-for="(item, index) in orderList" :key="index">
|
||||
<view class="row-between title">
|
||||
<view>联系人：{{item.consignee}}</view>
|
||||
<view :class="[item.verification_status == 0 ? 'primary' : 'muted']">{{item.verification_status_desc}}</view>
|
||||
</view>
|
||||
<order-goods :list="item.order_goods"></order-goods>
|
||||
</view>
|
||||
</view>
|
||||
<loading-footer :status="status" :slot-empty="true" @refresh="reflesh">
|
||||
<view slot="empty" class="column-center" style="padding-top: 200rpx">
|
||||
<image class="img-null" src="/static/images/order_null.png"></image>
|
||||
<text class="lighter">暂无订单</text>
|
||||
</view>
|
||||
</loading-footer>
|
||||
<view class="btns row-between">
|
||||
<button class="bg-primary br60 white btn" size="lg" @tap="onScanCode">扫码核销</button>
|
||||
<button class="bg-primary br60 white btn ml20" size="lg" @tap="showModal=true">手动核销</button>
|
||||
</view>
|
||||
<u-modal ref="uModalInput" v-model="showModal" show-cancel-button :confirm-color="primaryColor"
|
||||
confirm-text="确定" @confirm="onConfirm" title="手动核销">
|
||||
<view class="slot-content row-center" style="padding: 40rpx;">
|
||||
<u-input type="number" v-model="code" :border="true" placeholder="请输入核销码" style="width: 100%" />
|
||||
</view>
|
||||
</u-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getVerifyLists,
|
||||
verification
|
||||
} from '@/api/order'
|
||||
import {
|
||||
loadingType
|
||||
} from '@/utils/type';
|
||||
import {
|
||||
loadingFun,
|
||||
isWeixinClient
|
||||
} from '@/utils/tools';
|
||||
import wechath5 from '@/utils/wechath5'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
orderList: [],
|
||||
status: loadingType.LOADING,
|
||||
current: 0,
|
||||
showModal: false,
|
||||
code: '',
|
||||
order: [{
|
||||
name: '待核销',
|
||||
type: 0
|
||||
}, {
|
||||
name: '已核销',
|
||||
type: 1
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
reflesh() {
|
||||
this.page = 1
|
||||
this.orderList = []
|
||||
this.status = loadingType.LOADING
|
||||
this.getVerifyListsFun();
|
||||
},
|
||||
changeCurrent(current) {
|
||||
this.current = current
|
||||
this.reflesh()
|
||||
},
|
||||
onScanCode() {
|
||||
// #ifdef H5
|
||||
if(!isWeixinClient()) return this.$toast({title: 'h5暂不支持扫码'})
|
||||
wechath5.scanQRCode().then(res => {
|
||||
this.toDetail(res)
|
||||
})
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
uni.scanCode({
|
||||
scanType: ['qrCode'],
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
this.toDetail(res.result)
|
||||
},
|
||||
fail: (res) => {
|
||||
console.log(res)
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
},
|
||||
async getVerifyListsFun() {
|
||||
let {
|
||||
page,
|
||||
orderList,
|
||||
status,
|
||||
current,
|
||||
order
|
||||
} = this;
|
||||
const type = order[current].type
|
||||
const data = await loadingFun(getVerifyLists, page, orderList, status, {
|
||||
type
|
||||
})
|
||||
if (!data) return
|
||||
this.page = data.page
|
||||
this.orderList = data.dataList
|
||||
this.status = data.status
|
||||
},
|
||||
onConfirm() {
|
||||
if(this.code === '') return this.$toast({title: '请输入核销码'})
|
||||
this.toDetail(this.code)
|
||||
},
|
||||
toDetail(code) {
|
||||
this.code = ''
|
||||
uni.navigateTo({
|
||||
url: `/bundle/pages/writeoff_detail/writeoff_detail?code=${code}`,
|
||||
})
|
||||
}
|
||||
},
|
||||
async onLoad() {
|
||||
uni.$on("refreshverify", () => {
|
||||
this.reflesh()
|
||||
})
|
||||
this.getVerifyListsFun()
|
||||
},
|
||||
onUnload() {
|
||||
uni.$off('refreshverify')
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.reflesh()
|
||||
},
|
||||
|
||||
onReachBottom: function() {
|
||||
this.getVerifyListsFun()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.writeoff-order {
|
||||
padding-bottom: 120rpx;
|
||||
.list {
|
||||
padding: 20rpx;
|
||||
.item {
|
||||
border-radius: 10rpx;
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.title {
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
position: fixed;
|
||||
bottom: env(safe-area-inset-bottom);
|
||||
width: 100%;
|
||||
padding: 20rpx 25rpx;
|
||||
|
||||
.btn {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 509 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
Binary file not shown.
|
After Width: | Height: | Size: 440 B |
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
Binary file not shown.
|
After Width: | Height: | Size: 757 B |
Binary file not shown.
|
After Width: | Height: | Size: 730 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 914 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 666 B |
Binary file not shown.
|
After Width: | Height: | Size: 556 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 691 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 204 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 141 B |
Binary file not shown.
|
After Width: | Height: | Size: 653 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 987 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Reference in new issue
Block a user