This commit is contained in:
花有清香月有阴
2021-12-13 18:55:01 +08:00
parent ae94c12540
commit a1c6215ae4
4 changed files with 272 additions and 81 deletions

View File

@@ -26,33 +26,33 @@
</div>
<div @click.stop="btnHide" class="datas" v-if="data.length > 0">
<div class="cards" @click.stop="toDetail" v-for="(item, i) in 4" :key="i">
<div class="cards" @click.stop="toDetail(item)" v-for="(item, i) in data" :key="i">
<div class="cards-top">
<div class="cards-left">
<span class="walkName">走访对象李伟民</span>
<span class="walkName">走访对象{{ item.createUserName }}</span>
<span class="tags">残疾人</span>
<span class="tags">居家看护</span>
</div>
<div class="cards-right" @click.stop="showHide">
<img src="../AppWalkask/components/images/1.png" alt="" />
<img src="./components/images/1.png" alt="" />
</div>
<div class="btn" v-if="showBtn">
<span @click="toAdd">编辑</span>
<span @click="deletShow = true">删除</span>
<span @click="toAdd(item)">编辑</span>
<span @click="toDetele(item)">删除</span>
</div>
</div>
<div class="cards-hint">脱贫攻坚走脱贫攻坚脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家走访徐家棚街道脱贫攻坚走访徐家访徐家棚街脱贫攻坚脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家走访徐家棚街道脱贫攻脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家坚走访徐家道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家坚走访徐家</div>
<div class="cards-hint">{{ item.description }}</div>
<div class="imgs">
<img src="../AppWalkask/components/images/天使彦5.jpg" alt="" v-for="(item, i) in 4" :key="i" />
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
</div>
<div class="cards-bottom">
<span>走访人林珊珊</span>
<span>2021-12-18 13:45:36</span>
<span>走访人{{ item.createUserName }}</span>
<span>{{ item.createTime }}</span>
</div>
</div>
</div>
@@ -82,10 +82,10 @@
</div>
<div @click.stop="btnHide" class="datas" v-if="data.length > 0">
<div class="cards" @click.stop="toDetail" v-for="(item, i) in 4" :key="i">
<div class="cards" @click.stop="toDetail(item)" v-for="(item, i) in data" :key="i">
<div class="cards-top">
<div class="cards-left">
<span class="walkName">走访对象李伟民</span>
<span class="walkName">走访对象{{ item.createUserName }}</span>
<span class="tags">残疾人</span>
<span class="tags">居家看护</span>
</div>
@@ -95,20 +95,20 @@
</div>
<div class="btn" v-if="showBtn">
<span @click="toAdd">编辑</span>
<span @click="deletShow = true">删除</span>
<span @click="toAdd(item)">编辑</span>
<span @click="toDetele(item)">删除</span>
</div>
</div>
<div class="cards-hint">脱贫攻坚走脱贫攻坚脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家走访徐家棚街道脱贫攻坚走访徐家访徐家棚街脱贫攻坚脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家走访徐家棚街道脱贫攻脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家坚走访徐家道脱贫攻坚走访徐家脱贫攻坚走访徐家棚街道脱贫攻脱贫攻坚走访徐家棚街道脱贫攻坚走访徐家坚走访徐家</div>
<div class="cards-hint">{{ item.description }}</div>
<div class="imgs">
<img src="../AppWalkask/components/images/天使彦5.jpg" alt="" v-for="(item, i) in 4" :key="i" />
<img :src="items.url" alt="" v-for="items in item.images" :key="items.id" @click.stop="previewImage(item.images, items.url)" />
</div>
<div class="cards-bottom">
<span>走访人林珊珊</span>
<span>2021-12-18 13:45:36</span>
<span>走访人{{ item.createUserName }}</span>
<span>{{ item.createTime }}</span>
</div>
</div>
</div>
@@ -178,6 +178,7 @@ export default {
params: null,
current: 1,
areaId: '',
deletId: '',
}
},
computed: { ...mapState(['user']) },
@@ -200,6 +201,14 @@ export default {
.then((res) => {
if (res.code == 0) {
this.data = res.data.records
if (this.data) {
this.data.map((item) => {
if (item.images) {
item.images = JSON.parse(item.images || '[]')
}
return item
})
}
}
})
},
@@ -218,15 +227,16 @@ export default {
toAdd(item) {
console.log('编辑', '添加')
// const { id } = item.id
this.isList = false
this.comp = 'add'
this.params = 12313
// if (id) {
// this.comp = 'add'
// this.params = id
// this.isList = false
// }
const id = item.id
// this.isList = false
// this.comp = 'add'
// this.params = 12313
if (id) {
this.comp = 'add'
// this.params = id
this.params = 12313
this.isList = false
}
},
toDetail(item) {
@@ -236,8 +246,19 @@ export default {
this.params = detail
},
toDetele(item) {
this.deletShow = true
this.deletId = item.id
},
delet() {
console.log('delet')
this.$http.post(`/app/appvisitvondolence/delete?ids=${this.deletId}`).then((res) => {
if (res.code == 0) {
this.$u.toast('删除成功!')
this.getList()
}
})
},
showHide() {
@@ -263,6 +284,13 @@ export default {
this.current = 1
// this.getList()
},
previewImage(images, img) {
uni.previewImage({
urls: images.map((v) => v.url),
current: img,
})
},
},
}
</script>