xiangshan
/
yxxh5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
闫世杰 2023-08-03 11:54:49 +08:00
parent da68810ac0
commit e1610c6bd5
3 changed files with 238 additions and 204 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages.json
View File

@ -612,6 +612,14 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
// 下乡管理
{
"path": "xxgl/index",
"style": {
"navigationBarTitleText": "下乡管理",
"enablePullDownRefresh": false
}
},
// 线上看展 // 线上看展
{ {
"path": "xskz/index", "path": "xskz/index",
@ -628,7 +636,6 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }
] ]
} }
], ],

283
src/pagesA/my/My.vue
View File

@ -4,7 +4,7 @@
<u-loading-page :loading="load"></u-loading-page> <u-loading-page :loading="load"></u-loading-page>
</view> </view>
<view v-if="load == false"> <view v-if="load == false">
<view class="top" :style="{ 'height': titleHeight + 'px' }"> <view class="top" :style="{ height: titleHeight + 'px' }">
<image class="bg" src="../../static/MyBg.png" mode=""></image> <image class="bg" src="../../static/MyBg.png" mode=""></image>
<view class="avator_box" @click="GoPersonalCenter"> <view class="avator_box" @click="GoPersonalCenter">
<view class="tou"> <view class="tou">
@ -33,25 +33,19 @@
<view class="nums"> <view class="nums">
{{ care }} {{ care }}
</view> </view>
<view class="itms_name"> <view class="itms_name"> 关注 </view>
关注
</view>
</view> </view>
<view class="fans_itm" @click="toCol()"> <view class="fans_itm" @click="toCol()">
<view class="nums"> <view class="nums">
{{ colNum }} {{ colNum }}
</view> </view>
<view class="itms_name"> <view class="itms_name"> 收藏 </view>
收藏
</view>
</view> </view>
<view class="fans_itm" @click="toFans()"> <view class="fans_itm" @click="toFans()">
<view class="nums"> <view class="nums">
{{ fans }} {{ fans }}
</view> </view>
<view class="itms_name"> <view class="itms_name"> 粉丝 </view>
粉丝
</view>
</view> </view>
</view> </view>
<view class="jifen_box"> <view class="jifen_box">
@ -73,47 +67,35 @@
<image src="../../static/DunIcon.png" mode=""></image> <image src="../../static/DunIcon.png" mode=""></image>
</view> </view>
<view class="ji_word_box"> <view class="ji_word_box">
<view class="ji_word_title"> <view class="ji_word_title"> 我的交易 </view>
我的交易 <view class="ji_con"> 作品交易订单 </view>
</view>
<view class="ji_con">
作品交易订单
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="content_bott"> <view class="content_bott">
<view class="content_bott_itm" @click="toWork()"> <view class="content_bott_itm" @click="toWork()">
<view class="content_bott_wods"> <view class="content_bott_wods"> 我的作品 </view>
我的作品
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
</view> </view>
<view class="content_bott_itm" @click="tohdM()"> <view class="content_bott_itm" @click="tohdM()">
<view class="content_bott_wods"> <view class="content_bott_wods"> 活动管理 </view>
活动管理
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
</view> </view>
<view class="content_bott_itm" @click="toOrderControl()"> <view class="content_bott_itm" @click="toOrderControl()">
<view class="content_bott_wods"> <view class="content_bott_wods"> 点单管理 </view>
点单管理
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
</view> </view>
<view class="content_bott_itm" > <view class="content_bott_itm" @click="toCountryside()">
<!-- @click="" --> <!-- @click="" -->
<view class="content_bott_wods"> <view class="content_bott_wods"> 下乡管理 </view>
下乡管理
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
@ -127,19 +109,14 @@
</view> </view>
</view> --> </view> -->
<view class="content_bott_itm" @click="myNews()"> <view class="content_bott_itm" @click="myNews()">
<view class="content_bott_wods"> <view class="content_bott_wods"> 消息 </view>
消息
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
</view> </view>
<view class="content_bott_itm" @click="toSz()"> <view class="content_bott_itm" @click="toSz()">
<view class="content_bott_wods"> <view class="content_bott_wods"> 设置 </view>
设置
</view>
<view class="content_bott_arrow"> <view class="content_bott_arrow">
<image src="../../static/rightArrow.png" mode=""></image> <image src="../../static/rightArrow.png" mode=""></image>
</view> </view>
@ -147,215 +124,238 @@
</view> </view>
</view> </view>
<u-gap height="50" bgColor="#F4F5F7"></u-gap> <u-gap height="50" bgColor="#F4F5F7"></u-gap>
<tabbar tabbarId='5'></tabbar> <tabbar tabbarId="5"></tabbar>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data () { data() {
return { return {
load: true, load: true,
image: '', image: "",
userName: '', userName: "",
userId: '', userId: "",
point: '', point: "",
colNum: '', colNum: "",
fans: '', fans: "",
care: '', care: "",
yhsf: '', yhsf: "",
isUnread: false, isUnread: false,
statusHeight: 0, statusHeight: 0,
titleHeight: 90, titleHeight: 90,
}; };
}, },
onReady () { onReady() {
const systemMsg = uni.getSystemInfoSync(); const systemMsg = uni.getSystemInfoSync();
this.statusHeight = systemMsg.statusBarHeight this.statusHeight = systemMsg.statusBarHeight;
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
const menuButtonInfo = uni.getMenuButtonBoundingClientRect() //胶囊 const menuButtonInfo = uni.getMenuButtonBoundingClientRect(); //胶囊
this.titleHeight = 90 + menuButtonInfo.height + (menuButtonInfo.top - systemMsg.statusBarHeight) * 2 this.titleHeight =
90 +
menuButtonInfo.height +
(menuButtonInfo.top - systemMsg.statusBarHeight) * 2;
// #endif // #endif
}, },
onShow () { onShow() {
this.getUserInfo() this.getUserInfo();
}, },
methods: { methods: {
//用户信息 //用户信息
getUserInfo () { getUserInfo() {
let _this = this let _this = this;
this.http.request('/user/userInfo', {}, "GET").then(res => { this.http
.request("/user/userInfo", {}, "GET")
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
// let img = JSON.parse(res.data.images) // let img = JSON.parse(res.data.images)
this.image = res.data.images this.image = res.data.images;
this.userName = res.data.userName this.userName = res.data.userName;
this.userId = res.data.id this.userId = res.data.id;
this.yhsf = res.data.yhsf this.yhsf = res.data.yhsf;
this.point = res.data.point this.point = res.data.point;
this.getCol() this.getCol();
} }
}).catch(e => { })
.catch((e) => {
uni.showToast({ uni.showToast({
title: e.data.message, title: e.data.message,
icon: "none", icon: "none",
}); });
}) });
}, },
//收藏数 //收藏数
getCol () { getCol() {
this.http.request('/worksCollection', {}, "GET").then(res => { this.http
.request("/worksCollection", {}, "GET")
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.length == 0) { if (res.data.length == 0) {
this.colNum = 0 this.colNum = 0;
} else { } else {
this.colNum = res.data.total this.colNum = res.data.total;
} }
this.getCare() this.getCare();
} }
}).catch(e => { })
.catch((e) => {
uni.showToast({ uni.showToast({
title: e.data.message, title: e.data.message,
icon: "none", icon: "none",
}); });
}) });
}, },
//关注数 //关注数
getCare () { getCare() {
this.http.request('/userFollow/myFollow', {}, "GET").then(res => { this.http
.request("/userFollow/myFollow", {}, "GET")
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.length == 0) { if (res.data.length == 0) {
this.care = 0 this.care = 0;
} else { } else {
this.care = res.data.total this.care = res.data.total;
} }
this.getFans() this.getFans();
} }
}).catch(e => { })
.catch((e) => {
uni.showToast({ uni.showToast({
title: e.data.message, title: e.data.message,
icon: "none", icon: "none",
}); });
}) });
}, },
//粉丝数 //粉丝数
getFans () { getFans() {
this.http.request('/userFollow/myFans', {}, "GET").then(res => { this.http
.request("/userFollow/myFans", {}, "GET")
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.length == 0) { if (res.data.length == 0) {
this.fans = 0 this.fans = 0;
} else { } else {
this.fans = res.data.total this.fans = res.data.total;
} }
this.load = false this.load = false;
} }
}).catch(e => { })
.catch((e) => {
uni.showToast({ uni.showToast({
title: e.data.message, title: e.data.message,
icon: "none", icon: "none",
}); });
}) });
}, },
//未读 //未读
getTalkList () { getTalkList() {
let _this = this let _this = this;
this.http.request('/chat/lists', {}, "GET").then(res => { this.http
.request("/chat/lists", {}, "GET")
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.length > 0) { if (res.data.length > 0) {
res.data.forEach(function (item) { res.data.forEach(function (item) {
if (item.unread > 0) if (item.unread > 0) _this.isUnread = true;
_this.isUnread = true });
}
}
}) })
} .catch((e) => {
}
}).catch(e => {
uni.showToast({ uni.showToast({
title: e.data.message, title: e.data.message,
icon: "none", icon: "none",
}); });
}) });
}, },
//跳转积分 //跳转积分
gopointsPg () { gopointsPg() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesB/MyPoints/MyPoints" url: "/pagesB/MyPoints/MyPoints",
}) });
}, },
//我的交易 //我的交易
goOrderDetails () { goOrderDetails() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesB/MyOrder/MyOrder" url: "/pagesB/MyOrder/MyOrder",
}) });
}, },
//修改个人信息 //修改个人信息
GoPersonalCenter () { GoPersonalCenter() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesB/PersonalCenter/PersonalCenter" url: "/pagesB/PersonalCenter/PersonalCenter",
}) });
}, },
//我的收藏 //我的收藏
toCol () { toCol() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/my/myCollection" url: "/pagesA/my/myCollection",
}) });
}, },
//我的关注 //我的关注
toFollow () { toFollow() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/my/myFollow?tab=0" url: "/pagesA/my/myFollow?tab=0",
}) });
}, },
//我的粉丝 //我的粉丝
toFans () { toFans() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/my/myFollow?tab=1" url: "/pagesA/my/myFollow?tab=1",
}) });
}, },
//我的作品 //我的作品
toWork () { toWork() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/my/myWoekList", url: "/pagesA/my/myWoekList",
}) });
}, },
//点单管理 //点单管理
toOrderControl () { toOrderControl() {
uni.navigateTo({ uni.navigateTo({
// 稍后改为 订单管理的页面 // 稍后改为 订单管理的页面
url: "OrderActControl", url: "OrderActControl",
}) });
},
//下乡管理
toCountryside() {
uni.navigateTo({
// 稍后改为 订单管理的页面
url: "/pagesD/xxgl/index",
});
}, },
//收货地址 //收货地址
toAddress () { toAddress() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/ReceivingAddress/ReceivingAddress", url: "/pagesA/ReceivingAddress/ReceivingAddress",
}) });
}, },
//设置 //设置
toSz () { toSz() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/my/logOut" url: "/pagesA/my/logOut",
}) });
}, },
//作品管理 //作品管理
tohdM () { tohdM() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/activeManage/activeManage", url: "/pagesA/activeManage/activeManage",
}) });
}, },
// 消息 // 消息
myNews () { myNews() {
uni.navigateTo({ uni.navigateTo({
url: "/pagesA/msg/msg" url: "/pagesA/msg/msg",
}) });
} },
} },
} };
</script> </script>
<style> <style>
page { page {
background-color: #F4F5F7; background-color: #f4f5f7;
} }
</style> </style>
@ -395,7 +395,7 @@ image {
margin-left: 24rpx; margin-left: 24rpx;
.user_name_de { .user_name_de {
color: #251B1D; color: #251b1d;
font-size: 40rpx; font-size: 40rpx;
font-weight: 600; font-weight: 600;
@ -420,10 +420,9 @@ image {
.words { .words {
margin-top: 16rpx; margin-top: 16rpx;
color: #AFADB0; color: #afadb0;
font-size: 24rpx; font-size: 24rpx;
} }
} }
.arrow { .arrow {
@ -431,10 +430,8 @@ image {
height: 48rpx; height: 48rpx;
} }
} }
} }
.content_area { .content_area {
padding: 0 32rpx; padding: 0 32rpx;
margin-bottom: 120rpx; margin-bottom: 120rpx;
@ -447,18 +444,18 @@ image {
height: 160rpx; height: 160rpx;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 8px; border-radius: 8px;
background-color: #FFFFFF; background-color: #ffffff;
.fans_itm { .fans_itm {
.nums { .nums {
color: #251B1D; color: #251b1d;
font-weight: bold; font-weight: bold;
font-family: DIN-Bold, DIN; font-family: DIN-Bold, DIN;
font-size: 16px; font-size: 16px;
} }
.itms_name { .itms_name {
color: #AFADB0; color: #afadb0;
font-size: 24rpx; font-size: 24rpx;
margin-top: 16rpx; margin-top: 16rpx;
} }
@ -477,7 +474,7 @@ image {
display: flex; display: flex;
width: 332rpx; width: 332rpx;
height: 136rpx; height: 136rpx;
background-color: #FFFFFF; background-color: #ffffff;
border-radius: 8px; border-radius: 8px;
.ji_ico { .ji_ico {
@ -492,12 +489,12 @@ image {
.ji_word_title { .ji_word_title {
font-size: 28rpx; font-size: 28rpx;
color: #251B1D; color: #251b1d;
font-weight: 600; font-weight: 600;
} }
.ji_con { .ji_con {
color: #AFADB0; color: #afadb0;
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
margin-top: 8rpx; margin-top: 8rpx;
@ -508,7 +505,7 @@ image {
.content_bott { .content_bott {
padding: 32rpx; padding: 32rpx;
background-color: #FFFFFF; background-color: #ffffff;
border-radius: 8px; border-radius: 8px;
.content_bott_itm { .content_bott_itm {
@ -519,7 +516,7 @@ image {
.content_bott_wods { .content_bott_wods {
font-size: 28rpx; font-size: 28rpx;
color: #251B1D; color: #251b1d;
font-weight: 600; font-weight: 600;
} }

68
src/pagesD/xskz/index.vue
View File

@ -24,13 +24,29 @@
</view> </view>
</view> --> </view> -->
<view class="forms"> <view class="forms">
<view class="teamBox" v-for="(item, index) in list" :key="item.id"> <view
class="teamBox"
v-for="item in list"
:key="item.id"
@click="skip({ id: item.id })"
>
<view class="teamBox-top"> <view class="teamBox-top">
<image class="team-image" :src="item.linkPath" mode="scaleToFill" /> <view class="content">
<view class="content-title">
<text>{{ item.name }}</text>
</view>
<image
class="team-image"
src="https://cdn.uviewui.com/uview/album/1.jpg"
mode="scaleToFill"
/>
</view>
<view class="mask"> <view class="mask">
<view class="mask-play">
<image src="../../static/play.png"></image> <image src="../../static/play.png"></image>
</view> </view>
</view> </view>
</view>
<view class="teamBox-bottom"> <view class="teamBox-bottom">
<view class="interactive"> <view class="interactive">
<image src="../../static/play-1.png" mode=""></image> <image src="../../static/play-1.png" mode=""></image>
@ -102,6 +118,12 @@ export default {
}); });
}); });
}, },
skip(query = {}) {
this.$router.push({
path: "/pagesD/xskz/details",
query,
});
},
playMask(obj) { playMask(obj) {
// this.videoList[index].play = false; // this.videoList[index].play = false;
// var video = document.getElementById("video"); // var video = document.getElementById("video");
@ -163,44 +185,52 @@ export default {
} }
.forms { .forms {
width: 90%;
margin: 40rpx auto 0rpx; margin: 40rpx auto 0rpx;
.teamBox { .teamBox {
.teamBox-top { .teamBox-top {
position: relative; position: relative;
.content {
.team-image { position: relative;
width: 100%; z-index: 4;
height: 400rpx; .content-title {
border: 2px solid red;
}
.mask {
position: absolute; position: absolute;
top: 0; z-index: 10;
width: 100%; padding: 18rpx;
height: 100%;
z-index: 99;
text { text {
// position: absolute;
// left: 60rpx;
color: #fff; color: #fff;
max-width: 500rpx; max-width: 500rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */ overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/
white-space: nowrap; white-space: nowrap;
} }
}
.team-image {
width: 100%;
height: 400rpx;
}
}
.mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 12;
display: flex;
align-items: center;
justify-content: center;
.mask-play {
image { image {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
margin: 110rpx 0 0 300rpx; }
} }
} }
} }
.teamBox-bottom { .teamBox-bottom {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; padding: 15rpx 32rpx;
padding: 15rpx 15rpx;
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
.interactive { .interactive {