Feat:寻看点和抽奖
This commit is contained in:
lifizer
@@ -65,7 +65,10 @@ export default {
|
||||
noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
|
||||
auto: true,
|
||||
empty: {
|
||||
tip: '暂无银行卡' // 提示
|
||||
tip: '', // 提示
|
||||
icon:this.$VUE_APP_RESOURCES_URL+'/20240102232713117485.png',
|
||||
width:458,
|
||||
height:356
|
||||
// btnText:'点击刷新'
|
||||
}
|
||||
},
|
||||
|
||||
@@ -0,0 +1,551 @@
|
||||
<template>
|
||||
<view v-if="ready">
|
||||
|
||||
<view class="my-tabs flex jc-between">
|
||||
<view class="tab-item flex jc-center ai-center"
|
||||
:class="{'active':tabsIndex===index,'has-vertical':tabsVertical===index}" v-for="(item,index) in tabs"
|
||||
:key="index" @click="changeTabs(index)">
|
||||
{{ item.label }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="manage flex jc-end ai-center" @click="changeManage">
|
||||
<image :src="webUrl+'/20240107224533038041.png'" mode="scaleToFill"/>
|
||||
管理
|
||||
</view>
|
||||
<!--商品列表-->
|
||||
<scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y
|
||||
@scrolltolower="fetchProduct()" v-if="tabsIndex===0">
|
||||
<view class="tc" style="margin-top: 200rpx;" v-if="productList.length===0">
|
||||
<image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
|
||||
</view>
|
||||
|
||||
<view class="item-commodity flex ai-center" v-for="(item,index) in productList" :key="index">
|
||||
<CheckboxIcon style="margin-right: 16rpx;" :default-state="item['state']" :mark="[index]" @change="onChange"
|
||||
v-if="isManage"/>
|
||||
<image class="cover flex-0" :src="item['image']" mode="scaleToFill" @click="navToGoods(item['productId'])"/>
|
||||
|
||||
<view>
|
||||
<view class="more-t bold">{{ item['storeName'] }}</view>
|
||||
<view class="sub">规格:{{ item['sku'] }}</view>
|
||||
<view class="flex jc-between ai-end">
|
||||
<view class="price flex ai-end">
|
||||
<text style="color:#E92727">￥</text>
|
||||
<text style="color:#E92727;font-size: 32rpx;line-height: 48rpx">{{ item['price'] }}</text>
|
||||
<text style="margin-left: 10rpx;text-decoration:line-through">￥{{ item['otPrice'] }}</text>
|
||||
</view>
|
||||
<view class="cart flex jc-center ai-center">
|
||||
<image :src="webUrl+'/20240107224527293534.png'" mode="scaleToFill" @click="addCart(item)"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!--店铺列表-->
|
||||
<scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y @scrolltolower="fetchStore()"
|
||||
v-if="tabsIndex===1">
|
||||
<view class="tc" style="margin-top: 200rpx;" v-if="storeList.length===0">
|
||||
<image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
|
||||
</view>
|
||||
|
||||
<view class="item-store flex ai-start" v-for="(item,index) in storeList" :key="index">
|
||||
<view class="flex flex-0 ai-center">
|
||||
<CheckboxIcon style="margin-right: 16rpx;" :default-state="item['state']" :mark="[index]" @change="onChange"
|
||||
v-if="isManage"/>
|
||||
<image class="cover" :src="item['logo']" mode="scaleToFill"/>
|
||||
</view>
|
||||
|
||||
<view>
|
||||
<view class="flex jc-between ai-start" style="width: 594rpx">
|
||||
<view>
|
||||
<view class="one-t bold">{{ item['name'] }}</view>
|
||||
<view class="sub">{{ item['time'] === '刚刚' ? '刚刚' : item['time'] + '前收藏' }}</view>
|
||||
</view>
|
||||
<view class="btn-nav flex jc-center ai-center" :style="{'margin-right':(isManage?48:0)+'rpx'}"
|
||||
@click="navToStore(item['hotelId'])">进店逛逛
|
||||
<image style="width: 24rpx;height: 24rpx" :src="webUrl+'/20240109234706982937.png'" mode="scaleToFill"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex jc-start ai-center" style="margin-top: 16rpx;">
|
||||
<image class="img-product" :src="img" mode="scaleToFill"
|
||||
v-for="(img,i) in item['productImages']" :key="i"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!--视频列表-->
|
||||
<scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y
|
||||
@scrolltolower="fetchVideo()"
|
||||
v-if="tabsIndex===2">
|
||||
<view class="tc" style="margin-top: 200rpx;" v-if="videoList.length===0">
|
||||
<image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
|
||||
</view>
|
||||
|
||||
<view class="flex flex-wrap" style="padding:40rpx 32rpx">
|
||||
<view class="item-video" v-for="(item,index) in videoList" :key="index">
|
||||
<CheckboxIcon class="video-check" :default-state="item['state']" :mark="[index]" @change="onChange"
|
||||
v-if="isManage"/>
|
||||
|
||||
<image class="img-cover" :src="item['cover']" mode="scaleToFill" @click="navToVideo(item['videoId'])"/>
|
||||
<view class="item-mask flex jc-end ai-end">
|
||||
<image class="icon-heart" :src="webUrl+'/20240113205505660820.png'" mode="scaleToFill"/>
|
||||
<text>{{ item['favoriteCount'] }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<view class="fixed-manage flex jc-between ai-center" v-if="isManage">
|
||||
<view style="margin-left: 30rpx;">
|
||||
<CheckboxIcon style="margin-right: 16rpx;" :default-state="isAll" :mark="[-1]" @change="onChange"/>
|
||||
<text style="color:#666666;font-size: 32rpx">全选({{ selectCount }})</text>
|
||||
</view>
|
||||
<view class="flex ai-center">
|
||||
<view class="btn flex jc-center ai-center" style="background: #D5D7D8" @click="changeManage">返回</view>
|
||||
<view class="btn flex jc-center ai-center" style="background: #FD5749" @click="remove">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {computed, onMounted, ref} from '@vue/composition-api'
|
||||
import {VUE_APP_RESOURCES_URL as webUrl} from '../../config/index'
|
||||
import {getProductList, getStoreList, getVideoList, removeFavorite} from "@/api/favorite";
|
||||
import {postCartAdd} from "@/api/store";
|
||||
import CheckboxIcon from "@/components/CheckboxIcon.vue";
|
||||
|
||||
const ready = ref(false)
|
||||
onMounted(() => {
|
||||
ready.value = true
|
||||
fetchProduct()
|
||||
})
|
||||
|
||||
const navToGoods = (id) => {
|
||||
uni.navigateTo({
|
||||
url: "/pages/shop/GoodsCon/index?id=" + id
|
||||
})
|
||||
}
|
||||
|
||||
// 导航
|
||||
const tabs = ref([
|
||||
{key: 0, label: '商品'},
|
||||
{key: 1, label: '店铺'},
|
||||
{key: 2, label: '视频'},
|
||||
])
|
||||
const tabsIndex = ref(0)
|
||||
const changeTabs = (index) => {
|
||||
if (isManage.value) return
|
||||
tabsIndex.value = index
|
||||
page.value = 1
|
||||
fetchData()
|
||||
}
|
||||
|
||||
const fetchData = () => {
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
fetchProduct()
|
||||
break
|
||||
case 1:
|
||||
fetchStore()
|
||||
break
|
||||
case 2:
|
||||
fetchVideo()
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const tabsVertical = computed(() => {
|
||||
if (tabsIndex.value === 0) return 1
|
||||
if (tabsIndex.value === 1) return -1
|
||||
if (tabsIndex.value === 2) return 0
|
||||
})
|
||||
|
||||
// 管理
|
||||
const isManage = ref(false)
|
||||
const changeManage = () => {
|
||||
isManage.value = !isManage.value
|
||||
}
|
||||
const isAll = ref(false)
|
||||
|
||||
const selectCount = computed(() => {
|
||||
let count = 0, countList
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
countList = productList.value
|
||||
break
|
||||
case 1:
|
||||
countList = storeList.value
|
||||
break
|
||||
case 2:
|
||||
countList = videoList.value
|
||||
break
|
||||
}
|
||||
|
||||
countList.forEach(item => {
|
||||
if (item['state']) count++
|
||||
})
|
||||
return count
|
||||
})
|
||||
const onChange = (state, mark) => {
|
||||
if (mark[0] === -1) {
|
||||
isAll.value = state
|
||||
handleAll(state)
|
||||
return
|
||||
}
|
||||
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
productList.value[mark]['state'] = state
|
||||
break
|
||||
case 1:
|
||||
storeList.value[mark]['state'] = state
|
||||
break
|
||||
case 2:
|
||||
videoList.value[mark]['state'] = state
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const handleAll = (state) => {
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
productList.value.forEach(item => item.state = state)
|
||||
break
|
||||
case 1:
|
||||
storeList.value.forEach(item => item.state = state)
|
||||
break
|
||||
case 2:
|
||||
videoList.value.forEach(item => item.state = state)
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const remove = async () => {
|
||||
uni.showModal({
|
||||
title: '确认删除已选项目?',
|
||||
content: '',
|
||||
showCancel: true,
|
||||
cancelText: '取消',
|
||||
confirmText: '确认',
|
||||
success: async (r) => {
|
||||
if (r.confirm) {
|
||||
let ids = []
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
productList.value.forEach(item => {
|
||||
if (item['state']) ids.push(item.id)
|
||||
})
|
||||
break
|
||||
case 1:
|
||||
storeList.value.forEach(item => {
|
||||
if (item['state']) ids.push(item.id)
|
||||
})
|
||||
break
|
||||
case 2:
|
||||
videoList.value.forEach(item => {
|
||||
if (item['state']) ids.push(item.id)
|
||||
})
|
||||
break
|
||||
}
|
||||
|
||||
const res = await removeFavorite(ids)
|
||||
if (res.success) {
|
||||
isAll.value = false
|
||||
fetchData()
|
||||
removeAfter()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const removeAfter = () => {
|
||||
switch (tabsIndex.value) {
|
||||
case 0:
|
||||
productList.value = productList.value.filter(item => !item['state'])
|
||||
break
|
||||
case 1:
|
||||
storeList.value = storeList.value.filter(item => !item['state'])
|
||||
break
|
||||
case 2:
|
||||
videoList.value = videoList.value.filter(item => !item['state'])
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
// 列表
|
||||
const page = ref(1)
|
||||
const productList = ref([])
|
||||
const fetchProduct = async () => {
|
||||
if (page.value === 1) {
|
||||
productList.value = []
|
||||
}
|
||||
const res = await getProductList(page.value)
|
||||
if (res.success) {
|
||||
res.data['records']?.forEach(item => {
|
||||
item.state = false
|
||||
productList.value.push(item)
|
||||
})
|
||||
page.value++
|
||||
}
|
||||
}
|
||||
|
||||
const storeList = ref([])
|
||||
const fetchStore = async () => {
|
||||
if (page.value === 1) {
|
||||
storeList.value = []
|
||||
}
|
||||
const res = await getStoreList(page.value)
|
||||
if (res.success) {
|
||||
res.data['records']?.forEach(item => {
|
||||
item.time = uni.$u.timeFrom(Date.parse(item.createTime))
|
||||
item.state = false
|
||||
storeList.value.push(item)
|
||||
})
|
||||
page.value++
|
||||
}
|
||||
}
|
||||
|
||||
const videoList = ref([])
|
||||
const fetchVideo = async () => {
|
||||
if (page.value === 1) {
|
||||
videoList.value = []
|
||||
}
|
||||
const res = await getVideoList(page.value)
|
||||
if (res.success) {
|
||||
res.data['records']?.forEach(item => {
|
||||
item.state = false
|
||||
videoList.value.push(item)
|
||||
})
|
||||
page.value++
|
||||
}
|
||||
}
|
||||
|
||||
const addCart = async (item) => {
|
||||
const param = {
|
||||
productId: item.productId,
|
||||
uniqueId: item.uniqueId,
|
||||
cartNum: 1
|
||||
}
|
||||
const res = await postCartAdd(param)
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
}).catch()
|
||||
}
|
||||
}
|
||||
|
||||
const navToStore = (id) => {
|
||||
uni.navigateTo({
|
||||
url: '/pagesInn/inn/innHome?id=' + id
|
||||
})
|
||||
}
|
||||
|
||||
const navToVideo = (videoId) => {
|
||||
if (isManage.value) return
|
||||
uni.navigateTo({
|
||||
url: '/pkg-video/views/watch?videoId=' + videoId
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.my-tabs {
|
||||
width: 686rpx;
|
||||
height: 72rpx;
|
||||
margin: 24rpx 32rpx 0;
|
||||
border-radius: 40rpx;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
|
||||
.tab-item {
|
||||
position: relative;
|
||||
width: 230rpx;
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.active {
|
||||
border-radius: 40rpx;
|
||||
background: #C41617;
|
||||
color: #FFFFFF;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.has-vertical:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 2rpx;
|
||||
height: 36rpx;
|
||||
background: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.manage {
|
||||
margin: 12rpx 32rpx 18rpx;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
|
||||
image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-box {
|
||||
height: calc(100vh - 168rpx);
|
||||
box-sizing: border-box;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.manage-state {
|
||||
height: calc(100vh - 268rpx);
|
||||
}
|
||||
|
||||
.item-commodity {
|
||||
padding: 24rpx 30rpx;
|
||||
|
||||
.cover {
|
||||
width: 220rpx;
|
||||
height: 220rpx;
|
||||
margin-right: 8rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.more-t {
|
||||
color: #333333;
|
||||
font-size: 34rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.sub {
|
||||
margin-top: 10rpx;
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.cart {
|
||||
width: 84rpx;
|
||||
height: 56rpx;
|
||||
margin-top: 14rpx;
|
||||
background: #C41617;
|
||||
border-radius: 28rpx;
|
||||
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-store {
|
||||
padding: 34rpx 32rpx 34rpx 30rpx;
|
||||
|
||||
.cover {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
margin-right: 10rpx;
|
||||
border: 4rpx solid #E92727;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.one-t {
|
||||
width: 360rpx;
|
||||
color: #333333;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.sub {
|
||||
margin-top: 8rpx;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.btn-nav {
|
||||
width: 172rpx;
|
||||
height: 56rpx;
|
||||
border: 2px solid #E92727;
|
||||
border-radius: 28rpx;
|
||||
color: #E92727;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.img-product {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
margin-right: 10rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.item-video {
|
||||
position: relative;
|
||||
width: 218rpx;
|
||||
height: 320rpx;
|
||||
margin-right: 16rpx;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 8rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.video-check {
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
top: 20rpx;
|
||||
}
|
||||
|
||||
.img-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.item-mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 218rpx;
|
||||
height: 96rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 8rpx;
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
|
||||
color: #FFFFFF;
|
||||
font-size: 28rpx;
|
||||
|
||||
.icon-heart {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-video:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.fixed-manage {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
height: 100rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.16);
|
||||
|
||||
.btn {
|
||||
width: 196rpx;
|
||||
height: 100rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
+107
-134
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<view class="user-personalData">
|
||||
<view class="top-box" :style="{'backgroundImage':`url(${webUrl}/20220925102928757633.png)`}">
|
||||
<view class="top-box" :style="{'backgroundImage':`url(${webUrl}/20240109234153916906.png)`}">
|
||||
<view class="flex ai-center">
|
||||
<image-cropper :src="tempFilePath" @confirm="confirm" @cancel="cancel"></image-cropper>
|
||||
<view style="position: relative" @tap="chooseImage">
|
||||
<image class="cover" :src="avatar"/>
|
||||
<image class="btn-change" :src="webUrl+'/20220925111121285647.png'"/>
|
||||
<view class="btn-change flex jc-center ai-center">更换头像</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="name">{{ userInfo.nickname }}</view>
|
||||
@@ -62,56 +62,19 @@
|
||||
|
||||
<button class="btn-save" @click="submit">保存修改</button>
|
||||
|
||||
<!-- <view class="list">-->
|
||||
<!-- <view class="item acea-row row-between-wrapper">-->
|
||||
<!-- <view>昵称</view>-->
|
||||
<!-- <view class="input">-->
|
||||
<!-- <input type="text" v-model="userInfo.nickname"/>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="item acea-row row-between-wrapper">-->
|
||||
<!-- <view>ID号</view>-->
|
||||
<!-- <view class="input acea-row row-between-wrapper">-->
|
||||
<!-- <input type="text" :value="userInfo.uid" disabled class="id"/>-->
|
||||
<!-- <text class="iconfont icon-suozi"></text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="item acea-row row-between-wrapper" @click="bindPhone">-->
|
||||
<!-- <view>手机号</view>-->
|
||||
<!-- <view class="input acea-row row-between-wrapper">-->
|
||||
<!-- <input type="text" disabled v-if="userInfo.phone" v-model="userInfo.phone" class="id"/>-->
|
||||
<!-- <input type="text" v-else value="未绑定" disabled class="id"/>-->
|
||||
<!-- <text class="iconfont icon-jiantou"></text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="item acea-row row-between-wrapper" @click="payPwdClick">-->
|
||||
<!-- <view>支付密码</view>-->
|
||||
<!-- <view class="input acea-row row-right">-->
|
||||
<!-- <text class="iconfont icon-jiantou"></text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="modifyBnt bg-color-lightred" @click="submit">保存修改</view>-->
|
||||
<view
|
||||
class="logOut cart-color acea-row row-center-wrapper"
|
||||
@click="logout"
|
||||
v-if="$deviceType=='app'"
|
||||
>退出登录
|
||||
</view>
|
||||
<!-- <view-->
|
||||
<!-- class="logOut cart-color acea-row row-center-wrapper"-->
|
||||
<!-- @click="logout"-->
|
||||
<!-- v-if="$deviceType=='app'"-->
|
||||
<!-- >退出登录-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapGetters} from "vuex";
|
||||
import {trim, isWeixin, chooseImage, uploadImage} from "@/utils";
|
||||
import {
|
||||
postUserEdit,
|
||||
getLogout,
|
||||
switchH5Login
|
||||
} from "@/api/user";
|
||||
import cookie from "@/utils/store/cookie";
|
||||
import store from "@//store";
|
||||
import dayjs from "dayjs";
|
||||
import {isWeixin, trim, uploadImage} from "@/utils";
|
||||
import {postUserEdit} from "@/api/user";
|
||||
import ImageCropper from "@/pkg_user/components/invinbg-image-cropper/invinbg-image-cropper.vue";
|
||||
|
||||
export default {
|
||||
@@ -173,44 +136,44 @@ export default {
|
||||
this.$yrouter.push("/pkg_user/views/bindPhone");
|
||||
}
|
||||
},
|
||||
switchAccounts: function (index) {
|
||||
let that = this;
|
||||
this.userIndex = index;
|
||||
let userInfo = this.switchUserInfo[this.userIndex];
|
||||
if (this.switchUserInfo.length <= 1) return true;
|
||||
if (userInfo === undefined) {
|
||||
uni.showToast({
|
||||
title: "切换的账号不存在",
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (userInfo.user_type === "h5") {
|
||||
switchH5Login()
|
||||
.then(({data}) => {
|
||||
uni.hideLoading();
|
||||
const expires_time = dayjs(data.expires_time);
|
||||
store.commit("login", data.token, expires_time);
|
||||
that.$emit("changeswitch", false);
|
||||
location.reload();
|
||||
})
|
||||
.catch(err => {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title:
|
||||
err.msg || err.response.data.msg || err.response.data.message,
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
});
|
||||
} else {
|
||||
cookie.set("loginType", "wechat", 60);
|
||||
uni.hideLoading();
|
||||
this.$store.commit("logout");
|
||||
this.$emit("changeswitch", false);
|
||||
}
|
||||
},
|
||||
// switchAccounts: function (index) {
|
||||
// let that = this;
|
||||
// this.userIndex = index;
|
||||
// let userInfo = this.switchUserInfo[this.userIndex];
|
||||
// if (this.switchUserInfo.length <= 1) return true;
|
||||
// if (userInfo === undefined) {
|
||||
// uni.showToast({
|
||||
// title: "切换的账号不存在",
|
||||
// icon: "none",
|
||||
// duration: 2000
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
// if (userInfo.user_type === "h5") {
|
||||
// switchH5Login()
|
||||
// .then(({data}) => {
|
||||
// uni.hideLoading();
|
||||
// const expires_time = dayjs(data.expires_time);
|
||||
// store.commit("login", data.token, expires_time);
|
||||
// that.$emit("changeswitch", false);
|
||||
// location.reload();
|
||||
// })
|
||||
// .catch(err => {
|
||||
// uni.hideLoading();
|
||||
// uni.showToast({
|
||||
// title:
|
||||
// err.msg || err.response.data.msg || err.response.data.message,
|
||||
// icon: "none",
|
||||
// duration: 2000
|
||||
// });
|
||||
// });
|
||||
// } else {
|
||||
// cookie.set("loginType", "wechat", 60);
|
||||
// uni.hideLoading();
|
||||
// this.$store.commit("logout");
|
||||
// this.$emit("changeswitch", false);
|
||||
// }
|
||||
// },
|
||||
chooseImage() {
|
||||
uni.chooseImage({
|
||||
count: 1, //默认9
|
||||
@@ -250,36 +213,34 @@ export default {
|
||||
}
|
||||
);
|
||||
},
|
||||
logout: function () {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "确认退出登录?",
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
getLogout()
|
||||
.then(res => {
|
||||
this.$store.commit("logout");
|
||||
this.$yrouter.replace({
|
||||
path: "/pages/user/Login/index",
|
||||
query: {}
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
// console.log("用户点击取消");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
// logout: function () {
|
||||
// uni.showModal({
|
||||
// title: "提示",
|
||||
// content: "确认退出登录?",
|
||||
// success: function (res) {
|
||||
// if (res.confirm) {
|
||||
// getLogout()
|
||||
// .then(res => {
|
||||
// this.$store.commit("logout");
|
||||
// this.$yrouter.replace({
|
||||
// path: "/pages/user/Login/index",
|
||||
// query: {}
|
||||
// });
|
||||
// })
|
||||
// .catch(() => {
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.user-personalData {
|
||||
min-height: 100vh;
|
||||
background: #F9F9F9;
|
||||
background: #F6F6F6;
|
||||
|
||||
view {
|
||||
box-sizing: border-box;
|
||||
@@ -287,42 +248,49 @@ export default {
|
||||
|
||||
.top-box {
|
||||
width: 100vw;
|
||||
height: 332.5rpx;
|
||||
padding: 94rpx 0 0 104rpx;
|
||||
background-size: 750rpx 332.5rpx;
|
||||
height: 396.5rpx;
|
||||
padding: 86rpx 0 0 76rpx;
|
||||
background-size: 750rpx 396.5rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
.cover {
|
||||
width: 136rpx;
|
||||
height: 136rpx;
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 42rpx;
|
||||
margin-right: 44rpx;
|
||||
}
|
||||
|
||||
.btn-change {
|
||||
position: absolute;
|
||||
top: 100rpx;
|
||||
left: 13rpx;
|
||||
left: 0;
|
||||
top: 98rpx;
|
||||
width: 110rpx;
|
||||
height: 44rpx;
|
||||
height: 36rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #FFFFFF;
|
||||
color: #333333;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 32rpx;
|
||||
line-height: 48rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 52rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.phone {
|
||||
margin-top: 22rpx;
|
||||
margin-top: 18rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-box {
|
||||
margin: 54rpx 32rpx;
|
||||
padding: 0 25rpx;
|
||||
width: 686rpx;
|
||||
height: 406rpx;
|
||||
margin: -130rpx 32rpx 0;
|
||||
padding: 0 40rpx 20rpx;
|
||||
box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.16);
|
||||
border-radius: 12rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
@@ -331,36 +299,41 @@ export default {
|
||||
}
|
||||
|
||||
.cell {
|
||||
padding: 32rpx 0 20rpx;
|
||||
border-bottom: 1rpx solid #E8E9E9;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
padding: 24rpx 0;
|
||||
border-bottom: 1rpx solid #ECECEE;
|
||||
|
||||
.title {
|
||||
width: 112rpx;
|
||||
margin-right: 40rpx;
|
||||
width: 160rpx;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #999999;
|
||||
font-size: 32rpx;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
|
||||
.icon {
|
||||
image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-save {
|
||||
margin: 0 32rpx;
|
||||
background: #FE5261;
|
||||
position: fixed;
|
||||
left: 32rpx;
|
||||
bottom: 160rpx;
|
||||
width: 686rpx;
|
||||
border-radius: 40rpx;
|
||||
background: #C41617;
|
||||
color: #FFFFFF;
|
||||
font-size: 32rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -144,7 +144,7 @@ export default {
|
||||
return this.$force2Decimal(sxf);
|
||||
},
|
||||
goCashRecord() {
|
||||
this.$yrouter.push("/pages/user/promotion/CashRecord/index");
|
||||
this.$yrouter.push('/pkg_user/views/withdrawalLog');
|
||||
},
|
||||
clearNoNum: function (value) {
|
||||
|
||||
|
||||
@@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<scroll-view class="scroll-body" scroll-y @scrolltolower="scrollToLower" v-if="ready">
|
||||
|
||||
<view v-for="(group,gIndex) in list" :key="gIndex">
|
||||
<view style="padding: 24rpx 32rpx 20rpx">
|
||||
<view style="color:#333333;font-size: 28rpx">{{ group.month }}</view>
|
||||
<view style="margin-top: 10rpx;color:#999999;font-size: 24rpx">提现￥{{ group.amount }}</view>
|
||||
</view>
|
||||
|
||||
<view class="logs">
|
||||
<view class="item flex jc-between" v-for="(item,index) in group['extracts']" :key="index">
|
||||
<view class="flex">
|
||||
<image style="width: 48rpx;height: 48rpx" :src="webUrl+'/20240106215333263739.png'" mode="scaleToFill"/>
|
||||
|
||||
<view style="margin-left: 10rpx;">
|
||||
<view style="color:#333333;font-size: 32rpx;">提现
|
||||
<text class="state-red"
|
||||
:class="{'state-gray':item['status']===-1,'state-green':item['status']===1}">
|
||||
({{ item['status'] === -1 ? '提现失败' : item['status'] === 1 ? '已提现' : '提现中' }})
|
||||
</text>
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;color:#666666;font-size: 28rpx">2023-08-21 16:10:10</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="color:#E92727;font-size: 32rpx;">￥{{ item['extractPrice'] }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {onMounted, ref} from '@vue/composition-api'
|
||||
import {VUE_APP_RESOURCES_URL as webUrl} from '../../config/index'
|
||||
import {payoutLog} from "@/api/user";
|
||||
|
||||
const ready = ref(false)
|
||||
onMounted(() => {
|
||||
fetchData()
|
||||
ready.value = true
|
||||
})
|
||||
const list = ref([])
|
||||
const page = ref(1)
|
||||
const fetchData = async () => {
|
||||
const res = await payoutLog(page.value)
|
||||
if (res.success) {
|
||||
let count = 0
|
||||
for (let i = 0; i < res.data.length; i++) {
|
||||
count++
|
||||
list.value.push(res.data[i])
|
||||
}
|
||||
if (count < 10 && page.value === 1) scrollToLower()
|
||||
}
|
||||
}
|
||||
|
||||
const scrollToLower = () => {
|
||||
page.value++
|
||||
fetchData()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
view {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.scroll-body {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.logs {
|
||||
padding: 0 32rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
.item {
|
||||
padding: 20rpx 0 26rpx;
|
||||
border-bottom: 1rpx solid #ECECEE;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.state-red {
|
||||
color: #FD5749;
|
||||
}
|
||||
|
||||
.state-gray {
|
||||
color: #B3AFAF;
|
||||
}
|
||||
|
||||
.state-green {
|
||||
color: #2DBA7B;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user