kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

26240 26214

Browse Source
This commit is contained in:
花有清香月有阴
2021-12-31 15:00:32 +08:00
parent 357ffcb793
commit 821d78433b
1 changed files with 39 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/apps/AppWalkask/AppWalkask.vue
View File

@@ -2,27 +2,22 @@
<div class="AppWalkask"> <div class="AppWalkask">
<template v-if="isList"> <template v-if="isList">
<div class="header-top"> <div class="header-top">
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
</div> </div>
<div class="header-middle"> <div class="header-middle">
<div class="currentLeft"> <div class="currentLeft">
<div class="currentLeft-top"> <div class="currentLeft-top">
<div class="left"> <div class="left">
<AiAreaPicker v-model="areaId" all :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" <AiAreaPicker v-model="areaId" all :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #fff">
style="color: #fff"> <img :src="$cdn + 'location.svg'" alt="" style="width: 18px; height: 18px; margin-right: 4px; vertical-align: middle" />
<img :src="$cdn + 'location.svg'" alt=""
style="width: 18px; height: 18px; margin-right: 4px; vertical-align: middle"/>
<span class="label" v-if="areaName">{{ areaName }}</span> <span class="label" v-if="areaName">{{ areaName }}</span>
<span v-else>请选择</span> <span v-else>请选择</span>
<u-icon name="arrow-down" color="#fff" size="28" style="margin-left: 4px"/> <u-icon name="arrow-down" color="#fff" size="28" style="margin-left: 4px" />
</AiAreaPicker> </AiAreaPicker>
</div> </div>
<u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF" <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF" search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch" @clear="handerClear"></u-search>
search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch"
@clear="handerClear"></u-search>
</div> </div>
<template v-if="data.length > 0"> <template v-if="data.length > 0">
@@ -37,8 +32,7 @@
<div class="cards-hint">{{ item.title }}</div> <div class="cards-hint">{{ item.title }}</div>
<div class="imgs"> <div class="imgs">
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" v-if="i < 3" />
@click.stop="previewImage(item.images, items.url)" v-if="i < 3"/>
</div> </div>
<div class="cards-bottom"> <div class="cards-bottom">
@@ -66,16 +60,15 @@
</div> </div>
</div> </div>
<u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
:show-title="false" @confirm="delet"></u-modal>
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="toAdd()"/> <div class="addBtn iconfont iconfont-iconfangda" @tap.stop="toAdd()" />
</template> </template>
</div> </div>
</template> </template>
<script> <script>
import {mapState} from 'vuex' import { mapState } from 'vuex'
export default { export default {
name: 'AppWalkask', name: 'AppWalkask',
@@ -125,41 +118,41 @@ export default {
onShow() { onShow() {
document.title = '走访慰问' document.title = '走访慰问'
}, },
mounted() { mounted() {},
},
methods: { methods: {
getList() { getList() {
this.$http this.$http
.post('/app/appvisitvondolence/list', null, { .post('/app/appvisitvondolence/list', null, {
params: { params: {
size: this.size, size: this.size,
current: this.current, current: this.current,
areaId: this.areaId, areaId: this.areaId,
createUserId: this.currentTabs == 1 ? this.user.id : '', createUserId: this.currentTabs == 1 ? this.user.id : '',
title: this.keyword, title: this.keyword,
}, },
}) })
.then((res) => { .then((res) => {
if (res.code == 0) { if (res.code == 0) {
if (this.current > res.data.pages) { if (this.current > res.data.pages) {
return return
} }
this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
this.pages = res.data.pages this.pages = res.data.pages
if (this.data) { if (this.data) {
this.data.map((item) => { this.data.map((item) => {
if (item.images) { if (item.images) {
item.images = JSON.parse(item.images || '[]') item.images = JSON.parse(item.images || '[]')
} }
return item return item
}) })
}
} }
} })
})
}, },
areaSelect(e) { areaSelect(e) {
this.data = []
this.areaId = e this.areaId = e
this.getList() this.getList()
}, },
@@ -177,7 +170,7 @@ export default {
this.$refs?.[item.id]?.[0]?.handleClose() this.$refs?.[item.id]?.[0]?.handleClose()
} }
if (hint == 1) { if (hint == 1) {
uni.navigateTo({url: `./detail?id=${item.id}`}) uni.navigateTo({ url: `./detail?id=${item.id}` })
} }
}, },
@@ -186,9 +179,9 @@ export default {
this.$refs?.[item.id]?.[0]?.handleClose() this.$refs?.[item.id]?.[0]?.handleClose()
} }
if (hint == 2) { if (hint == 2) {
uni.navigateTo({url: `./add?id=${item.id}`}) uni.navigateTo({ url: `./add?id=${item.id}` })
} else { } else {
uni.navigateTo({url: `./add`}) uni.navigateTo({ url: `./add` })
} }
}, },