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
2024-03-06 15:49:42 +08:00
parent efb18515f5
commit ba4904a9cb
3 changed files with 1147 additions and 1184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/mods/extra/AppCircle/Detail.vue
View File

@@ -2,7 +2,7 @@
<div class="Detail" v-if="pageShow">
<div class="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">
<h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
@@ -24,7 +24,7 @@
<div class="value">{{ info.integralTaskInfo.type == 1 ? '报名得积分' : '打卡得积分' }}</div>
</div>
<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>
<div class="info-flex" v-if="info.integralTaskInfo.type != 1">
@@ -34,12 +34,12 @@
</div>
<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>
<p>{{ info.createTime }}</p>
<div class="item-bottom">
<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>
</button>
<div>
@@ -47,7 +47,7 @@
<i>{{ info.appreciateCount }}</i>
</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>
</div>
</div>
@@ -56,7 +56,7 @@
<h2>评论</h2>
<div class="comment-wrapper">
<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">
<h3>{{ item.createUserName }}</h3>
<p>{{ item.content }}</p>
@@ -66,7 +66,7 @@
</div>
<div class="replay-list" v-if="item.replyList.length">
<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="top">
<div class="replay-left">
@@ -93,11 +93,11 @@
<div class="popup">
<div class="popup-title">
<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 class="popup-list">
<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>
</button>
<!-- <button open-type="share">
@@ -115,7 +115,7 @@
<div class="popup">
<div class="popup-title">
<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 class="form">
<textarea :maxlength="100" :cursor-spacing="10" :placeholder="commentId ? '回复' + replyName : '请输入评论内容'" :focus="focus" v-model="content"></textarea>
@@ -129,11 +129,12 @@
</template>
<script>
import { mapActions, mapState } from 'vuex'
export default {
import {mapActions, mapState} from 'vuex'
export default {
name: 'Detail',
appName: '详情',
data () {
data() {
return {
id: '',
isShow: false,
@@ -155,22 +156,17 @@
computed: {
...mapState(['user', 'token'])
},
onLoad (query) {
onLoad(query) {
this.isFrom = query.isFrom
this.id = query.id
this.themeId = query.themeId
this.name = query.name || ''
this.$loading()
if (!this.token) {
this.autoLogin().then(() => {
this.getInfo(query.id)
this.$loading();
(this.token ? Promise.resolve() : this.autoLogin()).finally(() => Promise.all([
this.getInfo(query.id),
this.getCommontList(query.id)
})
} else {
this.getInfo(query.id)
this.getCommontList(query.id)
}
])).finally(() => this.$hideLoading())
},
methods: {
...mapActions(['autoLogin']),
@@ -186,13 +182,13 @@
}
this.$linkTo(`/mods/AppNewFarmerBank/taskDetail?id=${this.info.integralTaskId}`)
},
previewImage (url, files) {
previewImage(url, files) {
uni.previewImage({
current: url,
urls: files.map(v => v.url)
})
},
showComment () {
showComment() {
if (!this.user.areaId) {
this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。',
@@ -215,7 +211,7 @@
}, 500)
})
},
replay (item) {
replay(item) {
if (!this.user.areaId) {
this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。',
@@ -239,19 +235,17 @@
}, 500)
})
},
getInfo (id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
getInfo(id) {
return this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: !this.token,
}).then(res => {
if (res.code === 0) {
if (res?.data) {
this.info = res.data
this.pageShow = true
}
uni.hideLoading()
})
},
reciate () {
reciate() {
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/appreciate?id=${this.id}`).then(res => {
if (res.code === 0) {
@@ -262,7 +256,7 @@
uni.hideLoading()
})
},
send () {
send() {
if (!this.content) {
return this.$toast('内容不能为空')
}
@@ -292,7 +286,7 @@
}
})
},
toTopic (url) {
toTopic(url) {
if (this.isFrom === 'topic') {
uni.navigateBack({
delta: 1
@@ -301,11 +295,10 @@
this.$linkTo(url)
}
},
getCommontList (id) {
getCommontList(id) {
if (this.isMore) return
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
return this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: !this.token,
params: {
id,
@@ -313,40 +306,36 @@
size: 10
}
}).then(res => {
if (res.code === 0) {
this.$hideLoading()
if (res?.data) {
if (this.current > 1) {
this.list = [...this.list, ...res.data.records]
} else {
this.list = res.data.records
}
if (res.data.records.length < 10) {
this.isMore = true
return false
}
this.current = this.current + 1
} else {
this.isMore = true
}
}).catch(() => {
}).finally(() => {
this.$hideLoading()
})
}
},
onReachBottom () {
onReachBottom() {
this.getCommontList()
},
onShareTimeline () {
onShareTimeline() {
return {
title: this.info.content,
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
}
},
onShareAppMessage () {
onShareAppMessage() {
this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) {
uni.$emit('updateList')
@@ -358,11 +347,11 @@
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
}
},
}
}
</script>
<style scoped lang="scss">
.Detail {
.Detail {
padding-top: 24px;
padding-bottom: 130px;
@@ -456,6 +445,7 @@
}
}
}
.footer {
display: flex;
align-items: center;
@@ -733,8 +723,10 @@
font-family: "PingFang SC";
line-height: 30px;
margin-bottom: 16px;
.label {
width: 160px;
img {
width: 30px;
height: 30px;
@@ -742,6 +734,7 @@
vertical-align: bottom;
}
}
.value {
width: calc(100% - 160px);
color: #333;
@@ -764,5 +757,5 @@
right: 32px;
}
}
}
}
</style>

111
src/project/fengdu/AppCircle/Detail.vue
View File

@@ -2,7 +2,7 @@
<div class="Detail" v-if="pageShow">
<div class="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">
<h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
@@ -24,7 +24,7 @@
<div class="value">{{ info.integralTaskInfo.type == 1 ? '报名得积分' : '打卡得积分' }}</div>
</div>
<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>
<div class="info-flex" v-if="info.integralTaskInfo.type != 1">
@@ -34,12 +34,12 @@
</div>
<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>
<p>{{ info.createTime }}</p>
<div class="item-bottom">
<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>
</button>
<div>
@@ -47,7 +47,7 @@
<i>{{ info.appreciateCount }}</i>
</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>
</div>
</div>
@@ -56,7 +56,7 @@
<h2>评论</h2>
<div class="comment-wrapper">
<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">
<h3>{{ item.createUserName }}</h3>
<p>{{ item.content }}</p>
@@ -66,7 +66,7 @@
</div>
<div class="replay-list" v-if="item.replyList.length">
<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="top">
<div class="replay-left">
@@ -93,11 +93,11 @@
<div class="popup">
<div class="popup-title">
<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 class="popup-list">
<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>
</button>
<!-- <button open-type="share">
@@ -115,7 +115,7 @@
<div class="popup">
<div class="popup-title">
<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 class="form">
<textarea :maxlength="100" :cursor-spacing="10" :placeholder="commentId ? '回复' + replyName : '请输入评论内容'" :focus="focus" v-model="content"></textarea>
@@ -129,12 +129,12 @@
</template>
<script>
import { mapActions, mapState } from 'vuex'
export default {
import {mapActions, mapState} from 'vuex'
export default {
name: 'Detail',
appName: '详情',
data () {
data() {
return {
id: '',
isShow: false,
@@ -153,32 +153,23 @@
replyName: ''
}
},
computed: {
...mapState(['user', 'token'])
},
onLoad (query) {
onLoad(query) {
this.isFrom = query.isFrom
this.id = query.id
this.themeId = query.themeId
this.name = query.name || ''
this.$loading()
if (!this.token) {
this.autoLogin().then(() => {
this.getInfo(query.id)
this.$loading();
(this.token ? Promise.resolve() : this.autoLogin()).finally(() => Promise.all([
this.getInfo(query.id),
this.getCommontList(query.id)
})
} else {
this.getInfo(query.id)
this.getCommontList(query.id)
}
])).finally(() => this.$hideLoading())
},
methods: {
...mapActions(['autoLogin']),
toTask() {
if (!this.user.areaId) {
this.$dialog.confirm({
@@ -191,15 +182,13 @@
}
this.$linkTo(`/mods/AppNewFarmerBank/taskDetail?id=${this.info.integralTaskId}`)
},
previewImage (url, files) {
previewImage(url, files) {
uni.previewImage({
current: url,
urls: files.map(v => v.url)
})
},
showComment () {
showComment() {
if (!this.user.areaId) {
this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。',
@@ -222,8 +211,7 @@
}, 500)
})
},
replay (item) {
replay(item) {
if (!this.user.areaId) {
this.$dialog.confirm({
content: '您只有完成信息认证后，才可进行相关操作。',
@@ -247,21 +235,17 @@
}, 500)
})
},
getInfo (id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
getInfo(id) {
return this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: !this.token,
}).then(res => {
if (res.code === 0) {
if (res?.data) {
this.info = res.data
this.pageShow = true
return this.pageShow = true
}
uni.hideLoading()
})
},
reciate () {
reciate() {
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/appreciate?id=${this.id}`).then(res => {
if (res.code === 0) {
@@ -272,12 +256,10 @@
uni.hideLoading()
})
},
send () {
send() {
if (!this.content) {
return this.$toast('内容不能为空')
}
this.$loading()
this.$instance.post(!this.commentId ? `/app/appneighborhoodassistance/addComment` : `/app/appneighborhoodassistance/addReply`, {
content: this.content,
@@ -285,7 +267,6 @@
type: this.commentId ? 1 : 0,
commentId: this.commentId || ''
}).then(res => {
uni.hideLoading()
if (res.code === 0) {
this.isShowComment = false
this.$toast('提交成功')
@@ -296,15 +277,13 @@
this.isMore = false
this.current = 1
this.$nextTick(() => {
this.getCommontList(this.id)
})
}
})
},
toTopic (url) {
toTopic(url) {
if (this.isFrom === 'topic') {
uni.navigateBack({
delta: 1
@@ -313,12 +292,10 @@
this.$linkTo(url)
}
},
getCommontList (id) {
getCommontList(id) {
if (this.isMore) return
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
return this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: !this.token,
params: {
id,
@@ -326,8 +303,7 @@
size: 10
}
}).then(res => {
if (res.code === 0) {
this.$hideLoading()
if (res?.data) {
if (this.current > 1) {
this.list = [...this.list, ...res.data.records]
} else {
@@ -344,24 +320,19 @@
} else {
this.isMore = true
}
}).catch(() => {
this.$hideLoading()
})
}).finally(() => this.$hideLoading())
}
},
onReachBottom () {
onReachBottom() {
this.getCommontList()
},
onShareTimeline () {
onShareTimeline() {
return {
title: this.info.content,
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
}
},
onShareAppMessage () {
onShareAppMessage() {
this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) {
uni.$emit('updateList')
@@ -373,11 +344,11 @@
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
}
},
}
}
</script>
<style scoped lang="scss">
.Detail {
.Detail {
padding-top: 24px;
padding-bottom: 130px;
@@ -471,6 +442,7 @@
}
}
}
.footer {
display: flex;
align-items: center;
@@ -748,8 +720,10 @@
font-family: "PingFang SC";
line-height: 30px;
margin-bottom: 16px;
.label {
width: 160px;
img {
width: 30px;
height: 30px;
@@ -757,6 +731,7 @@
vertical-align: bottom;
}
}
.value {
width: calc(100% - 160px);
color: #333;
@@ -779,5 +754,5 @@
right: 32px;
}
}
}
}
</style>

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

@@ -173,13 +173,11 @@ export default {
this.id = query.id
this.themeId = query.themeId
this.name = query.name || ''
this.$loading()
Promise.resolve(this.token || this.autoLogin()).then(() =>
Promise.all([
this.$loading();
(this.token ? Promise.resolve() : this.autoLogin()).finally(() => Promise.all([
this.getInfo(query.id),
this.getCommontList(query.id)
])
).finally(() => this.$hideLoading())
])).finally(() => this.$hideLoading())
},
methods: {
...mapActions(['autoLogin']),
@@ -254,18 +252,15 @@ export default {
},
getInfo(id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
return this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: !this.token,
}).then(res => {
if (res.code === 0) {
if (res?.data) {
this.info = res.data
this.pageShow = true
return this.pageShow = true
}
uni.hideLoading()
})
},
reciate() {
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/appreciate?id=${this.id}`).then(res => {
@@ -323,7 +318,7 @@ export default {
if (this.isMore) return
this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
return this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: !this.token,
params: {
id,
@@ -331,7 +326,7 @@ export default {
size: 10
}
}).then(res => {
if (res.code === 0) {
if (res?.data) {
this.$hideLoading()
if (this.current > 1) {
this.list = [...this.list, ...res.data.records]
@@ -347,7 +342,7 @@ export default {
} else {
this.isMore = true
}
}).catch(() => {
}).finally(() => {
this.$hideLoading()
})
}
@@ -357,12 +352,12 @@ export default {
this.getCommontList()
},
// onShareTimeline() {
// return {
// title: this.info.content,
// // path: `/mods/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
// }
// },
onShareTimeline() {
return {
title: this.info.content,
path: `/mods/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}`
}
},
onShareAppMessage() {
this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) {