修复朋友圈分享

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

View File

@@ -130,6 +130,7 @@
<script> <script>
import {mapActions, mapState} from 'vuex' import {mapActions, mapState} from 'vuex'
export default { export default {
name: 'Detail', name: 'Detail',
appName: '详情', appName: '详情',
@@ -161,16 +162,11 @@
this.themeId = query.themeId this.themeId = query.themeId
this.name = query.name || '' this.name = query.name || ''
this.$loading() this.$loading();
if (!this.token) { (this.token ? Promise.resolve() : this.autoLogin()).finally(() => Promise.all([
this.autoLogin().then(() => { this.getInfo(query.id),
this.getInfo(query.id)
this.getCommontList(query.id) this.getCommontList(query.id)
}) ])).finally(() => this.$hideLoading())
} else {
this.getInfo(query.id)
this.getCommontList(query.id)
}
}, },
methods: { methods: {
...mapActions(['autoLogin']), ...mapActions(['autoLogin']),
@@ -240,15 +236,13 @@
}) })
}, },
getInfo(id) { getInfo(id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, { return this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: !this.token, withoutToken: !this.token,
}).then(res => { }).then(res => {
if (res.code === 0) { if (res?.data) {
this.info = res.data this.info = res.data
this.pageShow = true this.pageShow = true
} }
uni.hideLoading()
}) })
}, },
reciate() { reciate() {
@@ -303,9 +297,8 @@
}, },
getCommontList(id) { getCommontList(id) {
if (this.isMore) return if (this.isMore) return
this.$loading() this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, { return this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: !this.token, withoutToken: !this.token,
params: { params: {
id, id,
@@ -313,25 +306,22 @@
size: 10 size: 10
} }
}).then(res => { }).then(res => {
if (res.code === 0) { if (res?.data) {
this.$hideLoading()
if (this.current > 1) { if (this.current > 1) {
this.list = [...this.list, ...res.data.records] this.list = [...this.list, ...res.data.records]
} 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 + 1 this.current = this.current + 1
} else { } else {
this.isMore = true this.isMore = true
} }
}).catch(() => { }).finally(() => {
this.$hideLoading() this.$hideLoading()
}) })
} }
@@ -345,7 +335,6 @@
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}` 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 => { this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) { if (res.code === 0) {
@@ -456,6 +445,7 @@
} }
} }
} }
.footer { .footer {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -733,8 +723,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;
@@ -742,6 +734,7 @@
vertical-align: bottom; vertical-align: bottom;
} }
} }
.value { .value {
width: calc(100% - 160px); width: calc(100% - 160px);
color: #333; color: #333;

View File

@@ -130,10 +130,10 @@
<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: '',
@@ -153,32 +153,23 @@
replyName: '' replyName: ''
} }
}, },
computed: { computed: {
...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) { (this.token ? Promise.resolve() : this.autoLogin()).finally(() => Promise.all([
this.autoLogin().then(() => { this.getInfo(query.id),
this.getInfo(query.id)
this.getCommontList(query.id) this.getCommontList(query.id)
}) ])).finally(() => this.$hideLoading())
} else {
this.getInfo(query.id)
this.getCommontList(query.id)
}
}, },
methods: { methods: {
...mapActions(['autoLogin']), ...mapActions(['autoLogin']),
toTask() { toTask() {
if (!this.user.areaId) { if (!this.user.areaId) {
this.$dialog.confirm({ this.$dialog.confirm({
@@ -191,14 +182,12 @@
} }
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({
@@ -222,7 +211,6 @@
}, 500) }, 500)
}) })
}, },
replay(item) { replay(item) {
if (!this.user.areaId) { if (!this.user.areaId) {
this.$dialog.confirm({ this.$dialog.confirm({
@@ -247,20 +235,16 @@
}, 500) }, 500)
}) })
}, },
getInfo(id) { getInfo(id) {
this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, { return this.$instance.post(`/app/appneighborhoodassistance/queryDetailById?id=${id}`, null, {
withoutToken: !this.token, withoutToken: !this.token,
}).then(res => { }).then(res => {
if (res.code === 0) { if (res?.data) {
this.info = res.data this.info = res.data
this.pageShow = true return this.pageShow = true
} }
uni.hideLoading()
}) })
}, },
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 => {
@@ -272,12 +256,10 @@
uni.hideLoading() uni.hideLoading()
}) })
}, },
send() { send() {
if (!this.content) { if (!this.content) {
return this.$toast('内容不能为空') return this.$toast('内容不能为空')
} }
this.$loading() this.$loading()
this.$instance.post(!this.commentId ? `/app/appneighborhoodassistance/addComment` : `/app/appneighborhoodassistance/addReply`, { this.$instance.post(!this.commentId ? `/app/appneighborhoodassistance/addComment` : `/app/appneighborhoodassistance/addReply`, {
content: this.content, content: this.content,
@@ -285,7 +267,6 @@
type: this.commentId ? 1 : 0, type: this.commentId ? 1 : 0,
commentId: this.commentId || '' commentId: this.commentId || ''
}).then(res => { }).then(res => {
uni.hideLoading()
if (res.code === 0) { if (res.code === 0) {
this.isShowComment = false this.isShowComment = false
this.$toast('提交成功') this.$toast('提交成功')
@@ -296,14 +277,12 @@
this.isMore = false this.isMore = false
this.current = 1 this.current = 1
this.$nextTick(() => { this.$nextTick(() => {
this.getCommontList(this.id) this.getCommontList(this.id)
}) })
} }
}) })
}, },
toTopic(url) { toTopic(url) {
if (this.isFrom === 'topic') { if (this.isFrom === 'topic') {
uni.navigateBack({ uni.navigateBack({
@@ -313,12 +292,10 @@
this.$linkTo(url) this.$linkTo(url)
} }
}, },
getCommontList(id) { getCommontList(id) {
if (this.isMore) return if (this.isMore) return
this.$loading() this.$loading()
this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, { return this.$instance.post(`/app/appneighborhoodassistance/commontList`, null, {
withoutToken: !this.token, withoutToken: !this.token,
params: { params: {
id, id,
@@ -326,8 +303,7 @@
size: 10 size: 10
} }
}).then(res => { }).then(res => {
if (res.code === 0) { if (res?.data) {
this.$hideLoading()
if (this.current > 1) { if (this.current > 1) {
this.list = [...this.list, ...res.data.records] this.list = [...this.list, ...res.data.records]
} else { } else {
@@ -344,23 +320,18 @@
} else { } else {
this.isMore = true this.isMore = true
} }
}).catch(() => { }).finally(() => this.$hideLoading())
this.$hideLoading()
})
} }
}, },
onReachBottom() { onReachBottom() {
this.getCommontList() this.getCommontList()
}, },
onShareTimeline() { onShareTimeline() {
return { return {
title: this.info.content, title: this.info.content,
path: `/pages/AppCircle/Detail?id=${this.id}&themeId=${this.themeId}&name=${this.name}` 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 => { this.$instance.post(`/app/appneighborhoodassistance/share?id=${this.id}`).then(res => {
if (res.code === 0) { if (res.code === 0) {
@@ -471,6 +442,7 @@
} }
} }
} }
.footer { .footer {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -748,8 +720,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;
@@ -757,6 +731,7 @@
vertical-align: bottom; vertical-align: bottom;
} }
} }
.value { .value {
width: calc(100% - 160px); width: calc(100% - 160px);
color: #333; color: #333;

View File

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