jianglong
3 years ago
33 changed files with 146 additions and 3965 deletions
@ -1,100 +0,0 @@ |
|||||
<template> |
|
||||
<view class="explore"> |
|
||||
<!-- 搜索 --> |
|
||||
<view > |
|
||||
<router-link |
|
||||
:to="{path: '/bundle_b/pages/community_search/community_search'}"> |
|
||||
<u-search disabled |
|
||||
placeholder="请输入搜索内容" height="64" focus |
|
||||
></u-search> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
|
|
||||
<view class="content"> |
|
||||
<tabs :current="current" @change="changeTabs" height="100" > |
|
||||
<tab v-for="(item, index) in tabList" :key="index" :name="item.name"> |
|
||||
<lists :cateId="item.id" :typeId="type" :i="index" :index="current"></lists> |
|
||||
</tab> |
|
||||
</tabs> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getCommunityCate2, |
|
||||
getCommunityArticleLists |
|
||||
} from '@/api/community.js'; |
|
||||
import Lists from "./lists.vue" |
|
||||
export default { |
|
||||
components: { |
|
||||
Lists |
|
||||
}, |
|
||||
props: { |
|
||||
active: { |
|
||||
type: Number |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
tabList: [{ |
|
||||
name: '全部', |
|
||||
id: '' |
|
||||
}], |
|
||||
current: 0., |
|
||||
type:1, |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
active() { |
|
||||
if(this.active == 1){ |
|
||||
this.initRecommendTopic() |
|
||||
this.mescroll.resetUpScroll() |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.initRecommendTopic() |
|
||||
}, |
|
||||
methods: { |
|
||||
initMescroll(event) { |
|
||||
this.isInit = true; // 标记为true |
|
||||
this.mescroll = event; |
|
||||
|
|
||||
}, |
|
||||
handleCancel() { |
|
||||
this.keyword = ''; |
|
||||
}, |
|
||||
// 切换标签导航 |
|
||||
changeTabs(event) { |
|
||||
this.current = event; |
|
||||
}, |
|
||||
// 初始化获取话题 |
|
||||
initRecommendTopic() { |
|
||||
getCommunityCate2({'type':this.type}).then(res => { |
|
||||
if( res.code === 1 ) { |
|
||||
this.tabList = [{ |
|
||||
name: '全部', |
|
||||
id: '' |
|
||||
}, ...res.data] |
|
||||
} else { |
|
||||
this.$toast({ title: res.msg }) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.explore { |
|
||||
|
|
||||
// pb |
|
||||
.content { |
|
||||
height: calc(100vh - 92px - var(--window-bottom)); |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,413 +0,0 @@ |
|||||
<template> |
|
||||
<view class="follow"> |
|
||||
<mescroll-uni ref="mescrollRef" top="0" :height="height" @init="initMescroll" @down="downCallback" |
|
||||
@up="upCallback" :down="downOption" :up="upOption"> |
|
||||
|
|
||||
<block v-for="(item, index) in lists" :key="index"> |
|
||||
<view class="content-box"> |
|
||||
<!-- 内容头部信息 --> |
|
||||
<router-link :to="'/bundle_b/pages/community_user/community_user?id=' + item.user.id"> |
|
||||
<view class="header flex row-between"> |
|
||||
<view class="flex"> |
|
||||
<!-- 头像 --> |
|
||||
<u-image width="70" height="70" :src="item.user.avatar" borderRadius="50%"></u-image> |
|
||||
<!-- 昵称 --> |
|
||||
<text class="normal bold m-l-16">{{ item.user.nickname }}</text> |
|
||||
</view> |
|
||||
<view> |
|
||||
<text class="muted">{{ item.create_time }}</text> |
|
||||
</view> |
|
||||
</view> |
|
||||
</router-link> |
|
||||
<!-- 内容媒体信息 --> |
|
||||
<view class="swiper-container"> |
|
||||
<product-swiper :imgUrls="item.images" :autoplay="false" borderRadius="14"></product-swiper> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 提到的宝贝( 商品 ) --> |
|
||||
<view class="goods-box bb flex row-between" @click="handleOpenGoods(item.id)" |
|
||||
v-if="item.goods_data.length"> |
|
||||
<text class="nr lighter">查看TA提到的服务({{item.goods_data.length}})</text> |
|
||||
<!-- <text class="tips xs">300+人评价</text> --> |
|
||||
<view class="goods flex"> |
|
||||
<block v-for="(goodsItem, goodsIndex) in item.goods_data" :key="goodsItem.id"> |
|
||||
<u-image v-if="goodsIndex <= 2" :src="goodsItem.image" width="58" height="58" |
|
||||
class="m-l-6"></u-image> |
|
||||
</block> |
|
||||
<u-icon name="arrow-right" class="m-l-10"></u-icon> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 提到的店铺( 店铺 ) --> |
|
||||
<view class="goods-box bb flex row-between" @click="handleOpenShop(item.id)" |
|
||||
v-if="item.shop_data.length"> |
|
||||
<text class="nr lighter">查看TA提到的商家({{item.shop_data.length}})</text> |
|
||||
<!-- <text class="tips xs">300+人评价</text> --> |
|
||||
<view class="goods flex"> |
|
||||
<block v-for="(shopItem, shopIndex) in item.shop_data" :key="shopIndex"> |
|
||||
<u-image v-if="shopIndex <= 2" :src="shopItem.logo" width="58" height="58" |
|
||||
class="m-l-6"></u-image> |
|
||||
</block> |
|
||||
<u-icon name="arrow-right" class="m-l-10"></u-icon> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 内容文字 --> |
|
||||
<view class="content "> |
|
||||
<view class="text" v-if="item.show"> |
|
||||
{{ item.beforeContent }}... |
|
||||
<text class="primary nr m-l-20" @click="handleShowContent(index)">展开</text> |
|
||||
</view> |
|
||||
<view class="text" v-else> |
|
||||
{{ item.content }} |
|
||||
</view> |
|
||||
<view class="tags" v-if="item.topic"> |
|
||||
<navigator hover-class="none" |
|
||||
:url="'/bundle_b/pages/community_topic/community_topic?id=' + item.topic.id +'&name=' + item.topic.name"> |
|
||||
<text class="sm"># {{ item.topic.name }}</text> |
|
||||
</navigator> |
|
||||
</view> |
|
||||
</view> |
|
||||
<!-- 底部 --> |
|
||||
<view class="footer flex row-between"> |
|
||||
<view> |
|
||||
<button open-type="share" @click="handleShare(item)" class="flex-col col--center" |
|
||||
hover-class="none"> |
|
||||
<image src="/static/images/icon_forward.png"></image> |
|
||||
</button> |
|
||||
</view> |
|
||||
<view class="flex nr lighter"> |
|
||||
<view class="flex likes-box"> |
|
||||
<view class="likes" :class="item.is_like==0 ? 'leave':'entry'" |
|
||||
@click="handleCommunityLike(item.is_like, item)"> |
|
||||
</view> |
|
||||
<image class="m-l-30"></image> |
|
||||
<text>{{ item.like }}</text> |
|
||||
</view> |
|
||||
<view class=" m-l-40" @click="handleOpenComment(item.id)"> |
|
||||
<image src="/static/images/icon_evaluate.png"></image> |
|
||||
<text>{{ item.comment }}</text> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</block> |
|
||||
|
|
||||
</mescroll-uni> |
|
||||
|
|
||||
<!-- 提到的商品 --> |
|
||||
<community-goods v-model="showGoodsPopup" v-if="showGoodsPopup" :communityId="communityId"></community-goods> |
|
||||
|
|
||||
<!-- 提到的店铺 --> |
|
||||
<community-shop v-model="showShopPopup" :communityId="communityId"></community-shop> |
|
||||
|
|
||||
<!-- 评论 --> |
|
||||
<community-comment-popup v-model="showComment" v-if="showComment" :communityId="communityId"> |
|
||||
</community-comment-popup> |
|
||||
|
|
||||
<!-- #ifdef H5 --> |
|
||||
<u-popup :custom-style="{'background': 'none'}" class="share-tips" v-model="showTips" mode="top"> |
|
||||
<view style="overflow: hidden;"> |
|
||||
<image src="/static/images/share_arrow.png" class="share-arrow" /> |
|
||||
<view class="white" style="text-align: center;margin-top: 280rpx;"> |
|
||||
<view class="bold lg">立即分享给好友吧</view> |
|
||||
<view class="sm m-t-10">点击屏幕右上角将本页面分享给好友</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</u-popup> |
|
||||
<!-- #endif --> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getCommunityFollow, |
|
||||
apiCommunityCommentLike |
|
||||
} from '@/api/community.js'; |
|
||||
import { |
|
||||
debounce |
|
||||
} from "@/utils/tools.js" |
|
||||
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"; |
|
||||
import MescrollMoreItemMixin from "@/components/mescroll-uni/mixins/mescroll-more-item.js"; |
|
||||
export default { |
|
||||
mixins: [MescrollMixin, MescrollMoreItemMixin], |
|
||||
props: { |
|
||||
active: { |
|
||||
type: Number |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
height: '', |
|
||||
canReset: true, |
|
||||
isLikes: false, |
|
||||
communityId: '', |
|
||||
upOption: { |
|
||||
empty: { |
|
||||
icon: '/static/images/follow_null.png', |
|
||||
tip: '暂未关注哦~', // 提示 |
|
||||
fixed: true, |
|
||||
top: "200rpx", |
|
||||
} |
|
||||
}, |
|
||||
lists: [], |
|
||||
show: false, |
|
||||
showGoodsPopup: false, |
|
||||
showShopPopup: false, |
|
||||
showTips: false, |
|
||||
showComment: false |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
active() { |
|
||||
if(this.active == 0){ |
|
||||
uni.$emit('hasNew', 0) |
|
||||
this.mescroll.resetUpScroll() |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.handleCommunityLike = debounce(this.handleCommunityLike, 100) |
|
||||
uni.getSystemInfo({ |
|
||||
success: (res) => { |
|
||||
this.height = res.windowHeight - 46 + 'px'; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
methods: { |
|
||||
initMescroll(event) { |
|
||||
this.isInit = true; // 标记为true |
|
||||
this.mescroll = event; |
|
||||
}, |
|
||||
// 获取 |
|
||||
async upCallback(page) { |
|
||||
const index = this.current; |
|
||||
const pageNum = page.num |
|
||||
const pageSize = page.size |
|
||||
|
|
||||
getCommunityFollow({ |
|
||||
page_no: pageNum, |
|
||||
page_size: pageSize, |
|
||||
}).then(res => { |
|
||||
// 如果是第一页需手动置空列表 |
|
||||
if (pageNum == 1) this.lists = [] |
|
||||
// 重置列表数据 |
|
||||
const hasNext = !!res.data.more; |
|
||||
res.data.list = this.handleContent(res.data.list) |
|
||||
this.lists = [...this.lists, ...res.data.list] |
|
||||
this.mescroll.endSuccess(res.data.list.length, hasNext); |
|
||||
}).catch((err) => { |
|
||||
this.mescroll.endErr() |
|
||||
}) |
|
||||
}, |
|
||||
// 处理打开商品推荐 |
|
||||
handleOpenGoods(id) { |
|
||||
this.communityId = id; |
|
||||
this.showGoodsPopup = true; |
|
||||
}, |
|
||||
// 处理打开获取店铺推荐 |
|
||||
handleOpenShop(id) { |
|
||||
this.communityId = id; |
|
||||
this.showShopPopup = true; |
|
||||
}, |
|
||||
// 处理内容超过固定长度或换行的就显示展开 |
|
||||
handleContent(list) { |
|
||||
return list.filter(item => { |
|
||||
if (item.content.indexOf('\n') > -1) { |
|
||||
const arr = item.content.split('\n') |
|
||||
if (arr.length >= 3) { |
|
||||
item.show = true |
|
||||
if (arr[0].length >= 25 || arr[1].length >= 25 || arr[2].length > 20) { |
|
||||
item.beforeContent = item.content.slice(0, arr[0].length + arr[1].length + arr[2].length - 10) |
|
||||
} else { |
|
||||
item.beforeContent = item.content.slice(0, arr[0].length + arr[1].length + arr[ |
|
||||
2].length - 10) |
|
||||
} |
|
||||
} else { |
|
||||
if (item.content.length >= 70) { |
|
||||
item.show = true |
|
||||
item.beforeContent = item.content.slice(0, 70) |
|
||||
} |
|
||||
} |
|
||||
} else { |
|
||||
if (item.content.length >= 70) { |
|
||||
item.show = true |
|
||||
item.beforeContent = item.content.slice(0, 70) |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
return true |
|
||||
}) |
|
||||
}, |
|
||||
// 展开内容 |
|
||||
handleShowContent(index) { |
|
||||
this.$set(this.lists[index], 'show', false) |
|
||||
}, |
|
||||
// 处理分享 |
|
||||
handleShare(item) { |
|
||||
// #ifdef MP |
|
||||
this.$emit('share', item) |
|
||||
// #endif |
|
||||
// #ifdef H5 |
|
||||
this.showTips = true |
|
||||
// #endif |
|
||||
// #ifndef MP |
|
||||
this.$store.commit('setCommunity', { |
|
||||
...item, |
|
||||
url: 'bundle_b/pages/community_detail/community_detail' |
|
||||
}) |
|
||||
this.$store.dispatch('communityShare') |
|
||||
// #endif |
|
||||
}, |
|
||||
// 点赞 |
|
||||
handleCommunityLike(status, item) { |
|
||||
switch (status) { |
|
||||
case 0: |
|
||||
this.$set(item, 'like', item.like + 1) |
|
||||
this.$set(item, 'is_like', 1) |
|
||||
break; |
|
||||
case 1: |
|
||||
this.$set(item, 'like', item.like - 1) |
|
||||
this.$set(item, 'is_like', 0) |
|
||||
break; |
|
||||
} |
|
||||
apiCommunityCommentLike({ |
|
||||
id: item.id, |
|
||||
status: status ? 0 : 1, |
|
||||
type: 1 |
|
||||
}).then(res => { |
|
||||
if (res.code === 1) { |
|
||||
// 点赞文章时 其他页面的状态也需要更改 |
|
||||
uni.$emit('changeItem', { |
|
||||
like: item.like, |
|
||||
is_like: item.is_like, |
|
||||
id: item.id |
|
||||
}) |
|
||||
} else { |
|
||||
// 不成功把它们改回去 |
|
||||
switch (status) { |
|
||||
case 0: |
|
||||
this.$set(item, 'like', item.like - 1) |
|
||||
this.$set(item, 'is_like', 0) |
|
||||
break; |
|
||||
case 1: |
|
||||
this.$set(item, 'like', item.like + 1) |
|
||||
this.$set(item, 'is_like', 1) |
|
||||
break; |
|
||||
} |
|
||||
this.$toast({ |
|
||||
title: res.msg |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 打开评论 |
|
||||
handleOpenComment(id) { |
|
||||
this.communityId = id; |
|
||||
this.showComment = true; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.content-box { |
|
||||
padding-bottom: 20rpx; |
|
||||
background-color: $-color-white; |
|
||||
|
|
||||
.bb { |
|
||||
border-bottom: 1px solid #f2f2f2; |
|
||||
} |
|
||||
|
|
||||
.header { |
|
||||
font-size: 28rpx; |
|
||||
padding: 20rpx 24rpx; |
|
||||
} |
|
||||
|
|
||||
.swiper-container { |
|
||||
padding: 0 20rpx; |
|
||||
} |
|
||||
|
|
||||
.goods-box { |
|
||||
padding: 15rpx 24rpx; |
|
||||
|
|
||||
.tips { |
|
||||
padding: 0 10rpx; |
|
||||
color: $-color-primary; |
|
||||
border-radius: 20rpx; |
|
||||
border: 1px solid $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.content { |
|
||||
padding: 24rpx; |
|
||||
padding-bottom: 0; |
|
||||
|
|
||||
.text { |
|
||||
white-space: pre-line; |
|
||||
line-height: 48rpx; |
|
||||
font-size: 28rpx; |
|
||||
color: $-color-normal; |
|
||||
} |
|
||||
|
|
||||
.tags { |
|
||||
padding-top: 24rpx; |
|
||||
|
|
||||
text { |
|
||||
margin-right: 20rpx; |
|
||||
border-radius: 26rpx; |
|
||||
padding: 8rpx 24rpx; |
|
||||
color: $-color-primary; |
|
||||
background: rgba($-color-primary, .1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.footer { |
|
||||
padding: 0 24rpx; |
|
||||
|
|
||||
image { |
|
||||
width: 44rpx; |
|
||||
height: 44rpx; |
|
||||
vertical-align: middle; |
|
||||
margin: 24rpx 6rpx; |
|
||||
} |
|
||||
|
|
||||
// 点赞动画 |
|
||||
.likes-box { |
|
||||
position: relative; |
|
||||
|
|
||||
.likes { |
|
||||
z-index: 99; |
|
||||
left: -36rpx; |
|
||||
width: 120rpx; |
|
||||
height: 120rpx; |
|
||||
margin-right: 6rpx; |
|
||||
position: absolute; |
|
||||
background: url('@/static/images/likes.png') no-repeat; |
|
||||
background-position: left; |
|
||||
background-size: cover; |
|
||||
} |
|
||||
|
|
||||
// 没点赞 |
|
||||
.leave { |
|
||||
background-position: left; |
|
||||
} |
|
||||
|
|
||||
// 点赞 |
|
||||
.entry { |
|
||||
background-position: right; |
|
||||
transition: background .6s steps(28); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.share-tips .share-arrow { |
|
||||
width: 140rpx; |
|
||||
height: 250rpx; |
|
||||
float: right; |
|
||||
margin: 15rpx 31rpx 0 0; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,110 +0,0 @@ |
|||||
<template> |
|
||||
<view class="header flex row-between"> |
|
||||
<router-link class="photo" to="/bundle_b/pages/published_works/published_works"> |
|
||||
<u-image src="/static/images/icon_photo.png" width="60" height="60" borderRadius="50%"></u-image> |
|
||||
</router-link> |
|
||||
<view class="mainnav flex"> |
|
||||
<view class="mainnav--item" :class="{'active': current === 0}" @click="changeNav(0)"> |
|
||||
<text>关注</text> |
|
||||
<text v-if="hasNew" class="new"></text> |
|
||||
</view> |
|
||||
<view class="mainnav--item" :class="{'active': current === 1}" @click="changeNav(1)"> |
|
||||
<text>服务</text> |
|
||||
</view> |
|
||||
|
|
||||
<view class="mainnav--item" :class="{'active': current === 2}" @click="changeNav(2)"> |
|
||||
<text>需求</text> |
|
||||
</view> |
|
||||
|
|
||||
<view class="mainnav--item" :class="{'active': current === 3}" @click="changeNav(3)"> |
|
||||
<text>机构</text> |
|
||||
</view> |
|
||||
|
|
||||
<view class="mainnav--item" :class="{'active': current === 4}" @click="changeNav(4)"> |
|
||||
<text>专家</text> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
<view class="user flex row-right"> |
|
||||
<router-link to="/bundle_b/pages/community_search/community_search" > |
|
||||
<u-icon v-if="current==0" name="search" size="34" class="m-r-20"></u-icon> |
|
||||
</router-link> |
|
||||
<router-link to="/bundle_b/pages/community_user/community_user"> |
|
||||
<u-image :src="userInfo.avatar?userInfo.avatar:'/static/images/portrait_empty.png'" width="60" height="60" borderRadius="50%"></u-image> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
mapGetters |
|
||||
} from "vuex" |
|
||||
export default { |
|
||||
name: 'like-header', |
|
||||
props: { |
|
||||
current: { |
|
||||
type: Number, |
|
||||
default: 1 |
|
||||
}, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
hasNew: false |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
uni.$on('hasNew', item => { |
|
||||
this.hasNew = item |
|
||||
}) |
|
||||
}, |
|
||||
methods: { |
|
||||
changeNav(index) { |
|
||||
console.log(index) |
|
||||
if(!this.isLogin) return this.$Router.push('/pages/login/login') |
|
||||
this.$emit('change', index); |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters(['userInfo']) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.header { |
|
||||
padding: 16rpx 24rpx; |
|
||||
background-color: $-color-white; |
|
||||
.photo { |
|
||||
width: 120rpx; |
|
||||
} |
|
||||
|
|
||||
.mainnav { |
|
||||
&--item { |
|
||||
width: 120rpx; |
|
||||
font-size: 32rpx; |
|
||||
font-weight: 500; |
|
||||
text-align: center; |
|
||||
color: #BBBBBB; |
|
||||
transition: all .2s linear; |
|
||||
|
|
||||
.new { |
|
||||
width: 10rpx; |
|
||||
height: 10rpx; |
|
||||
border-radius: 50%; |
|
||||
display: inline-block; |
|
||||
margin-bottom: 24rpx; |
|
||||
background-color: $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.active { |
|
||||
color: #000000; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.user { |
|
||||
width: 120rpx; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,103 +0,0 @@ |
|||||
<template> |
|
||||
<view class=""> |
|
||||
<mescroll-uni ref="mescrollRef" top="0" bottom="200rpx" :height="height" @init="mescrollInit" |
|
||||
@down="downCallback" @up="upCallback" :down="downOption" :up="upOption"> |
|
||||
<u-waterfall ref="uWaterfall" v-model="lists" :add-time="50"> |
|
||||
<template v-slot:left="{leftList}"> |
|
||||
<view style="padding:0 9rpx 0 30rpx"> |
|
||||
<community-list width="336rpx" type="waterfall" :list="leftList"></community-list> |
|
||||
</view> |
|
||||
</template> |
|
||||
<template v-slot:right="{rightList}"> |
|
||||
<view style="padding:0 30rpx 0 9rpx;"> |
|
||||
<community-list width="336rpx" type="waterfall" :list="rightList"></community-list> |
|
||||
</view> |
|
||||
</template> |
|
||||
</u-waterfall> |
|
||||
</mescroll-uni> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getCommunityArticleLists |
|
||||
} from '@/api/community.js'; |
|
||||
import { |
|
||||
trottle |
|
||||
} from "@/utils/tools.js" |
|
||||
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"; |
|
||||
import MescrollMoreItemMixin from "@/components/mescroll-uni/mixins/mescroll-more-item.js"; |
|
||||
export default { |
|
||||
mixins: [MescrollMixin, MescrollMoreItemMixin], |
|
||||
props: { |
|
||||
cateId: { |
|
||||
type: [String, Number] |
|
||||
}, |
|
||||
typeId: { |
|
||||
type: [String, Number] |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
height: '', |
|
||||
upOption: { |
|
||||
empty: { |
|
||||
icon: '/static/images/news_null.png', |
|
||||
tip: '暂无任何内容...', // 提示 |
|
||||
fixed: true, |
|
||||
top: "0", |
|
||||
} |
|
||||
}, |
|
||||
lists: [] |
|
||||
} |
|
||||
}, |
|
||||
mounted() { |
|
||||
uni.$on('changeItem', (event) => { |
|
||||
const index = this.lists.findIndex(el => el.id == event.id) |
|
||||
if (index == -1) return |
|
||||
this.$refs.uWaterfall.modify(event.id, 'like', event.like) |
|
||||
this.$refs.uWaterfall.modify(event.id, 'is_like', event.is_like) |
|
||||
}) |
|
||||
|
|
||||
uni.getSystemInfo({ |
|
||||
success: (res) => { |
|
||||
this.height = res.windowHeight - 46 + 'px'; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
methods: { |
|
||||
// 获取 |
|
||||
async upCallback(page) { |
|
||||
const pageNum = page.num |
|
||||
const pageSize = page.size |
|
||||
|
|
||||
getCommunityArticleLists({ |
|
||||
type:this.typeId, |
|
||||
cate_id: this.cateId, |
|
||||
page_no: pageNum, |
|
||||
page_size: pageSize, |
|
||||
}).then(res => { |
|
||||
// 如果是第一页需手动置空列表 |
|
||||
if (pageNum == 1) { |
|
||||
this.$refs.uWaterfall.clear() |
|
||||
this.lists = [] |
|
||||
} |
|
||||
// 重置列表数据 |
|
||||
const hasNext = !!res.data.more; |
|
||||
// 异步：让vue能够监听到数据改变过了 |
|
||||
|
|
||||
// has_new 是通知父组件将关注右上角的是否新更新小点显示或隐藏 |
|
||||
uni.$emit('hasNew', res.data.has_new) |
|
||||
|
|
||||
setTimeout(() => { |
|
||||
this.lists = [...this.lists, ...res.data.list] |
|
||||
}, 0) |
|
||||
this.mescroll.endSuccess(res.data.list.length, hasNext); |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style> |
|
||||
</style> |
|
||||
@ -1,184 +0,0 @@ |
|||||
<template> |
|
||||
<view class="forget-pwd bg-white"> |
|
||||
<view class="input-container"> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">手机号</view> |
|
||||
<u-input v-model="mobile" class="input" placeholder="请输入手机号码" /> |
|
||||
</view> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">短信验证码</view> |
|
||||
<u-input v-model="smsCode" style="width: 300rpx" placeholder="请输入验证码" /> |
|
||||
<button class="bd-primary xs primary br60 flex row-center" @click="sendSmsFun"> |
|
||||
<!-- 获取验证码 --> |
|
||||
<u-verification-code unique-key="forget-pwd" ref="uCode" @change="codeChange"> |
|
||||
</u-verification-code> |
|
||||
<view class="xs">{{codeTips}}</view> |
|
||||
</button> |
|
||||
</view> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">重置密码</view> |
|
||||
<u-input type="password" v-model="resetPwd" placeholder="6-20位数字+字母或符号组合" /> |
|
||||
</view> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">确认密码</view> |
|
||||
<u-input type="password" v-model="comfirmPwd" placeholder="请再次输入密码" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="btn white bg-primary br60 flex row-center" @click="forgetPwdFun"> |
|
||||
确认 |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
forgetPwd, |
|
||||
sendSms |
|
||||
} from '@/api/app.js' |
|
||||
import { |
|
||||
ACCESS_TOKEN |
|
||||
} from '@/config/app.js' |
|
||||
import { |
|
||||
SMSType |
|
||||
} from '@/utils/type.js' |
|
||||
import { |
|
||||
mapMutations |
|
||||
} from 'vuex' |
|
||||
export default { |
|
||||
name: 'forgetPwd', |
|
||||
data() { |
|
||||
return { |
|
||||
mobile: '', |
|
||||
smsCode: '', |
|
||||
resetPwd: '', |
|
||||
comfirmPwd: '', |
|
||||
time: 59, |
|
||||
codeTips: '', |
|
||||
} |
|
||||
}, |
|
||||
onLoad() { |
|
||||
|
|
||||
}, |
|
||||
methods: { |
|
||||
...mapMutations(['login']), |
|
||||
codeChange(tip) { |
|
||||
this.codeTips = tip |
|
||||
}, |
|
||||
forgetPwdFun() { |
|
||||
let { |
|
||||
mobile, |
|
||||
smsCode, |
|
||||
resetPwd, |
|
||||
comfirmPwd |
|
||||
} = this; |
|
||||
if (!mobile) { |
|
||||
this.$toast({ |
|
||||
title: '请填写手机号' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
if (!smsCode) { |
|
||||
this.$toast({ |
|
||||
title: '请填写短信验证码' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
if (!resetPwd) { |
|
||||
this.$toast({ |
|
||||
title: '请填写重置密码' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
if (!comfirmPwd) { |
|
||||
this.$toast({ |
|
||||
title: '请填写确认密码' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
if (resetPwd != comfirmPwd) { |
|
||||
this.$toast({ |
|
||||
title: '两次密码输入不一致' |
|
||||
}); |
|
||||
return; |
|
||||
} |
|
||||
let data = { |
|
||||
mobile: mobile, |
|
||||
code: smsCode, |
|
||||
password: resetPwd, |
|
||||
repassword: comfirmPwd |
|
||||
}; |
|
||||
forgetPwd(data).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
this.login(data); |
|
||||
this.$toast({ |
|
||||
title: res.msg |
|
||||
}); |
|
||||
// 跳转到登录页 |
|
||||
setTimeout(() => { |
|
||||
uni.navigateBack() |
|
||||
}, 1000) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
sendSmsFun() { |
|
||||
if(!this.$refs.uCode.canGetCode) return |
|
||||
if (!this.mobile) { |
|
||||
this.$toast({ |
|
||||
title: '请填写手机号信息' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
sendSms({ |
|
||||
mobile: this.mobile, |
|
||||
key: SMSType.FINDPWD |
|
||||
}).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
this.$toast({title:res.msg}); |
|
||||
this.$refs.uCode.start(); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
page { |
|
||||
padding: 0; |
|
||||
} |
|
||||
.forget-pwd { |
|
||||
min-height: 100vh; |
|
||||
padding: 40px 20px 0; |
|
||||
padding: 80rpx 40rpx 0; |
|
||||
|
|
||||
.input-container { |
|
||||
.input-item { |
|
||||
padding: 0 20rpx; |
|
||||
height: 88rpx; |
|
||||
margin-bottom: 30rpx; |
|
||||
border-bottom: 1px solid #D7D7D7; |
|
||||
|
|
||||
.input-label { |
|
||||
width: 180rpx; |
|
||||
flex: none; |
|
||||
} |
|
||||
|
|
||||
.bd-primary { |
|
||||
height: 56rpx; |
|
||||
width: 176rpx; |
|
||||
flex: none; |
|
||||
border: 1px solid $-color-primary; |
|
||||
|
|
||||
.seconds { |
|
||||
color: $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.btn { |
|
||||
margin-top: 60rpx; |
|
||||
padding: 20rpx 0; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,92 +0,0 @@ |
|||||
<template> |
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" |
|
||||
:up="upOption"> |
|
||||
<view class="get-coupon"> |
|
||||
<view> |
|
||||
<image class="banner" src="/static/images/banner_coupon.jpg"></image> |
|
||||
</view> |
|
||||
<view class="bg-body main"> |
|
||||
<coupon-list :list="couponList" :btn-type="3" @refresh="refresh"></coupon-list> |
|
||||
</view> |
|
||||
</view> |
|
||||
</mescroll-body> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getCouponList, |
|
||||
getCoupon |
|
||||
} from '@/api/activity'; |
|
||||
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins"; |
|
||||
export default { |
|
||||
mixins: [MescrollMixin], |
|
||||
data() { |
|
||||
return { |
|
||||
active: 0, |
|
||||
upOption: { |
|
||||
empty: { |
|
||||
icon: '/static/images/coupon_null.png', |
|
||||
tip: "暂无优惠券", |
|
||||
} |
|
||||
}, |
|
||||
tabList: [{ |
|
||||
name: '全部', |
|
||||
type: 'all' |
|
||||
},{ |
|
||||
name: '店铺券', |
|
||||
type: 'shop' |
|
||||
},{ |
|
||||
name: '通用券', |
|
||||
type: 'platform' |
|
||||
}], |
|
||||
couponList: [] |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
onLoad(options) { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
upCallback(page) { |
|
||||
const {tabList, active} = this |
|
||||
getCouponList({ |
|
||||
page_size:page.size, |
|
||||
page_no:page.num, |
|
||||
type: tabList[active].type |
|
||||
}).then(({ |
|
||||
data |
|
||||
}) => { |
|
||||
if (page.num == 1) this.couponList = []; |
|
||||
const curPageData = data.lists; |
|
||||
const curPageLen = curPageData.length; |
|
||||
const hasNext = !!data.more; |
|
||||
this.couponList = this.couponList.concat(curPageData); |
|
||||
this.mescroll.endSuccess(curPageLen, hasNext); |
|
||||
}).catch(() => { |
|
||||
this.mescroll.endErr() |
|
||||
}) |
|
||||
}, |
|
||||
changeActive(index) { |
|
||||
this.active = index |
|
||||
this.refresh() |
|
||||
}, |
|
||||
refresh() { |
|
||||
this.couponList = [] // 先置空列表,显示加载进度 |
|
||||
this.mescroll.resetUpScroll() // 再刷新列表数据 |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
<style> |
|
||||
.banner { |
|
||||
width: 100%; |
|
||||
height: 340rpx; |
|
||||
} |
|
||||
.main { |
|
||||
border-radius: 20rpx 20rpx 0 0; |
|
||||
margin-top: -20rpx; |
|
||||
overflow: hidden; |
|
||||
position: relative; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,169 +0,0 @@ |
|||||
<template> |
|
||||
<view class="register"> |
|
||||
<view class="input-container"> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">手机号</view> |
|
||||
<u-input v-model="mobile" class="input" placeholder="请输入手机号码" /> |
|
||||
</view> |
|
||||
<view class="input-item flex" v-if="appConfig.register_setting"> |
|
||||
<view class="input-label flex normal">短信验证码</view> |
|
||||
<u-input v-model="smsCode" style="width: 300rpx" placeholder="请输入验证码" /> |
|
||||
<button class="bd-primary xs primary br60 flex row-center" hover-class="none" @click="sendSmsFun"> |
|
||||
<!-- 获取验证码 --> |
|
||||
<u-verification-code unique-key="register" ref="uCode" @change="codeChange" > |
|
||||
</u-verification-code> |
|
||||
<view class="xs">{{codeTips}}</view> |
|
||||
</button> |
|
||||
</view> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">设置密码</view> |
|
||||
<u-input type="password" v-model="password" placeholder="6-20位数字+字母或符号组合" /> |
|
||||
</view> |
|
||||
<view class="input-item flex"> |
|
||||
<view class="input-label flex normal">确认密码</view> |
|
||||
<u-input type="password" v-model="passwordConfirm" placeholder="6-20位数字+字母或符号组合" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="btn white bg-primary br60 flex row-center" @click="registerFun"> |
|
||||
立即注册 |
|
||||
</view> |
|
||||
<view class="m-t-40 sm flex row-center"> |
|
||||
<u-checkbox v-model="isAgreement" shape="circle"> |
|
||||
<div class="flex"> |
|
||||
已阅读并同意 |
|
||||
<router-link to="/bundle/pages/server_explan/server_explan?type=0"> |
|
||||
<view class="primary">《服务协议》</view> |
|
||||
</router-link> |
|
||||
和 |
|
||||
<router-link to="/bundle/pages/server_explan/server_explan?type=1"> |
|
||||
<view class="primary">《隐私协议》</view> |
|
||||
</router-link> |
|
||||
</div> |
|
||||
</u-checkbox> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import {register, sendSms} from '@/api/app.js' |
|
||||
import { ACCESS_TOKEN } from '@/config/app.js' |
|
||||
import {SMSType} from '@/utils/type.js' |
|
||||
import { |
|
||||
mapMutations, |
|
||||
mapGetters |
|
||||
} from 'vuex' |
|
||||
|
|
||||
export default { |
|
||||
name: 'register', |
|
||||
created() { |
|
||||
|
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
isAgreement: false, |
|
||||
mobile: '', |
|
||||
smsCode: '', |
|
||||
password: '', |
|
||||
passwordConfirm: "", |
|
||||
canSendSms: true, |
|
||||
codeTips: '' |
|
||||
} |
|
||||
}, |
|
||||
onLoad() { |
|
||||
// console.log(this.appConfig) |
|
||||
}, |
|
||||
methods: { |
|
||||
|
|
||||
...mapMutations(['login']), |
|
||||
codeChange(tip) { |
|
||||
this.codeTips = tip |
|
||||
}, |
|
||||
registerFun() { |
|
||||
let {isAgreement, mobile, password, smsCode, passwordConfirm} = this; |
|
||||
if(!isAgreement) return this.$toast({ title: '请先勾选\"已阅读并同意《服务协议》和《隐私协议》\"' }) |
|
||||
if(!mobile) { |
|
||||
this.$toast({title: '请填写手机号'}); |
|
||||
return; |
|
||||
} |
|
||||
if(!password) { |
|
||||
this.$toast({title: "请设置密码"}) |
|
||||
return; |
|
||||
} |
|
||||
if(password != passwordConfirm) { |
|
||||
this.$toast({title: "两次密码输入不一致"}) |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
let data = {mobile: mobile, password: password, code: smsCode, client: 2} |
|
||||
register(data).then(res => { |
|
||||
if(res.code == 1) { |
|
||||
this.login(data) |
|
||||
this.$toast({title: res.msg}); |
|
||||
// 跳转到登录页 |
|
||||
setTimeout(() => { |
|
||||
uni.navigateBack() |
|
||||
}, 1000) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
countDownFinish() { |
|
||||
this.canSendSms = true; |
|
||||
}, |
|
||||
|
|
||||
|
|
||||
|
|
||||
sendSmsFun() { |
|
||||
if(!this.$refs.uCode.canGetCode) return |
|
||||
if(!this.mobile) { |
|
||||
this.$toast({title: '请填写手机号信息～'}) |
|
||||
return; |
|
||||
} |
|
||||
sendSms({mobile: this.mobile, key: SMSType.REGISTER}).then(res => { |
|
||||
if(res.code == 1) { |
|
||||
this.$toast({title:res.msg}); |
|
||||
this.$refs.uCode.start(); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters(['appConfig']), |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
page { |
|
||||
background-color: white; |
|
||||
} |
|
||||
.register { |
|
||||
padding: 80rpx 40rpx 0; |
|
||||
.input-container { |
|
||||
.input-item { |
|
||||
padding: 0 20rpx; |
|
||||
height: 88rpx; |
|
||||
margin-bottom: 30rpx; |
|
||||
border-bottom: 1px solid #D7D7D7; |
|
||||
.input-label { |
|
||||
width: 180rpx; |
|
||||
flex: none; |
|
||||
} |
|
||||
.bd-primary { |
|
||||
height: 56rpx; |
|
||||
width: 176rpx; |
|
||||
flex: none; |
|
||||
border: 1px solid $-color-primary; |
|
||||
.seconds { |
|
||||
color: $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.btn { |
|
||||
margin-top: 60rpx; |
|
||||
padding: 20rpx 0; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,769 +0,0 @@ |
|||||
<template> |
|
||||
<view class="goods-details"> |
|
||||
<u-navbar id="navbar" :border-bottom="false" |
|
||||
:background="{ background: 'rgba(256,256,256, '+ navStyle.backgroundBg +')', }" |
|
||||
:back-bg="'rgba(0,0,0,' + navStyle.backBg + ')'" :back-icon-color="navStyle.backColor" :immersive="true"> |
|
||||
<tabs sticky-bg-color="transparent" v-if="navStyle.backgroundBg > 0.1" :show-bar="true" :bar-width="60" |
|
||||
:is-scroll="false" :current="active" bg-color="transparent" |
|
||||
:style="{width: '100%', opacity: navStyle.backgroundBg}" @change="changeActive"> |
|
||||
<tab name="资料"></tab> |
|
||||
<tab name="详情"></tab> |
|
||||
</tabs> |
|
||||
</u-navbar> |
|
||||
|
|
||||
<view class="contain" v-if="!isNull" id="goods" @touchstart="isTouchStart = true"> |
|
||||
|
|
||||
<bubble-tips top="200rpx"></bubble-tips> |
|
||||
|
|
||||
<product-swiper :imgUrls="swiperList" ></product-swiper> |
|
||||
|
|
||||
|
|
||||
<view class="goods-info bg-white"> |
|
||||
<view class="info-header flex"> |
|
||||
<view class="price flex flex-1"> |
|
||||
<view class="primary m-r-10"> |
|
||||
<text style="font-weight: 500" class="price-format"> |
|
||||
<text style="font-size: 46rpx;margin-right: 1rpx" >{{resourceDetail.price_str}}</text> |
|
||||
</text> |
|
||||
</view> |
|
||||
</view> |
|
||||
<!-- <image class="icon-share" src="/static/images/icon_share.png" @tap="showShareBtn = true"></image> --> |
|
||||
</view> |
|
||||
<view class="flex"> |
|
||||
<view class="name lg bold">{{ resourceDetail.title }}</view> |
|
||||
</view> |
|
||||
<view class="flex row-between xs lighter" style="padding: 0 24rpx 20rpx"> |
|
||||
<text>区域: {{ resourceDetail.address }}</text> |
|
||||
<text>下载量: {{ resourceDetail.download }}</text> |
|
||||
<text>浏览量: {{ resourceDetail.visit }}</text> |
|
||||
|
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view> |
|
||||
<get-coupon :wrap-style="{'margin-top': '20rpx'}" :goods-id="resourceDetail.id"></get-coupon> |
|
||||
</view> |
|
||||
|
|
||||
<view class="details m-t-20 bg-white" id="details"> |
|
||||
<view class="title lg">资料简介</view> |
|
||||
<view class="content"> |
|
||||
<u-parse :html="resourceDetail.content" :lazy-load="true" :show-with-animation="true"></u-parse> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="footer flex bg-white fixed"> |
|
||||
|
|
||||
<template> |
|
||||
<view class="right-buy br60 white m-r-20 m-l-10 md" @click="doFun()" >{{ btnText.red }}</view> |
|
||||
</template> |
|
||||
|
|
||||
</view> |
|
||||
</view> |
|
||||
<view v-else> |
|
||||
<view class="details-null flex-col col-center"> |
|
||||
<image class="img-null" src="/static/images/goods_null.png"></image> |
|
||||
<view class="xs muted">该资料已经去星球外啦，去看看别的吧~</view> |
|
||||
</view> |
|
||||
<goods-column></goods-column> |
|
||||
</view> |
|
||||
|
|
||||
<share-popup :show="showShareBtn" @close="showShareBtn = false" :goods-id="id" :img-url="resourceDetail.image" |
|
||||
:summary="resourceDetail.intro" :share-title="resourceDetail.title"></share-popup> |
|
||||
<!-- 悬浮按钮 --> |
|
||||
<float-tab></float-tab> |
|
||||
|
|
||||
<loading-view v-if="isFirstLoading"></loading-view> |
|
||||
</view> |
|
||||
</template> |
|
||||
team_min_price |
|
||||
<script> |
|
||||
import { |
|
||||
resourceOrderBuy |
|
||||
} from '@/api/order'; |
|
||||
import { |
|
||||
prepay, |
|
||||
getMnpNotice, |
|
||||
getPayway |
|
||||
} from '@/api/app'; |
|
||||
import { |
|
||||
getResourceDetail, |
|
||||
getGoodsDetail, |
|
||||
addCart |
|
||||
} from '@/api/store'; |
|
||||
import { |
|
||||
collectGoods |
|
||||
} from '@/api/user'; |
|
||||
import { |
|
||||
getCouponList, |
|
||||
teamCheck |
|
||||
} from '@/api/activity'; |
|
||||
import { |
|
||||
mapActions, |
|
||||
mapGetters |
|
||||
} from 'vuex'; |
|
||||
import { |
|
||||
toLogin |
|
||||
} from '@/utils/login'; |
|
||||
import Cache from '@/utils/cache'; |
|
||||
import { |
|
||||
strToParams, |
|
||||
arraySlice, |
|
||||
getRect, |
|
||||
getcu |
|
||||
} from '@/utils/tools' |
|
||||
const app = getApp() |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
active: 0, |
|
||||
isTouchStart: false, |
|
||||
topArr: [], |
|
||||
isFirstLoading: true, |
|
||||
isNull: false, |
|
||||
isGroup: 0, |
|
||||
showSpec: false, |
|
||||
showCoupon: false, |
|
||||
showShareBtn: false, |
|
||||
showCommission: true, |
|
||||
popupType: '', |
|
||||
swiperList: [], |
|
||||
goodsDetail: {}, |
|
||||
goodsType: 0, |
|
||||
checkedGoods: {}, |
|
||||
comment: {}, |
|
||||
countTime: 0, |
|
||||
team: {}, |
|
||||
teamFound: [], |
|
||||
showtxt:[], |
|
||||
resourceDetail:{}, |
|
||||
navStyle: { |
|
||||
backBg: 0.4, |
|
||||
backgroundBg: 0, |
|
||||
backColor: 'rgba(256,256,256,1)' |
|
||||
}, |
|
||||
id: '', |
|
||||
shop: {}, |
|
||||
// 分销 |
|
||||
distribution: {} |
|
||||
}; |
|
||||
}, |
|
||||
onLoad() { |
|
||||
const options = this.$Route.query; |
|
||||
if (options && options.scene) { |
|
||||
const scene = strToParams(decodeURIComponent(options.scene)); |
|
||||
options.id = scene.id; |
|
||||
} |
|
||||
this.id = options.id; |
|
||||
this.getResourceDetailFun(); |
|
||||
}, |
|
||||
onShow() { |
|
||||
|
|
||||
}, |
|
||||
onPageScroll(e) { |
|
||||
const top = uni.upx2px(500) |
|
||||
const { |
|
||||
scrollTop |
|
||||
} = e |
|
||||
const percent = scrollTop / top |
|
||||
this.navStyle.backgroundBg = percent |
|
||||
this.navStyle.backBg = 0.4 * (0.5 - percent) |
|
||||
this.navStyle.backColor = percent < 0.5 ? 'rgba(256,256,256,' + (0.5 - percent) * 2 + ')' : 'rgba(0,0,0,' + |
|
||||
( |
|
||||
percent - 0.5) * 2 + ')' |
|
||||
if (!this.isTouchStart) return |
|
||||
const topList = this.topArr.map((item, index) => ({ |
|
||||
index, |
|
||||
top: item |
|
||||
})) |
|
||||
.filter(item => item.top <= scrollTop) |
|
||||
|
|
||||
if (topList.length) { |
|
||||
const index = topList.sort((a, b) => b.top - a.top)[0].index |
|
||||
if (this.active == index) return |
|
||||
this.active = index |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
...mapActions([ 'wxShare']), |
|
||||
doFun(){ |
|
||||
console.log(1111) |
|
||||
const { |
|
||||
goodsType, |
|
||||
isLogin |
|
||||
} = this |
|
||||
if (!isLogin) { |
|
||||
uni.navigateTo({ |
|
||||
url: '/pages/login/login' |
|
||||
}); |
|
||||
return true; |
|
||||
} |
|
||||
|
|
||||
//免费下载 |
|
||||
if(goodsType == 0){ |
|
||||
|
|
||||
let msg = "下载中..."; |
|
||||
this.showLoading = false |
|
||||
uni.showLoading({ |
|
||||
title: msg |
|
||||
}); |
|
||||
console.log(this) |
|
||||
uni.downloadFile({ |
|
||||
url: this.resourceDetail.path, //仅为示例，并非真实的资源 |
|
||||
success: (res) => { |
|
||||
if (res.statusCode === 200) { |
|
||||
console.log(res); |
|
||||
uni.saveFile({ |
|
||||
tempFilePath: res.tempFilePath, |
|
||||
success: function (res2) { |
|
||||
var savedFilePath = res2.savedFilePath; |
|
||||
let msg = "文件存储到"+savedFilePath; |
|
||||
uni.showLoading({ |
|
||||
title: msg |
|
||||
}); |
|
||||
setTimeout(function () { |
|
||||
uni.hideLoading() |
|
||||
}, 2000); |
|
||||
}, |
|
||||
fail: function(err) { |
|
||||
uni.showLoading({ |
|
||||
title: "下载失败" |
|
||||
}); |
|
||||
setTimeout(function () { |
|
||||
uni.hideLoading() |
|
||||
}, 2000); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
// uni.downloadFile({ |
|
||||
// url: this.resourceDetail.path,//文件的下载路径 |
|
||||
// success(res) { |
|
||||
// //保存到本地 |
|
||||
// uni.saveFile({ |
|
||||
// tempFilePath: res.tempFilePath,//文件的临时路径 |
|
||||
// success: function(res) { |
|
||||
// const savedFilePath = res.savedFilePath; |
|
||||
// // 打开文件 |
|
||||
// uni.openDocument({ |
|
||||
// filePath: savedFilePath, |
|
||||
// success: function(res) { |
|
||||
// uni.hideLoading() |
|
||||
// }, |
|
||||
// fail: function(res) {}, |
|
||||
// complete: function(res) { |
|
||||
// setTimeout(uni.hideLoading(), 4000) |
|
||||
// }, |
|
||||
// }); |
|
||||
// }, |
|
||||
// fail: function(err) { } |
|
||||
// }); |
|
||||
// }, |
|
||||
// fail(res) {} |
|
||||
// }) |
|
||||
}else if(goodsType == 1){ //vip会员开通页面 |
|
||||
uni.navigateTo({ |
|
||||
url: '/pages/user/vip' |
|
||||
}); |
|
||||
}else if(goodsType == 2){ //下单购买页面 |
|
||||
console.log('购买页') |
|
||||
this.onSubmitOrder(); |
|
||||
} |
|
||||
}, |
|
||||
changeActive(index) { |
|
||||
this.isTouchStart = false |
|
||||
|
|
||||
uni.pageScrollTo({ |
|
||||
scrollTop: this.topArr[index], |
|
||||
duration: 200 |
|
||||
}); |
|
||||
}, |
|
||||
getRectInfo() { |
|
||||
if (this.topArr.length) return |
|
||||
getRect('#goods').then((res) => { |
|
||||
this.topArr[0] = res.top - this.navHeight |
|
||||
}) |
|
||||
getRect('#evaluation').then((res) => { |
|
||||
this.topArr[1] = res.top - this.navHeight |
|
||||
}) |
|
||||
getRect('#details').then((res) => { |
|
||||
this.topArr[2] = res.top - this.navHeight |
|
||||
}) |
|
||||
}, |
|
||||
async getResourceDetailFun() { |
|
||||
const { |
|
||||
data, |
|
||||
code |
|
||||
} = await getResourceDetail({ |
|
||||
id: this.id |
|
||||
}); |
|
||||
if (code == 1) { |
|
||||
const { |
|
||||
image, |
|
||||
title, |
|
||||
content, |
|
||||
visit, |
|
||||
likes, |
|
||||
intro, |
|
||||
path, |
|
||||
price_str, |
|
||||
type, |
|
||||
goodsType, |
|
||||
address |
|
||||
} = data; |
|
||||
|
|
||||
this.intro = intro || {} |
|
||||
this.image = image |
|
||||
this.resourceDetail = data; |
|
||||
this.swiperList = [{id:data.id,uri:image}]; |
|
||||
console.log(this.swiperList) |
|
||||
this.goodsType = goodsType; |
|
||||
console.log(goodsType) |
|
||||
this.$nextTick(() => { |
|
||||
// 滚动到顶部，防止h5端出现问题 |
|
||||
uni.pageScrollTo({ |
|
||||
scrollTop: 0, |
|
||||
duration: 0, |
|
||||
}); |
|
||||
this.isFirstLoading = false; |
|
||||
this.getRectInfo() |
|
||||
}); |
|
||||
// #ifdef H5 |
|
||||
const options = { |
|
||||
shareTitle: data.title, |
|
||||
shareImage: data.image, |
|
||||
shareDesc: data.intro |
|
||||
}; |
|
||||
this.wxShare(options); |
|
||||
// #endif |
|
||||
} else { |
|
||||
this.isNull = true |
|
||||
this.isFirstLoading = false; |
|
||||
} |
|
||||
}, |
|
||||
showCouponFun() { |
|
||||
if (!this.isLogin) return toLogin(); |
|
||||
this.showCoupon = true; |
|
||||
}, |
|
||||
|
|
||||
showSpecFun(type) { |
|
||||
this.popupType = type; |
|
||||
this.showSpec = true; |
|
||||
}, |
|
||||
|
|
||||
getAuthMsg() { |
|
||||
return new Promise(resolve => { |
|
||||
getMnpNotice({ |
|
||||
scene: 1 |
|
||||
}).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
uni.requestSubscribeMessage({ |
|
||||
tmplIds: res.data, |
|
||||
|
|
||||
fail(res) { |
|
||||
console.log(res.errMsg); |
|
||||
}, |
|
||||
|
|
||||
complete() { |
|
||||
resolve(); |
|
||||
} |
|
||||
|
|
||||
}); |
|
||||
} else { |
|
||||
resolve(); |
|
||||
} |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
onSubmitOrder() { |
|
||||
uni.showModal({ |
|
||||
title: '温馨提示', |
|
||||
content: '是否确认购买?', |
|
||||
confirmColor: '#FF2C3C', |
|
||||
confirmText:"前往支付", |
|
||||
success: async res => { |
|
||||
let { |
|
||||
confirm |
|
||||
} = res; |
|
||||
if (confirm) { |
|
||||
// #ifdef MP-WEIXIN |
|
||||
await this.getAuthMsg(); |
|
||||
//#endif |
|
||||
this.showLoading = true |
|
||||
this.orderBuyFun('submit'); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
async orderBuyFun() { |
|
||||
const submitObj = { |
|
||||
org_id: this.id //当前购买的资料id |
|
||||
}; |
|
||||
let { |
|
||||
data: orderData, |
|
||||
code: orderCode, |
|
||||
msg: orderMsg |
|
||||
} = await resourceOrderBuy(submitObj) |
|
||||
|
|
||||
if (orderCode !== 1) return this.showLoading = false |
|
||||
this.showLoading = false |
|
||||
let order_id = orderData.trade_id; |
|
||||
|
|
||||
uni.$on('payment', params => { |
|
||||
setTimeout(() => { |
|
||||
if (params.result) { |
|
||||
console.log('Jason', this) |
|
||||
this.$Router.replace({ |
|
||||
path: '/pages/pay_result/pay_result', |
|
||||
query: { |
|
||||
id: params.order_id, |
|
||||
type:2, |
|
||||
org_id:this.id, |
|
||||
from: "trade" |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
location.reload() |
|
||||
} |
|
||||
}, 1 * 500) |
|
||||
}) |
|
||||
|
|
||||
uni.navigateTo({ |
|
||||
url: `/pages/payment/payment?from=trade&order_id=${order_id}` |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
async onShareAppMessage() { |
|
||||
const { |
|
||||
resourceDetail, |
|
||||
inviteCode, |
|
||||
team |
|
||||
} = this; |
|
||||
return { |
|
||||
title: resourceDetail.title, |
|
||||
imageUrl: resourceDetail.image, |
|
||||
path: '/pages/resource_details/resource_details?id=' + this.id |
|
||||
}; |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters(['cartNum', 'inviteCode', 'sysInfo', 'appConfig', 'userInfo']), |
|
||||
btnText() { |
|
||||
const { |
|
||||
goodsType |
|
||||
} = this; |
|
||||
console.log(goodsType,222333) |
|
||||
switch (goodsType) { |
|
||||
case 0: |
|
||||
return { |
|
||||
red: '立即下载' |
|
||||
}; |
|
||||
case 1: |
|
||||
return { |
|
||||
red: '开通vip' |
|
||||
}; |
|
||||
default: |
|
||||
return { |
|
||||
red: '立即购买' |
|
||||
}; |
|
||||
} |
|
||||
}, |
|
||||
getTeamCountTime() { |
|
||||
return time => time - Date.now() / 1000; |
|
||||
}, |
|
||||
navHeight() { |
|
||||
return this.sysInfo.navHeight |
|
||||
}, |
|
||||
enableCommission() { |
|
||||
const { |
|
||||
goodsType, |
|
||||
distribution: { |
|
||||
earnings, |
|
||||
is_show |
|
||||
} |
|
||||
} = this |
|
||||
return goodsType == 0 && earnings > 0 && is_show == 1 |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
@import '@/styles/base.scss'; |
|
||||
|
|
||||
.goods-details { |
|
||||
padding-bottom: calc(120rpx + env(safe-area-inset-bottom)); |
|
||||
|
|
||||
.seckill { |
|
||||
height: 100rpx; |
|
||||
background: #ffd4d8; |
|
||||
|
|
||||
.price { |
|
||||
width: 504rpx; |
|
||||
height: 100%; |
|
||||
background: url(../../static/images/bg_seckill.png) no-repeat; |
|
||||
background-size: 100%; |
|
||||
} |
|
||||
|
|
||||
.down { |
|
||||
flex: 1; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.group { |
|
||||
height: 100rpx; |
|
||||
width: 100%; |
|
||||
background-image: url(../../static/images/pintuan_bg.png); |
|
||||
background-size: 100%; |
|
||||
|
|
||||
.group-num { |
|
||||
border: 1px solid #ffffff; |
|
||||
border-radius: 4rpx; |
|
||||
|
|
||||
.group-icon { |
|
||||
background: #fff; |
|
||||
padding: 3rpx 7rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.down { |
|
||||
height: 100%; |
|
||||
background-color: #fff5e1; |
|
||||
padding: 0 20rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.goods-info { |
|
||||
position: relative; |
|
||||
|
|
||||
.info-header { |
|
||||
padding: 20rpx 0 0rpx 24rpx; |
|
||||
|
|
||||
.price { |
|
||||
align-items: baseline; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.name { |
|
||||
padding: 20rpx 24rpx; |
|
||||
flex: 1; |
|
||||
} |
|
||||
|
|
||||
.icon-share { |
|
||||
width: 134rpx; |
|
||||
height: 60rpx; |
|
||||
} |
|
||||
.vip-price { |
|
||||
margin: 0 24rpx; |
|
||||
background-color: #FFE9BA; |
|
||||
line-height: 36rpx; |
|
||||
border-radius: 6rpx; |
|
||||
overflow: hidden; |
|
||||
|
|
||||
.price-name { |
|
||||
background-color: #101010; |
|
||||
padding: 3rpx 12rpx; |
|
||||
color: #FFD4B7; |
|
||||
position: relative; |
|
||||
overflow: hidden; |
|
||||
|
|
||||
&::after { |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
width: 20rpx; |
|
||||
height: 20rpx; |
|
||||
position: absolute; |
|
||||
right: -15rpx; |
|
||||
background-color: #FFE9BA; |
|
||||
border-radius: 50%; |
|
||||
top: 50%; |
|
||||
transform: translateY(-50%); |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
|
|
||||
.details-null { |
|
||||
padding-top: 140rpx; |
|
||||
margin-bottom: 100rpx; |
|
||||
} |
|
||||
|
|
||||
.spec { |
|
||||
padding: 24rpx 24rpx; |
|
||||
|
|
||||
.text { |
|
||||
width: 100rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.evaluation { |
|
||||
.title { |
|
||||
height: 100rpx; |
|
||||
border-bottom: $-solid-border; |
|
||||
padding: 0 24rpx; |
|
||||
} |
|
||||
|
|
||||
.con { |
|
||||
padding: 30rpx 24rpx; |
|
||||
} |
|
||||
|
|
||||
.user-info .avatar { |
|
||||
width: 60rpx; |
|
||||
height: 60rpx; |
|
||||
border-radius: 50%; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.details { |
|
||||
|
|
||||
// overflow: hidden; |
|
||||
.title { |
|
||||
line-height: 88rpx; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
&>.content { |
|
||||
padding: 0 20rpx 20rpx; |
|
||||
|
|
||||
::v-deep image { |
|
||||
vertical-align: middle; |
|
||||
} |
|
||||
|
|
||||
// #ifdef H5 |
|
||||
::v-deep img { |
|
||||
vertical-align: middle; |
|
||||
} |
|
||||
|
|
||||
// #endif |
|
||||
// #ifdef MP-WEIXIN || APP-PLUS |
|
||||
::v-deep ._img { |
|
||||
display: block; |
|
||||
} |
|
||||
|
|
||||
// #endif |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.footer { |
|
||||
height: 100rpx; |
|
||||
position: fixed; |
|
||||
bottom: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
box-sizing: content-box; |
|
||||
padding-bottom: env(safe-area-inset-bottom); |
|
||||
|
|
||||
.btn { |
|
||||
width: 100rpx; |
|
||||
height: 100rpx; |
|
||||
position: relative; |
|
||||
line-height: 1.3; |
|
||||
} |
|
||||
|
|
||||
.cart-num { |
|
||||
position: absolute; |
|
||||
left: 60rpx; |
|
||||
top: 6rpx; |
|
||||
} |
|
||||
|
|
||||
.add-cart, |
|
||||
.right-buy, |
|
||||
.consult-btn{ |
|
||||
flex: 1; |
|
||||
text-align: center; |
|
||||
padding: 16rpx 0; |
|
||||
} |
|
||||
|
|
||||
.add-cart { |
|
||||
background-color: #ffa630; |
|
||||
} |
|
||||
|
|
||||
.right-buy { |
|
||||
background-color: $-color-primary; |
|
||||
} |
|
||||
.consult-btn { |
|
||||
background: linear-gradient(to right, #ff8e00 0%, #ff2c3c 100%); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.group-play { |
|
||||
.title { |
|
||||
padding: 20rpx 28rpx; |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
|
|
||||
.steps { |
|
||||
padding: 20rpx 28rpx; |
|
||||
|
|
||||
.step { |
|
||||
flex: none; |
|
||||
} |
|
||||
|
|
||||
.line { |
|
||||
flex: 1; |
|
||||
border: 1px dashed #999999; |
|
||||
margin: 0 20rpx; |
|
||||
} |
|
||||
|
|
||||
.number { |
|
||||
border: 1rpx solid #707070; |
|
||||
width: 28rpx; |
|
||||
height: 28rpx; |
|
||||
border-radius: 50%; |
|
||||
line-height: 28rpx; |
|
||||
text-align: center; |
|
||||
margin-right: 6rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.group-list { |
|
||||
.group-item { |
|
||||
padding: 20rpx 24rpx; |
|
||||
|
|
||||
&:not(:last-of-type) { |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
|
|
||||
.group-btn { |
|
||||
background: linear-gradient(90deg, #f95f2f 0%, #ff2c3c 100%); |
|
||||
height: 58rpx; |
|
||||
padding-left: 28rpx; |
|
||||
padding-right: 28rpx; |
|
||||
margin-left: 30rpx; |
|
||||
box-shadow: 0px 6rpx 12rpx rgba(249, 47, 138, 0.4); |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.share-money { |
|
||||
position: fixed; |
|
||||
left: 20rpx; |
|
||||
bottom: calc(130rpx + env(safe-area-inset-bottom)); |
|
||||
transform: scale(0); |
|
||||
transition: all .3s; |
|
||||
|
|
||||
&.show { |
|
||||
transform: scale(1); |
|
||||
} |
|
||||
|
|
||||
.share-close { |
|
||||
width: 34rpx; |
|
||||
height: 34rpx; |
|
||||
background: #a7a7a7; |
|
||||
border-radius: 50%; |
|
||||
} |
|
||||
|
|
||||
.share-con { |
|
||||
background: url('../../static/images/bg_packet_img.png'); |
|
||||
width: 241rpx; |
|
||||
height: 208rpx; |
|
||||
background-size: 100%; |
|
||||
padding-top: 20rpx; |
|
||||
text-align: center; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,86 +0,0 @@ |
|||||
<template> |
|
||||
<view> |
|
||||
<view class="news-details"> |
|
||||
<view class="header"> |
|
||||
<view class="title xxl m-b-20">{{ articleDetail.title }}</view> |
|
||||
<view class="flex row-between"> |
|
||||
<view class="xs lighter">发布时间：{{ articleDetail.create_time }}</view> |
|
||||
<view class="flex"> |
|
||||
<image class="icon-sm" src="/static/images/icon_see.png"></image> |
|
||||
<view class="m-l-10 xs muted">{{ articleDetail.download }}人下载</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="main"> |
|
||||
<u-parse :html="article_content" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
<loading-view v-if="showLoading"></loading-view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
|
|
||||
import { getResourceDetail } from '@/api/store'; |
|
||||
|
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
showLoading: true, |
|
||||
articleDetail: {}, |
|
||||
article_content: "" |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
components: { |
|
||||
}, |
|
||||
props: {}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.type = Number(options.type) || ''; |
|
||||
this.id = options.id; |
|
||||
|
|
||||
uni.setNavigationBarTitle({ |
|
||||
title: '资料详情' |
|
||||
}); |
|
||||
|
|
||||
this.getArticleDetailFun(); |
|
||||
}, |
|
||||
|
|
||||
|
|
||||
methods: { |
|
||||
getArticleDetailFun() { |
|
||||
getResourceDetail({ |
|
||||
id: this.id |
|
||||
}).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
this.articleDetail = res.data |
|
||||
setTimeout(() => { |
|
||||
this.article_content = res.data.content; |
|
||||
}, 200); |
|
||||
setTimeout(() => { |
|
||||
this.showLoading = false |
|
||||
}, 300); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="scss"> |
|
||||
page { |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.news-details .header{ |
|
||||
padding: 20rpx 15px; |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
.news-details .main { |
|
||||
padding: 40rpx 15px; |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
@ -1,416 +0,0 @@ |
|||||
<template> |
|
||||
<view class="shop-cart"> |
|
||||
<view class="main " :style="{'padding-bottom': (cartType == 1 ? '100rpx' : 0)}"> |
|
||||
<view class="cart-list m-b-20" v-show="cartType==1"> |
|
||||
<view class="cart-item bg-white" v-for="(items, index) in cartLists" :key="index"> |
|
||||
<view class="flex select"> |
|
||||
<u-checkbox :disabled="shopInvalid(items)" @change="changeSelect($event, 1, index)" |
|
||||
shape="circle" :value="items.is_selected == 1"> |
|
||||
</u-checkbox> |
|
||||
<shop-title :shop="items.shop"></shop-title> |
|
||||
<view class="xs muted flex-none" v-if="items.shop.is_pay == 0">该店铺未开启支付功能</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<u-swipe-action :show="openCartId == item.cart_id" btn-width="150" v-for="item in items.cart" |
|
||||
:key="item.cart_id" :index="item.cart_id" @click="deleteOneCart($event, item.cart_id)" |
|
||||
:options="options" @open="openSwipe"> |
|
||||
<view class="flex p-20"> |
|
||||
<u-checkbox :disabled="cartInvalid(item)" |
|
||||
@change="changeSelect($event, 2, item.cart_id)" shape="circle" |
|
||||
:value="item.selected == 1"> |
|
||||
</u-checkbox> |
|
||||
<router-link class="flex-1" |
|
||||
:to="{path: '/pages/goods_details/goods_details', query: {id: item.goods_id}}"> |
|
||||
<view class="flex"> |
|
||||
<view class="goods-img m-r-20"> |
|
||||
<u-image width="180rpx" height="180rpx" border-radius="10rpx" |
|
||||
:src="item.image" /> |
|
||||
<view v-if="item.goods_status == 0 || item.goods_del == 1 || !item.stock" class="invalid sm white text-center">已失效 |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="info flex-1"> |
|
||||
<view class="line-2 nr">{{item.goods_name}}</view> |
|
||||
<view class="muted line-1 xs m-t-10"> |
|
||||
{{item.spec_value_str}} |
|
||||
</view> |
|
||||
<view class="flex row-between m-t-20"> |
|
||||
<view class="price flex primary"> |
|
||||
<price-format :price="item.price" :first-size="32" :second-size="32" |
|
||||
:subscript-size="24" :weight="500"> |
|
||||
</price-format> |
|
||||
</view> |
|
||||
<view class="cartNum" @tap.stop=""> |
|
||||
<u-number-box :disabled="cartInvalid(item)" :value="item.goods_num" |
|
||||
:min="1" :max="item.stock" |
|
||||
@change="countChange($event, item.cart_id)" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
</u-swipe-action> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="cart-null flex-col col-center row-center bg-white m-b-20" style="padding: 80rpx 0 50rpx" |
|
||||
v-show="cartType == 2"> |
|
||||
<image class="img-null" src="/static/images/cart_null.png"></image> |
|
||||
<view class="muted m-b-20">购物车暂无任何商品~</view> |
|
||||
<router-link to="/pages/index/index" navType="pushTab"> |
|
||||
<view class="primary br60 btn flex row-center">去逛逛</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
<view v-if="!isLogin" class="login flex-col col-center row-center"> |
|
||||
<image class="img-null" src="/static/images/cart_null.png"></image> |
|
||||
<view class="muted mt20">登录后才能查看购物车哦</view> |
|
||||
<router-link to="/pages/login/login"> |
|
||||
<view class="white br60 flex row-center btn"> |
|
||||
<image class="mr10" src="/static/images/icon_wechat.png"></image> |
|
||||
<text>去登录</text> |
|
||||
</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
<goods-column v-if="showMoreGoods" ref="mescrollItem"></goods-column> |
|
||||
</view> |
|
||||
|
|
||||
<view class="footer flex bg-white" v-show="cartType == 1"> |
|
||||
<u-checkbox :disabled="allInvalid()" @change="changeSelect($event,3)" shape="circle" :value="isSelectedAll"> |
|
||||
全选 |
|
||||
</u-checkbox> |
|
||||
<view class="primary" @tap="deleteSelectCart">删除</view> |
|
||||
<view class="all-price flex lg m-r-20 row-right"> |
|
||||
<view>合计：</view> |
|
||||
<view class="primary">￥{{totalPrice || 0}}</view> |
|
||||
</view> |
|
||||
<view class="right-btn br60 white" :style="' ' + (nullSelect ? 'background: #d7d7d7' : '')" |
|
||||
@tap="goToConfirm">去结算</view> |
|
||||
</view> |
|
||||
<u-modal v-model="showDelTips" :show-cancel-button="true" comfirm-text="狠心删除" |
|
||||
:confirm-color="colorConfig.primary" :show-title="false" @confirm="deleteCart"> |
|
||||
<view class="flex-col col-center tips-dialog" style="padding-top: 40rpx"> |
|
||||
<image class="icon-lg" src="/static/images/icon_warning.png" /> |
|
||||
<view style="margin:30rpx 0;">确认删除选中商品吗？</view> |
|
||||
</view> |
|
||||
</u-modal> |
|
||||
<tabbar></tabbar> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getCartList, |
|
||||
changeCartSelect, |
|
||||
changeGoodsCount, |
|
||||
deleteGoods |
|
||||
} from '@/api/store'; |
|
||||
import { |
|
||||
getUser |
|
||||
} from '@/api/user'; |
|
||||
import { |
|
||||
mapGetters, |
|
||||
mapActions |
|
||||
} from 'vuex' |
|
||||
import Cache from '@/utils/cache' |
|
||||
import MescrollCompMixin from "@/components/mescroll-uni/mixins/mescroll-comp"; |
|
||||
export default { |
|
||||
mixins: [MescrollCompMixin], |
|
||||
data() { |
|
||||
return { |
|
||||
//购物车状态 1为有 2为空 0则什么都不显示 |
|
||||
cartType: 0, |
|
||||
showMoreGoods: false, |
|
||||
cartLists: [], |
|
||||
showDelTips: false, |
|
||||
totalPrice: '', |
|
||||
options: [{ |
|
||||
text: '删除', |
|
||||
style: { |
|
||||
backgroundColor: '#FF2C3C' |
|
||||
} |
|
||||
}], |
|
||||
openCartId: 0 |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
computed: { |
|
||||
...mapGetters(['cartNum', 'inviteCode']), |
|
||||
// 一个都没有选中 |
|
||||
nullSelect() { |
|
||||
const { |
|
||||
cartLists |
|
||||
} = this |
|
||||
let nullS = true |
|
||||
cartLists.forEach((item) => { |
|
||||
item.cart.forEach(goods => { |
|
||||
if (goods.selected) nullS = false |
|
||||
}) |
|
||||
}) |
|
||||
return nullS |
|
||||
}, |
|
||||
// 判断全选状态 |
|
||||
isSelectedAll() { |
|
||||
const { |
|
||||
cartLists |
|
||||
} = this |
|
||||
if (!cartLists.length) return false |
|
||||
if (this.allInvalid()) return false |
|
||||
let index = cartLists.findIndex(item => item.is_selected == 0); |
|
||||
return index == -1 ? true : false |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
onLoad() { |
|
||||
|
|
||||
}, |
|
||||
onShow() { |
|
||||
this.getCartListFun(); |
|
||||
}, |
|
||||
methods: { |
|
||||
...mapActions(['getCartNum']), |
|
||||
// 删除购物车 |
|
||||
deleteCart() { |
|
||||
// console.log(this.cartId) |
|
||||
if(!this.cartId) return this.$toast({ title: '请选择商品' }) |
|
||||
this.showDelTips = false |
|
||||
deleteGoods({ |
|
||||
cart_id: this.cartId |
|
||||
}).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
this.getCartListFun(); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
openSwipe(index) { |
|
||||
this.openCartId = index |
|
||||
}, |
|
||||
cartInvalid(item) { |
|
||||
return item.goods_status == 0 || item.goods_del == 1 || item.is_pay == 0 || item.has_item == 0 ? true : false || item.stock == 0 |
|
||||
}, |
|
||||
shopInvalid(item) { |
|
||||
return item.cart.every(citem => this.cartInvalid(citem)) |
|
||||
}, |
|
||||
allInvalid() { |
|
||||
return this.cartLists.every(item => this.shopInvalid(item)) |
|
||||
}, |
|
||||
// 删除选中购物车 |
|
||||
deleteSelectCart() { |
|
||||
this.cartId = this.getSelectCart() |
|
||||
this.showDelTips = !this.showDelTips; |
|
||||
}, |
|
||||
// 删除单个购物车 |
|
||||
deleteOneCart(e, cartId) { |
|
||||
if (cartId) { |
|
||||
this.cartId = cartId; |
|
||||
} |
|
||||
this.showDelTips = !this.showDelTips; |
|
||||
}, |
|
||||
|
|
||||
async getCartListFun() { |
|
||||
const { |
|
||||
data: { |
|
||||
lists, |
|
||||
total_amount |
|
||||
}, |
|
||||
code |
|
||||
} = await getCartList() |
|
||||
if (code == 1) { |
|
||||
let cartType = 0; |
|
||||
if (lists.length == 0) { |
|
||||
cartType = 2; |
|
||||
} else { |
|
||||
cartType = 1; |
|
||||
} |
|
||||
this.showMoreGoods = true |
|
||||
this.cartLists = lists; |
|
||||
this.cartType = cartType; |
|
||||
this.totalPrice = total_amount; |
|
||||
this.getCartNum() |
|
||||
} else { |
|
||||
this.cartType = 0 |
|
||||
} |
|
||||
}, |
|
||||
// 更改选中状态 type为1选中店铺/2选中商品/3全选 |
|
||||
changeSelect({ |
|
||||
value |
|
||||
}, type, number) { |
|
||||
let cartId = [] |
|
||||
const { |
|
||||
cartLists |
|
||||
} = this |
|
||||
switch (type) { |
|
||||
case 1: |
|
||||
cartId = cartLists[number].cart.map(item => item.cart_id) |
|
||||
break; |
|
||||
case 2: |
|
||||
cartId.push(number) |
|
||||
break; |
|
||||
case 3: |
|
||||
cartId = cartLists.reduce((pre, item) => { |
|
||||
return pre.concat(item.cart.map(i => i.cart_id)) |
|
||||
}, cartId) |
|
||||
break; |
|
||||
|
|
||||
} |
|
||||
this.changeCartSelectFun(cartId, value); |
|
||||
}, |
|
||||
|
|
||||
changeCartSelectFun(cartId, selected) { |
|
||||
changeCartSelect({ |
|
||||
cart_id: cartId, |
|
||||
selected: selected ? 1 : 0 |
|
||||
}).then(res => { |
|
||||
if (res.code == 1) { |
|
||||
this.getCartListFun(); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
// 数量改变 |
|
||||
countChange({ |
|
||||
value |
|
||||
}, cartId) { |
|
||||
console.log(value) |
|
||||
let cartid = cartId; |
|
||||
changeGoodsCount({ |
|
||||
cart_id: cartid, |
|
||||
goods_num: value |
|
||||
}).then(res => { |
|
||||
this.getCartListFun(); |
|
||||
}) |
|
||||
}, |
|
||||
getSelectCart() { |
|
||||
const { |
|
||||
cartLists |
|
||||
} = this |
|
||||
return cartLists.reduce((pre, item) => { |
|
||||
return pre.concat(item.cart.filter(i => i.selected && !this.cartInvalid(i)).map(i => i |
|
||||
.cart_id)) |
|
||||
}, []) |
|
||||
}, |
|
||||
goToConfirm() { |
|
||||
let { |
|
||||
cartLists |
|
||||
} = this; |
|
||||
let goods = []; |
|
||||
let carts = this.getSelectCart() |
|
||||
if (carts.length == 0) return this.$toast({ |
|
||||
title: '您还没有选择商品哦' |
|
||||
}); |
|
||||
// 处理出商品数组数据 |
|
||||
cartLists.forEach(item => { |
|
||||
if (item.cart.length != 0) { |
|
||||
item.cart.forEach((el, i) => { |
|
||||
// 选中的商品才能进入 |
|
||||
if(el.selected == 1) { |
|
||||
goods.push({ |
|
||||
item_id: el.item_id, |
|
||||
num: el.goods_num, |
|
||||
goods_id: el.goods_id, |
|
||||
shop_id: item.shop.shop_id, |
|
||||
delivery_type: 0 |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
const params = { |
|
||||
carts: carts, |
|
||||
goods: goods, |
|
||||
type: 'cart' |
|
||||
}; |
|
||||
this.$Router.push({ |
|
||||
path: '/pages/confirm_order/confirm_order', |
|
||||
query: { |
|
||||
data: params |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="scss"> |
|
||||
.shop-cart { |
|
||||
.main { |
|
||||
padding-bottom: 100rpx; |
|
||||
} |
|
||||
|
|
||||
.cart-list { |
|
||||
.cart-item { |
|
||||
margin: 20rpx 20rpx 0; |
|
||||
border-radius: 10rpx; |
|
||||
|
|
||||
.goods-img { |
|
||||
position: relative; |
|
||||
border-radius: 10rpx; |
|
||||
overflow: hidden; |
|
||||
|
|
||||
.invalid { |
|
||||
position: absolute; |
|
||||
width: 100%; |
|
||||
bottom: 0; |
|
||||
background-color: rgba(0, 0, 0, 0.4); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.info { |
|
||||
max-width: 400rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.select { |
|
||||
height: 80rpx; |
|
||||
padding: 0 20rpx; |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.cart-null { |
|
||||
.btn { |
|
||||
border: 1px solid $-color-primary; |
|
||||
width: 184rpx; |
|
||||
margin-left: auto; |
|
||||
margin-right: auto; |
|
||||
padding: 8rpx 24rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.footer { |
|
||||
position: fixed; |
|
||||
padding: 0 24rpx; |
|
||||
width: 100%; |
|
||||
height: 100rpx; |
|
||||
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); |
|
||||
bottom: calc(var(--window-bottom) + 50px); |
|
||||
margin-bottom: env(safe-area-inset-bottom); |
|
||||
z-index: 20; |
|
||||
|
|
||||
.all-price { |
|
||||
text-align: right; |
|
||||
flex: 1; |
|
||||
} |
|
||||
|
|
||||
.right-btn { |
|
||||
padding: 13rpx 45rpx; |
|
||||
background: linear-gradient(90deg, rgba(249, 95, 47, 1) 0%, rgba(255, 44, 60, 1) 100%); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.login { |
|
||||
height: calc(100vh - var(--window-bottom)); |
|
||||
background: #fff; |
|
||||
text-align: center; |
|
||||
|
|
||||
.btn { |
|
||||
background-color: #09BB07; |
|
||||
width: 280rpx; |
|
||||
line-height: 70rpx; |
|
||||
margin: 40rpx auto 0; |
|
||||
|
|
||||
image { |
|
||||
width: 50rpx; |
|
||||
height: 50rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,213 +0,0 @@ |
|||||
<template> |
|
||||
<view class="store-settled"> |
|
||||
<view class="content"> |
|
||||
<view class="apply-form bg-white"> |
|
||||
<!-- 投诉类型 --> |
|
||||
<view class="apply-form-item" @tap="showPop=true"> |
|
||||
<u-field label="投诉类型" v-model="form.clabel" label-width="160" style="flex: 1;" placeholder="请选择投诉类型" |
|
||||
required disabled> |
|
||||
<u-icon name="arrow-right" slot="right" size="28" /> |
|
||||
</u-field> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 联系人姓名 --> |
|
||||
<!-- <view class="apply-form-item"> |
|
||||
<u-field label="联系人姓名" v-model="form.nickname" label-width="160" placeholder="请输入联系人姓名" required /> |
|
||||
</view> --> |
|
||||
|
|
||||
<!-- 手机号码 --> |
|
||||
<!-- <view class="apply-form-item"> |
|
||||
<u-field label="手机号码" v-model="form.mobile" label-width="160" placeholder="请输入手机号码" required /> |
|
||||
</view> --> |
|
||||
|
|
||||
<!-- 问题截图 --> |
|
||||
<view class="apply-form-item"> |
|
||||
<u-field label="投诉截图" label-width="160" placeholder="请上传投诉截图证明" :border-bottom="false" |
|
||||
required disabled /> |
|
||||
<view> |
|
||||
<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}" |
|
||||
:max-count="10" width="150" height="150" :action="action" upload-text="上传图片" |
|
||||
@on-success="onSuccess" @on-remove="onRemove" /> |
|
||||
</view> |
|
||||
<view class="muted m-t-20 m-b-30">支持jpg、png、jpeg格式的图片，最多可上传10张</view> |
|
||||
</view> |
|
||||
<view class="apply-form-item"> |
|
||||
<view class="label">备注说明</view> |
|
||||
<view class="flex-1" style="background-color: #F8F8F8;"> |
|
||||
<u-input v-model="content" type="textarea" placeholder="请描述具体原因，300字以内" :border="false" |
|
||||
:height="160" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 提交申请 --> |
|
||||
<view style="padding: 30rpx 20rpx 30rpx 0;"> |
|
||||
<button type="primary" size="lg" class="br60" @tap="onSubmit">投诉</button> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 查阅记录 --> |
|
||||
<router-link to="/pages/user/complain_recode"> |
|
||||
<view class="flex row-center muted"> |
|
||||
<u-icon name="order" size="32" /> |
|
||||
<view class="m-l-10">查看提交记录</view> |
|
||||
</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
</view> |
|
||||
<u-select v-model="showPop" mode="single-column" value-name="id" label-name="name" :list="shopCategory" |
|
||||
@confirm="confirmSelect"></u-select> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
complain, |
|
||||
getComplainCategory |
|
||||
} from "@/api/user" |
|
||||
import { |
|
||||
baseURL |
|
||||
} from '@/config/app' |
|
||||
import { |
|
||||
sendSms |
|
||||
} from '@/api/app' |
|
||||
import { |
|
||||
SMSType |
|
||||
} from '@/utils/type' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
content:'', |
|
||||
// 表单数据 |
|
||||
form: { |
|
||||
cid: '', |
|
||||
clabel: '', |
|
||||
name: '', |
|
||||
image: '', |
|
||||
content: '' |
|
||||
}, |
|
||||
codeTips: '', |
|
||||
shopCategory: [], |
|
||||
showPop: false, |
|
||||
action: baseURL + '/api/file/formimage', |
|
||||
fileList: [] |
|
||||
} |
|
||||
}, |
|
||||
onLoad() { |
|
||||
this.getComplainCategoryFun() |
|
||||
this.goLogin() |
|
||||
}, |
|
||||
methods: { |
|
||||
goLogin() { |
|
||||
let { |
|
||||
isLogin |
|
||||
} = this; |
|
||||
if (isLogin) { |
|
||||
return; |
|
||||
} |
|
||||
uni.redirectTo({ |
|
||||
url: '/pages/login/login' |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
async getComplainCategoryFun() { |
|
||||
const { |
|
||||
code, |
|
||||
data |
|
||||
} = await getComplainCategory() |
|
||||
if (code == 1) { |
|
||||
this.shopCategory = data.lists |
|
||||
} |
|
||||
}, |
|
||||
// 提交表单 |
|
||||
async onSubmit() { |
|
||||
const { |
|
||||
form, |
|
||||
fileList |
|
||||
} = this |
|
||||
const submitObj = { |
|
||||
...form, |
|
||||
image: fileList[0], |
|
||||
content:this.content |
|
||||
} |
|
||||
delete submitObj.clabel |
|
||||
const { |
|
||||
data, |
|
||||
code, |
|
||||
msg |
|
||||
} = await complain(submitObj) |
|
||||
if(code == 1) { |
|
||||
this.$toast({ |
|
||||
title: msg |
|
||||
}) |
|
||||
setTimeout(() => { |
|
||||
this.$Router.replace({ |
|
||||
path: '/pages/user/complain_recode', |
|
||||
query: { |
|
||||
id: data.id |
|
||||
} |
|
||||
}) |
|
||||
},1000) |
|
||||
} |
|
||||
}, |
|
||||
confirmSelect(e) { |
|
||||
const { |
|
||||
value, |
|
||||
label |
|
||||
} = e[0] |
|
||||
this.form.cid = value |
|
||||
this.form.clabel = label |
|
||||
}, |
|
||||
onSuccess(e) { |
|
||||
this.fileList.push(e.data.base_uri) |
|
||||
}, |
|
||||
onRemove(index) { |
|
||||
this.fileList.splice(index, 1) |
|
||||
console.log(index) |
|
||||
}, |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.store-settled { |
|
||||
background-color: #FA844C; |
|
||||
min-height: 100vh; |
|
||||
background-repeat: no-repeat; |
|
||||
background-size: 100% auto; |
|
||||
overflow: hidden; |
|
||||
|
|
||||
.content { |
|
||||
margin-top: 320rpx; |
|
||||
padding: 0 20rpx 31rpx; |
|
||||
|
|
||||
.apply-form { |
|
||||
border-radius: 8px; |
|
||||
padding: 20rpx 0 30rpx 26rpx; |
|
||||
|
|
||||
.apply-form-item { |
|
||||
.send-code-btn { |
|
||||
height: 56rpx; |
|
||||
width: 188rpx; |
|
||||
border: 1rpx solid $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.primary-btn { |
|
||||
width: 100%; |
|
||||
height: 88rpx; |
|
||||
background-color: $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// .pop-categories { |
|
||||
// .reason-item { |
|
||||
// padding: 24rpx 20rpx; |
|
||||
|
|
||||
// .reason-desc { |
|
||||
// line-height: 46rpx; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,97 +0,0 @@ |
|||||
<template> |
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" |
|
||||
:up="upOption"> |
|
||||
<view class="settled-recode"> |
|
||||
<view class="settled-list"> |
|
||||
<router-link v-for="(item, index) in list" :key="index" :to="{path: '/pages/user/complain_result', query: {id: item.id}}"> |
|
||||
<view class="settled-item bg-white m-t-20"> |
|
||||
<!-- Title --> |
|
||||
<view class="settled-title md bold">{{item.content}}</view> |
|
||||
<view class="settled-info"> |
|
||||
<!-- Time --> |
|
||||
<view class="sm muted m-t-26"> |
|
||||
提交时间：{{item.create_time}} |
|
||||
</view> |
|
||||
<!-- Status --> |
|
||||
<view class="flex row-between m-t-20"> |
|
||||
<view class="muted sm" style="align-self: flex-end;"> |
|
||||
<text>处理状态：</text> |
|
||||
<text :class="{primary: item.is_complate == 1}">{{item.is_complate==1?'已处理':'未处理'}}</text> |
|
||||
</view> |
|
||||
<view class="watch-btn br60 flex row-center" @tap="onShowDetail">查看</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
</view> |
|
||||
</mescroll-body> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins"; |
|
||||
import { |
|
||||
complainRecord |
|
||||
} from '@/api/user' |
|
||||
export default { |
|
||||
mixins: [MescrollMixin], |
|
||||
data() { |
|
||||
return { |
|
||||
upOption: { |
|
||||
empty: { |
|
||||
icon: '/static/images/order_null.png', |
|
||||
tip: "暂无记录", |
|
||||
} |
|
||||
}, |
|
||||
list: [] |
|
||||
}; |
|
||||
}, |
|
||||
methods: { |
|
||||
upCallback(page) { |
|
||||
complainRecord({ |
|
||||
page_size: page.size, |
|
||||
page_no: page.num |
|
||||
}).then(({ |
|
||||
data |
|
||||
}) => { |
|
||||
if (page.num == 1) this.list = []; |
|
||||
let curPageData = data.lists; |
|
||||
let curPageLen = curPageData.length; |
|
||||
this.list = this.list.concat(curPageData); |
|
||||
let hasNext = !!data.more; |
|
||||
this.mescroll.endSuccess(curPageLen, hasNext); |
|
||||
}).catch(() => { |
|
||||
this.mescroll.endErr() |
|
||||
}) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.settled-recode { |
|
||||
|
|
||||
.settled-list { |
|
||||
padding: 20rpx; |
|
||||
|
|
||||
.settled-item { |
|
||||
border-radius: 10rpx; |
|
||||
padding: 20rpx 30rpx 30rpx; |
|
||||
|
|
||||
.settled-title { |
|
||||
padding: 21rpx 0 25rpx; |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
|
|
||||
.settled-info { |
|
||||
|
|
||||
.watch-btn { |
|
||||
border: $-solid-border; |
|
||||
height: 52rpx; |
|
||||
width: 124rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,165 +0,0 @@ |
|||||
<template> |
|
||||
<view class="settled-result"> |
|
||||
<view class="result-box"> |
|
||||
<!-- Header --> |
|
||||
<view class="result-header bg-white flex-col col-center"> |
|
||||
<u-image width="165rpx" height="165rpx" class="m-t-42" :src="getStatus.img" /> |
|
||||
<view class="m-t-32 lg bold">{{getStatus.text}}</view> |
|
||||
<view> |
|
||||
<view class="m-t-20 muted sm text-center">{{getStatus.desc}}</view> |
|
||||
<view class="flex" v-if="applyDetail.audit_status !=2"> |
|
||||
<router-link class="flex-1" to="/pages/index/index" navType="pushTab"> |
|
||||
<view class="br60 flex row-center back-btn m-t-60 md">返回首页</view> |
|
||||
</router-link> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- Content --> |
|
||||
<view class="result-content bg-white m-t-20 p-20"> |
|
||||
|
|
||||
<!-- 主营行业 --> |
|
||||
<view class="apply-form-item flex row-between"> |
|
||||
<view><text class="primary m-r-10"></text>投诉类型</view> |
|
||||
<view>{{applyDetail.category}}</view> |
|
||||
</view> |
|
||||
|
|
||||
|
|
||||
<!-- 图片 --> |
|
||||
<view class="apply-form-item"> |
|
||||
<view><text class="primary m-r-10"></text>投诉截图</view> |
|
||||
<view class="license-list flex m-t-10 flex-wrap"> |
|
||||
<view v-for="(item,index) in license" class="m-r-14 m-t-20" @tap="previewImage(index)" |
|
||||
:key="index"> |
|
||||
<u-image width="152rpx" height="152rpx" :src="item" /> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 投诉内容 --> |
|
||||
<view class="apply-form-item flex row-between"> |
|
||||
<view><text class="primary m-r-10"></text>投诉内容</view> |
|
||||
<view>{{applyDetail.content}}</view> |
|
||||
</view> |
|
||||
|
|
||||
|
|
||||
<!-- 处理结果 --> |
|
||||
<view class="apply-form-item flex row-between"> |
|
||||
<view><text class="primary m-r-10"></text>处理结果</view> |
|
||||
<view>{{applyDetail.remark?applyDetail.remark:'--'}}</view> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
complainDetail |
|
||||
} from '@/api/user' |
|
||||
import {copy} from '@/utils/tools' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
applyDetail: {}, |
|
||||
license: [] |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
async complainDetail() { |
|
||||
const { |
|
||||
data, |
|
||||
code |
|
||||
} = await complainDetail(this.id) |
|
||||
if (code == 1) { |
|
||||
this.applyDetail = data |
|
||||
this.license = [data.image] |
|
||||
} |
|
||||
}, |
|
||||
previewImage(current) { |
|
||||
uni.previewImage({ |
|
||||
current, |
|
||||
urls: this.license |
|
||||
}) |
|
||||
}, |
|
||||
onCopy(text) { |
|
||||
copy(text) |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
onLoad(options) { |
|
||||
this.id = this.$Route.query.id |
|
||||
this.complainDetail() |
|
||||
}, |
|
||||
computed: { |
|
||||
getStatus() { |
|
||||
const { |
|
||||
applyDetail: { |
|
||||
is_complate |
|
||||
} |
|
||||
} = this |
|
||||
switch (is_complate) { |
|
||||
case 0: |
|
||||
return { |
|
||||
img: '/static/images/img_store_submit.png', |
|
||||
text: '已提交等待处理！', |
|
||||
desc: '工作人员将会电话联系您，请注意接听！' |
|
||||
} |
|
||||
case 1: |
|
||||
return { |
|
||||
img: '/static/images/img_store_success.png', |
|
||||
text: '工作人员已处理！', |
|
||||
desc: '请查看处理结果' |
|
||||
} |
|
||||
default: |
|
||||
return {} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.settled-result { |
|
||||
padding: 20rpx; |
|
||||
|
|
||||
.result-box { |
|
||||
.result-header { |
|
||||
padding: 0 75rpx 50rpx; |
|
||||
border-radius: 10rpx; |
|
||||
|
|
||||
.btn-copy { |
|
||||
width: 96rpx; |
|
||||
height: 42rpx; |
|
||||
line-height: 42rpx; |
|
||||
border: $-solid-border; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.back-btn { |
|
||||
height: 88rpx; |
|
||||
border: 1px solid #CCC; |
|
||||
&.primary { |
|
||||
border-color: $-color-primary; |
|
||||
color: $-color-primary; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.result-content { |
|
||||
border-radius: 10rpx; |
|
||||
|
|
||||
.apply-form-item { |
|
||||
padding: 30rpx 0; |
|
||||
|
|
||||
&:not(:last-of-type) { |
|
||||
border-bottom: $-solid-border; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 9.8 KiB |
Loading…
Reference in new issue