diff --git a/src/apps/AppCountryAlbum/detail.vue b/src/apps/AppCountryAlbum/detail.vue index 664289c4..092c377e 100644 --- a/src/apps/AppCountryAlbum/detail.vue +++ b/src/apps/AppCountryAlbum/detail.vue @@ -27,17 +27,21 @@
{{item.name}} + {{editText}}

{{e.createUserName}} 上传

+ +
- + + @@ -52,6 +56,8 @@ export default { fileList: [], numInfo: {}, params: {}, + editText: '编辑', + delIds: [] } }, computed: { ...mapState(['user']) }, @@ -66,6 +72,46 @@ export default { }, methods: { + delConfirm() { + if(!this.delIds.length) { + return this.$u.toast('请先选中需要删除的照片') + } + var id = this.delIds.join(',') + this.$confirm('确定删除这些相片?').then(() => { + this.$http.post(`/app/appvillagepicturealbum/delete?ids=${id}`).then((res) => { + if (res.code == 0) { + this.$u.toast('删除成功!') + this.list = [] + this.getList() + this.getStatistic() + this.editClick('取消') + uni.$emit('updateList') + } + }) + }) + }, + editClick(text) { + this.editText = text == '编辑' ? '取消' : '编辑' + this.delIds = [] + if(text == '取消' && this.delIds.length) { + this.list = [] + this.getList() + } + }, + checkImg(row, index, indexs) { + this.list[index].list[indexs].isCheked = true + this.delIds.push(row.id) + this.$forceUpdate() + }, + delSelect(row, index, indexs) { + this.list[index].list[indexs].isCheked = false + this.delIds.map((item, i) => { + if(item == row.id) { + this.delIds.splice(i, 1) + } + }) + this.$forceUpdate() + }, previewImage(images, img) { uni.previewImage({ urls: images.map(v => v.url), @@ -80,12 +126,17 @@ export default { } }).then(res => { if (res.code == 0) { - this.list = Object.keys(res.data).map(v => { + this.list = Object.keys(res.data).map(v => { return { name: v, list: res.data[v] } }) + this.list.map((item) => { + item.list.map((e) => { + e.isCheked = false + }) + }) } }) }, @@ -228,10 +279,23 @@ export default { font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #333; + position: relative; span{ display: inline-block; margin-right: 16px; } + .edit-btn{ + display: inline-block; + color: #26f; + font-weight: 400; + width: 200px; + text-align: right; + line-height: 88px; + position: absolute; + font-size: 32px; + right: 18px; + top: 20px; + } } .img-list{ overflow: hidden; @@ -256,6 +320,20 @@ export default { color: #FFF; line-height: 36px; } + .del-icon{ + position: absolute; + right: 0; + top: 0; + } + .cir-icon{ + width: 40px; + height: 40px; + border-radius: 50%; + border: 4px solid #ccc; + position: absolute; + right: 0; + top: 0; + } } } .footer-btn{