github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-16 22:22:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 审批评论图片浏览可滑动连续查看

Browse Source
This commit is contained in:
kuaifan 2024-10-27 11:47:26 +08:00
parent 7fdc7a47e3
commit 8eaff830ad
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/assets/js/pages/manage/approve/details.vue
View File

@ -54,7 +54,7 @@
<div class="approve-details-text" v-if="datas.var?.other"> <div class="approve-details-text" v-if="datas.var?.other">
<h4>{{$L('图片')}}</h4> <h4>{{$L('图片')}}</h4>
<div class="img-body"> <div class="img-body">
<div v-for="(src,key) in (datas.var.other).split(',')" @click="onViewPicture(src, datas.var.other, 1)"> <div v-for="(src,key) in (datas.var.other).split(',')" @click="onViewPicture(src, 1)">
<ImgView :src="src" :key="key" class="img-view"/> <ImgView :src="src" :key="key" class="img-view"/>
</div> </div>
</div> </div>
@ -162,8 +162,8 @@
{{ getContent(item.content) }} {{ getContent(item.content) }}
</div> </div>
<div class="content" style="display: flex; gap: 10px;"> <div class="content" style="display: flex; gap: 10px;">
<div v-for="(src,k) in getPictures(item.content)" :key="k" @click="onViewPicture(src, item.content, 2)"> <div v-for="(src, k) in getPictures(item.content)" :key="k" @click="onViewPicture(src, 2)">
<ImgView :src="getPictureThumb(src)" class="img-view"/> <ImgView :src="getPictureThumb(src)" :error-src="src" class="img-view"/>
</div> </div>
</div> </div>
</div> </div>
@ -483,12 +483,15 @@ export default {
return src + '_thumb.' + src.split('.').pop() return src + '_thumb.' + src.split('.').pop()
}, },
// 打开图片 // 打开图片
onViewPicture(currentUrl, datas, type) { onViewPicture(currentUrl, type) {
const datas = [];
if (type == 1) { if (type == 1) {
datas = datas.split(',') datas.push(...this.datas.var.other.split(','))
} }
if (type == 2) { if (type == 2) {
datas = this.getPictures(datas) this.datas.global_comments.map(h => {
datas.push(...this.getPictures(h.content))
})
} }
const list = datas.map(src => { const list = datas.map(src => {
return { return {