kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化代码,并去掉分享朋友圈

Browse Source
This commit is contained in:
aixianling
2023-10-26 14:56:18 +08:00
parent 631ac14395
commit 7e10885ecd
1 changed files with 590 additions and 583 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/project/wuxi/AppCircle/Detail.vue
View File

@@ -2,12 +2,14 @@
<div class="Detail" v-if="pageShow"> <div class="Detail" v-if="pageShow">
<div class="top"> <div class="top">
<div class="item-top"> <div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right"> <div class="right">
<h3>{{ info.createUserName }}</h3> <h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span> <span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
</div> </div>
<div class="top-btn" v-if="info.integralTaskId && info.integralTaskInfo.status != 2 && info.showSignBtn" @click="toTask">去参与</div> <div class="top-btn" v-if="info.integralTaskId && info.integralTaskInfo.status != 2 && info.showSignBtn"
@click="toTask">去参与
</div>
</div> </div>
<div class="item-content"> <div class="item-content">
<span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#【{{ name }}】</span> <span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#【{{ name }}】</span>
@@ -24,7 +26,9 @@
<div class="value">{{ info.integralTaskInfo.type == 1 ? '报名得积分' : '打卡得积分' }}</div> <div class="value">{{ info.integralTaskInfo.type == 1 ? '报名得积分' : '打卡得积分' }}</div>
</div> </div>
<div class="info-flex"> <div class="info-flex">
<div class="label"><img src="https://cdn.cunwuyun.cn/fengdu/time-icon.png" alt="">{{ info.integralTaskInfo.type == 1 ? '报名时间：' : '进场时间：'}}</div> <div class="label"><img src="https://cdn.cunwuyun.cn/fengdu/time-icon.png"
alt="">{{ info.integralTaskInfo.type == 1 ? '报名时间：' : '进场时间：' }}
</div>
<div class="value">{{ info.integralTaskInfo.intoBegintime }}至{{ info.integralTaskInfo.intoEndtime }}</div> <div class="value">{{ info.integralTaskInfo.intoBegintime }}至{{ info.integralTaskInfo.intoEndtime }}</div>
</div> </div>
<div class="info-flex" v-if="info.integralTaskInfo.type != 1"> <div class="info-flex" v-if="info.integralTaskInfo.type != 1">
@@ -34,20 +38,23 @@
</div> </div>
<div class="item-imgs" v-if="info.files && info.files.length"> <div class="item-imgs" v-if="info.files && info.files.length">
<image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files" :key="index" :src="item.url" /> <image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files"
:key="index" :src="item.url"/>
</div> </div>
<p>{{ info.createTime }}</p> <p>{{ info.createTime }}</p>
<div class="item-bottom"> <div class="item-bottom">
<button open-type="share"> <button open-type="share">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" /> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png"/>
<i>{{ info.sharedCount }}</i> <i>{{ info.sharedCount }}</i>
</button> </button>
<div> <div>
<image :src="info.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" @click="reciate"/> <image
:src="info.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'"
@click="reciate"/>
<i>{{ info.appreciateCount }}</i> <i>{{ info.appreciateCount }}</i>
</div> </div>
<div> <div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-pinglun.png" /> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-pinglun.png"/>
<i>{{ info.commentCount }}</i> <i>{{ info.commentCount }}</i>
</div> </div>
</div> </div>
@@ -56,7 +63,7 @@
<h2>评论</h2> <h2>评论</h2>
<div class="comment-wrapper"> <div class="comment-wrapper">
<div class="comment-item" v-for="(item, index) in list" :key="index"> <div class="comment-item" v-for="(item, index) in list" :key="index">
<image :src="item.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="item.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right"> <div class="right">
<h3>{{ item.createUserName }}</h3> <h3>{{ item.createUserName }}</h3>
<p>{{ item.content }}</p> <p>{{ item.content }}</p>
@@ -66,7 +73,7 @@
</div> </div>
<div class="replay-list" v-if="item.replyList.length"> <div class="replay-list" v-if="item.replyList.length">
<div class="replay-item" v-for="replay in item.replyList" :key="replay.id"> <div class="replay-item" v-for="replay in item.replyList" :key="replay.id">
<image :src="replay.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="replay.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="replay-item__right"> <div class="replay-item__right">
<div class="top"> <div class="top">
<div class="replay-left"> <div class="replay-left">
@@ -93,11 +100,11 @@
<div class="popup"> <div class="popup">
<div class="popup-title"> <div class="popup-title">
<h2>请选择</h2> <h2>请选择</h2>
<image @click="isShow = false" src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-guanbi.png" /> <image @click="isShow = false" src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-guanbi.png"/>
</div> </div>
<div class="popup-list"> <div class="popup-list">
<button open-type="share"> <button open-type="share">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-wechat.png" /> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-wechat.png"/>
<span>微信</span> <span>微信</span>
</button> </button>
<!-- <button open-type="share"> <!-- <button open-type="share">
@@ -115,10 +122,12 @@
<div class="popup"> <div class="popup">
<div class="popup-title"> <div class="popup-title">
<h2>评论</h2> <h2>评论</h2>
<image @click="isShowComment = false, focus = false" src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-guanbi.png" /> <image @click="isShowComment = false, focus = false" src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-guanbi.png"/>
</div> </div>
<div class="form"> <div class="form">
<textarea :maxlength="100" :cursor-spacing="10" :placeholder="commentId ? '回复' + replyName : '请输入评论内容'" :focus="focus" v-model="content"></textarea> <textarea :maxlength="100" :cursor-spacing="10"
:placeholder="commentId ? '回复' + replyName : '请输入评论内容'" :focus="focus"
v-model="content"></textarea>
<div> <div>
<div class="send-btn" hover-class="hover-class" @click="send">发送</div> <div class="send-btn" hover-class="hover-class" @click="send">发送</div>
</div> </div>
@@ -129,12 +138,13 @@
</template> </template>
<script> <script>
import { mapActions, mapState } from 'vuex' import {mapActions, mapState} from 'vuex'
export default {
export default {
name: 'Detail', name: 'Detail',
appName: '详情', appName: '详情',
data () { data() {
return { return {
id: '', id: '',
isShow: false, isShow: false,
@@ -158,24 +168,19 @@
...mapState(['user', 'token']) ...mapState(['user', 'token'])
}, },
onLoad (query) { onLoad(query) {
this.isFrom = query.isFrom this.isFrom = query.isFrom
this.id = query.id this.id = query.id
this.themeId = query.themeId this.themeId = query.themeId
this.name = query.name || '' this.name = query.name || ''
this.$loading() this.$loading()
if (!this.token) { Promise.resolve(this.token || this.autoLogin()).then(() =>
this.autoLogin().then(() => { Promise.all([
this.getInfo(query.id) this.getInfo(query.id),
this.getCommontList(query.id) this.getCommontList(query.id)
}) ])
} else { ).finally(() => this.$hideLoading())
this.getInfo(query.id)
this.getCommontList(query.id)
}
}, },
methods: { methods: {
...mapActions(['autoLogin']), ...mapActions(['autoLogin']),
@@ -192,14 +197,14 @@
this.$linkTo(`/mods/AppNewFarmerBank/taskDetail?id=${this.info.integralTaskId}`) this.$linkTo(`/mods/AppNewFarmerBank/taskDetail?id=${this.info.integralTaskId}`)
}, },
previewImage (url, files) { previewImage(url, files) {
uni.previewImage({ uni.previewImage({
current: url, current: url,
urls: files.map(v => v.url) urls: files.map(v => v.url)
}) })
}, },
showComment () { showComment() {
if (!this.user.areaId) { if (!this.user.areaId) {
this.$dialog.confirm({ this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。', content: '您只有完成信息认证后，才可进行相关操作。',
@@ -223,7 +228,7 @@
}) })
}, },
replay (item) { replay(item) {
if (!this.user.areaId) { if (!this.user.areaId) {
this.$dialog.confirm({ this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。', content: '您只有完成信息认证后，才可进行相关操作。',
@@ -248,9 +253,9 @@
}) })
}, },
getInfo (id) { getInfo(id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, { this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: this.token ? false : true, withoutToken: !this.token,
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.info = res.data this.info = res.data
@@ -261,7 +266,7 @@
}) })
}, },
reciate () { reciate() {
this.$loading() this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/appreciate?id=${this.id}`).then(res => { this.$instance.post(`/app/appneighborhoodassistance/appreciate?id=${this.id}`).then(res => {
if (res.code === 0) { if (res.code === 0) {
@@ -273,7 +278,7 @@
}) })
}, },
send () { send() {
if (!this.content) { if (!this.content) {
return this.$toast('内容不能为空') return this.$toast('内容不能为空')
} }
@@ -304,7 +309,7 @@
}) })
}, },
toTopic (url) { toTopic(url) {
if (this.isFrom === 'topic') { if (this.isFrom === 'topic') {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
@@ -314,12 +319,12 @@
} }
}, },
getCommontList (id) { getCommontList(id) {
if (this.isMore) return if (this.isMore) return
this.$loading() this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, { this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: this.token ? false : true, withoutToken: !this.token,
params: { params: {
id, id,
current: this.current, current: this.current,
@@ -333,14 +338,12 @@
} else { } else {
this.list = res.data.records this.list = res.data.records
} }
if (res.data.records.length < 10) { if (res.data.records.length < 10) {
this.isMore = true this.isMore = true
return false return false
} }
this.current++
this.current = this.current + 1
} else { } else {
this.isMore = true this.isMore = true
} }
@@ -350,17 +353,17 @@
} }
}, },
onReachBottom () { onReachBottom() {
this.getCommontList() this.getCommontList()
}, },
onShareTimeline () { // onShareTimeline() {
return { // return {
title: this.info.content, // title: this.info.content,
// path: `/mods/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}` // // path: `/mods/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
} // }
}, // },
onShareAppMessage () { onShareAppMessage() {
this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => { this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) { if (res.code === 0) {
uni.$emit('updateList') uni.$emit('updateList')
@@ -373,11 +376,11 @@
} }
}, },
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.Detail { .Detail {
padding-top: 24px; padding-top: 24px;
padding-bottom: 130px; padding-bottom: 130px;
@@ -472,6 +475,7 @@
} }
} }
} }
.footer { .footer {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -749,8 +753,10 @@
font-family: "PingFang SC"; font-family: "PingFang SC";
line-height: 30px; line-height: 30px;
margin-bottom: 16px; margin-bottom: 16px;
.label { .label {
width: 160px; width: 160px;
img { img {
width: 30px; width: 30px;
height: 30px; height: 30px;
@@ -758,6 +764,7 @@
vertical-align: bottom; vertical-align: bottom;
} }
} }
.value { .value {
width: calc(100% - 160px); width: calc(100% - 160px);
color: #333; color: #333;
@@ -780,5 +787,5 @@
right: 32px; right: 32px;
} }
} }
} }
</style> </style>