zm/sociology_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

currentVideo

Browse Source
This commit is contained in:
始于初见
2024-06-25 17:07:59 +08:00
parent f8081fbec2
commit 6d0addb743
72 changed files with 11772 additions and 7898 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
pages/mine/mine/index.vue
View File

@@ -25,7 +25,8 @@
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view class="per_mes">
<image
<view style="display: flex;align-items: center;flex-direction: column;">
<image
@click="goUserInfo"
:src="userMes.avatar"
v-if="userMes.avatar != null"
@@ -36,6 +37,8 @@
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
</view>
</view>
<image
src="@/static/icon/home_icon_logo.png"
@@ -43,7 +46,7 @@
class="per_mes_img color_shandow"
></image>
<view class="userInfoBox" style="width: calc(100% - 220rpx)">
<view class="userInfoBox" style="width: calc(100% - 220rpx);">
<template>
<view class="name"
>昵称：{{ userMes.nickname ? userMes.nickname : "未设置" }}</view
@@ -56,7 +59,7 @@
<template v-if="userMes.email">
<view class="phone email">邮箱({{ userMes.email }})</view>
</template>
<!-- <text class="tong">累计读书5本
<span style="margin: 0 20upx;">|</span> 今日读50分钟
</text> -->
@@ -81,8 +84,9 @@
</view> -->
<view
style="
padding: 20rpx;
height: 200rpx;
height: 220rpx;
display: flex;
align-items: center;
justify-content: space-between;
@@ -191,7 +195,7 @@
</image>
<text style="color: #c4d3d4">VIP</text>
</view>
<swiper
:autoplay="true"
:interval="3000"
@@ -219,24 +223,54 @@
</swiper-item>
</swiper>
</view>
<view v-else class="noVip hasVip">
<view class="zhanghu PM_font" style="text-align: center">
<view v-else class="noVip hasVip" style="position: relative;">
<view class="zhanghu " style="padding-top: 20rpx;text-align: center">
<image
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image>
<text style="">VIP</text>
<text class="PM_font">VIP</text>
<view class="viptime" v-if="userMes.vip!=0"
>{{ userMes.userVip.endTime.split(" ")[0] }}&nbsp;到期</view
>
</view>
<view class="time"
>{{ userMes.userVip.endTime.split(" ")[0] }}到期</view
<view class="PM_font xufei"
>立即续费</view
>
</view>
</view>
</view>
<view class="list_box order_box">
<view class="xiugai boxShadow box_fillet">
<view class="title">我的订单</view>
<view class="cate_box">
<!-- <view>订单</view> -->
<view
class="cate_item_box"
v-for="(v, i) in orderList"
@click="goOrderList(`/pages/bookShop/orderList`, 'mine', i)"
>
<view class="cate_item_border">
<image
:src="v.imgUrl"
mode="aspectFill"
style="width: 59rpx; height: 59rpx"
></image
><u-badge
type="error"
max="99"
:value="v.badge.value"
style="position: absolute; top: -10rpx; right: -10rpx"
></u-badge>
</view>
<view class="cate_item_name">{{ v.title }}</view>
</view>
</view>
</view>
</view>
<view class="list_box">
<view class="xiugai boxShadow box_fillet">
<common-list
@@ -352,6 +386,39 @@ import { mapState, mapMutations } from "vuex";
export default {
data() {
return {
come: "1",
orderList: [
{
title: "全部",
value: -1,
badge: {},
imgUrl: require("@/static/icon/ordericon1.png"),
},
{
title: "待付款",
value: 0,
badge: {},
imgUrl: require("@/static/icon/ordericon2.png"),
},
{
title: "待发货",
value: 1,
badge: {},
imgUrl: require("@/static/icon/ordericon3.png"),
},
{
title: "待收货",
value: 2,
badge: {},
imgUrl: require("@/static/icon/ordericon4.png"),
},
{
title: "已完成",
value: 3,
badge: {},
imgUrl: require("@/static/icon/ordericon5.png"),
},
],
swiperList: [
{ name: "开通会员畅享更多活动" },
{ name: "众妙之门视频" },
@@ -372,13 +439,14 @@ export default {
playData: {},
isAndorid: true,
platform: null, // 设备系统
pageList: [
{
name: "我的订单",
url: "/pages/bookShop/orderList?type=mine",
type: "switchTab",
},
pageList: [
// {
// name: "我的订单",
// url: "/pages/bookShop/orderList?type=mine",
// type: "switchTab",
// },
// {
// name: "购物车",
// url: "../peanut/shopping",
@@ -430,9 +498,11 @@ export default {
console.log(this.userInfo, "11111111111111");
// 隐藏原生的tabbar
// uni.hideTabBar();
this.getBookList();
this.getData();
},
async onTabItemTap() {
this.getBookList();
this.getData();
},
components: {
@@ -441,6 +511,60 @@ export default {
//方法
methods: {
...mapMutations(["setUserInfo"]),
getBookList(flag, refreshflag) {
this.isLoadingHide = false;
var that = this;
// 根据tab不同，获取最新书评、最热书评、书集列表
// uni.showLoading({
// title: '加载中'
// });
// 顶部红点数量
$http
.request({
url: "common/buyOrder/getBuyOrderNumByStatus",
method: "POST",
data: {
userId: that.userInfo.id,
come: this.come,
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json",
},
})
.then((res) => {
// 订单状态
// * 0: 待付款
// * 1: 待发货
// * 2: 已发货
// * 3：已完成
// * 4: 交易失败
// * 5: 已过期
console.log("res at line 757:", res);
that.map = res.data;
that.orderList.map((e) => {
if (e.value == 0 || e.value == 1 || e.value == 2) {
var numList = that.map.filter((v) => v.order_status == e.value);
console.log("num at line 771:", numList);
if (numList.length > 0) {
e.badge = {
value: numList[0].num,
};
}
} else {
e.badge = {};
}
});
// this.$set('this.ordersTabs',)
that.$forceUpdate();
})
.catch((e) => {
console.log(e);
});
},
openInfo() {
this.infoShow = true;
},
@@ -522,7 +646,17 @@ export default {
});
}
},
goOrderList(url, type, index) { uni.setStorageSync("orderStatus", index);
console.log("url at line 644:", url);
uni.switchTab({
url: url,
success: function (res) {
},
});
},
switchTab(url) {
console.log("url at line 644:", url);
uni.switchTab({
url: url,
});
@@ -606,6 +740,7 @@ export default {
@import "@/style/mixin.scss";
.per_mes {
// height: 200rpx;
position: relative;
margin: 0rpx 40rpx 60rpx 40rpx;
align-items: center;
@@ -633,12 +768,12 @@ export default {
font-weight: bold;
font-size: 38upx;
margin-bottom: 10rpx;
color: #fff !important;
color: #333 !important;
}
.phone {
.phone { font-weight: bold;
font-size: 28rpx;
color: #fff;
color: #333;
}
.tong {
@@ -741,17 +876,8 @@ export default {
}
.hasVip {
.time {
padding: 4rpx 20rpx;
font-size: 26rpx;
border-radius: 20rpx;
background: linear-gradient(
to right,
rgb(204, 229, 244) 0%,
rgb(197, 227, 215) 100%
) !important;
}
}
}
.chong_list {
display: flex;
@@ -801,7 +927,7 @@ export default {
border-radius: 20rpx !important;
margin: 0 20rpx;
// padding:0 40rpx;
background: #edf6f5ad;
background: rgba(255, 255, 255, 0.65);
.nav_list {
background-color: #b7e0e2;
@@ -999,9 +1125,10 @@ uni-page-body {
}
}
.user_vip_box {
min-width: 130rpx;
position: absolute;
z-index: 10;
// min-width: 130rpx;
margin-top:-20rpx ;
// position: absolute;
bottom: -20rpx;
display: flex;
align-items: center;
@@ -1023,4 +1150,86 @@ uni-page-body {
background: linear-gradient(to right, #5bc9c1 0%, #268798 100%);
color: #f4f2e4;
}
.cate_box {
width: 100%;
height: auto;
// background: $themeColor;
background-repeat: no-repeat;
display: flex;
justify-content: center;
background-size: 100% 100%;
// background-image: url("@/static/icon/cate_bg.png");
box-shadow: 0rpx 0rpx 6rpx 0rpx #f9f6ea;
border-radius: 7rpx;
display: flex;
align-items: center;
justify-content: space-around;
padding: 20rpx 0rpx 40rpx;
box-sizing: border-box;
.cate_item_box {
min-width: 110rpx;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.cate_item_border {
position: relative;
// width: 75rpx;
// height: 98rpx;
// background-size: 100% 100%;
// background-image: url("@/static/icon/homePage/cate_bg.png");
// border-radius: 4rpx;
display: flex;
align-items: center;
justify-content: center;
image {
// height: 56rpx;
}
}
.cate_item_name {
margin-top: 6rpx;
// font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
font-weight: normal;
font-size: 28rpx;
color: #000000;
// line-height: 46rpx;
text-align: center;
// color: #fff;
}
}
}
.order_box {
.title {
padding: 20rpx 20rpx 10rpx;
font-size: 30rpx;
font-weight: bold;
}
}
.viptime {
position: absolute;
left: 10rpx;
top: 10rpx;
// padding: 15rpx 20rpx;
font-size: 20rpx;
border-radius: 50rpx;
// background: rgba(255, 255, 255, 0.65);
color: #6D6D6D !important;
// margin-top: 10rpx;
line-height: 20rpx;
}
.xufei{
color: rgba(244, 43, 51,0.85);
font-size: 38rpz;
border-radius: 50rpx;
padding: 0rpx 20rpx;
background: rgba(255, 255, 255, 1);
}
</style>

15
pages/mine/vip/order.vue
View File

@@ -618,9 +618,12 @@ export default {
uni.showToast({
title: "支付成功",
});
setTimeout(() => {
setTimeout(() => {uni.setStorageSync("orderStatus", 0);
uni.switchTab({
url: "/pages/bookShop/orderList?type=order",
success: function (res) {
},
});
}, 1000);
} else {
@@ -657,9 +660,12 @@ export default {
uni.showToast({
title: "支付成功",
});
setTimeout(() => {
setTimeout(() => { uni.setStorageSync("orderStatus", 0);
uni.switchTab({
url: "/pages/bookShop/orderList?type=order",
success: function (res) {
},
});
}, 1000);
} else {
@@ -685,9 +691,12 @@ export default {
title: "购买成功",
icon: "success",
});
setTimeout(() => {
setTimeout(() => { uni.setStorageSync("orderStatus", 0);
uni.switchTab({
url: "/pages/bookShop/orderList?type=order",
success: function (res) {
},
});
}, 1000);
}