调整工程目录
This commit is contained in:
@@ -2,19 +2,23 @@
|
||||
<div class="AppWalkask">
|
||||
<template v-if="isList">
|
||||
<div class="header-top">
|
||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6"
|
||||
inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
||||
</div>
|
||||
|
||||
<div class="header-middle">
|
||||
<div class="currentLeft" v-if="currentTabs == 0">
|
||||
<div class="currentLeft-top">
|
||||
<div class="left">
|
||||
<img src="./components/images/icon2.png" alt="" />
|
||||
<img src="./components/images/icon2.png" alt=""/>
|
||||
|
||||
<AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect" style="color: #fff"> </AiAreaPicker>
|
||||
<AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect"
|
||||
style="color: #fff"></AiAreaPicker>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<template v-if="data.length > 0">
|
||||
@@ -29,7 +33,8 @@
|
||||
<div class="cards-hint">{{ item.description }}</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
|
||||
<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">
|
||||
@@ -46,7 +51,7 @@
|
||||
</template>
|
||||
|
||||
<div v-else>
|
||||
<AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"> </AiEmpty>
|
||||
<AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
|
||||
|
||||
<div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
|
||||
</div>
|
||||
@@ -55,12 +60,15 @@
|
||||
<div class="currentRight" v-if="currentTabs == 1">
|
||||
<div class="currentLeft-top">
|
||||
<div class="left">
|
||||
<img src="./components/images/icon2.png" alt="" />
|
||||
<img src="./components/images/icon2.png" alt=""/>
|
||||
|
||||
<AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect" style="color: #fff"> </AiAreaPicker>
|
||||
<AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect"
|
||||
style="color: #fff"></AiAreaPicker>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<template v-if="data.length > 0">
|
||||
@@ -75,7 +83,8 @@
|
||||
<div class="cards-hint">{{ item.description }}</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
|
||||
<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">
|
||||
@@ -92,17 +101,18 @@
|
||||
</template>
|
||||
|
||||
<div v-else>
|
||||
<AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"> </AiEmpty>
|
||||
<AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
|
||||
|
||||
<div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true"
|
||||
:show-title="false" @confirm="delet"></u-modal>
|
||||
|
||||
<AiFixedBtn>
|
||||
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="goDetail()" />
|
||||
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="goDetail()"/>
|
||||
</AiFixedBtn>
|
||||
</template>
|
||||
|
||||
@@ -111,7 +121,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
import {mapState} from 'vuex'
|
||||
import add from './add.vue'
|
||||
import detail from './detail.vue'
|
||||
|
||||
@@ -147,37 +157,38 @@ export default {
|
||||
deletId: '',
|
||||
}
|
||||
},
|
||||
computed: { ...mapState(['user']) },
|
||||
computed: {...mapState(['user'])},
|
||||
created() {
|
||||
this.areaId = this.user.areaId
|
||||
this.getList()
|
||||
},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.$http
|
||||
.post('/app/appvisitvondolence/list', null, {
|
||||
params: {
|
||||
size: 6,
|
||||
current: this.current,
|
||||
areaId: this.areaId,
|
||||
createUserId: this.currentTabs == 1 ? this.user.id : '',
|
||||
title: this.keyword,
|
||||
},
|
||||
})
|
||||
.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
|
||||
})
|
||||
}
|
||||
.post('/app/appvisitvondolence/list', null, {
|
||||
params: {
|
||||
size: 6,
|
||||
current: this.current,
|
||||
areaId: this.areaId,
|
||||
createUserId: this.currentTabs == 1 ? this.user.id : '',
|
||||
title: this.keyword,
|
||||
},
|
||||
})
|
||||
.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
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
areaSelect(e) {
|
||||
@@ -247,11 +258,13 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.AppWalkask {
|
||||
height: 100%;
|
||||
|
||||
.header-middle {
|
||||
.currentLeft,
|
||||
.currentRight {
|
||||
padding-bottom: 56px;
|
||||
background: #fff;
|
||||
|
||||
.currentLeft-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -262,6 +275,7 @@ export default {
|
||||
width: 40%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
@@ -272,6 +286,7 @@ export default {
|
||||
.AiCard {
|
||||
::v-deep .start {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
|
||||
.fill {
|
||||
.cards-left {
|
||||
.walkName {
|
||||
@@ -280,6 +295,7 @@ export default {
|
||||
margin-right: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.tags {
|
||||
display: inline-block;
|
||||
padding: 6px 16px;
|
||||
@@ -290,6 +306,7 @@ export default {
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-hint {
|
||||
margin-top: 16px;
|
||||
font-size: 30px;
|
||||
@@ -302,17 +319,21 @@ export default {
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.imgs {
|
||||
margin-top: 20px;
|
||||
|
||||
img {
|
||||
width: 221px;
|
||||
height: 221px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
img:nth-child(3n + 0) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-bottom {
|
||||
margin: 24px 0 16px 0;
|
||||
font-size: 24px;
|
||||
@@ -341,6 +362,7 @@ export default {
|
||||
color: #b7b7b7;
|
||||
margin-top: 5px;
|
||||
font-weight: 800;
|
||||
|
||||
.toAdds {
|
||||
color: #467dfe;
|
||||
}
|
||||
|
||||
@@ -4,30 +4,34 @@
|
||||
<div class="header-description">
|
||||
<u-form :model="forms" ref="uForm" label-width="auto">
|
||||
<u-form-item label="区域选择" prop="areaId" style="position: relative">
|
||||
<AiAreaPicker v-model="forms.areaId" ref="areaIds" :areaId="areaIdProps" @select="areaSelect" style="color: #333"> </AiAreaPicker>
|
||||
<AiAreaPicker v-model="forms.areaId" ref="areaIds" :areaId="areaIdProps" @select="areaSelect"
|
||||
style="color: #333"></AiAreaPicker>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="走访对象" prop="create_user_name" required style="position: relative">
|
||||
<u-input v-model="forms.create_user_name" disabled placeholder="请选择走访对象" @click="toWalkObject" />
|
||||
<u-input v-model="forms.create_user_name" disabled placeholder="请选择走访对象" @click="toWalkObject"/>
|
||||
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="现实状态" prop="reality" style="position: relative">
|
||||
<u-input v-model="forms.reality" disabled placeholder="请选择走访慰问对象" @click="showStstus = true" />
|
||||
<u-input v-model="forms.reality" disabled placeholder="请选择走访慰问对象" @click="showStstus = true"/>
|
||||
|
||||
<u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="realityStstus"></u-select>
|
||||
<u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue"
|
||||
label-name="dictName" @confirm="realityStstus"></u-select>
|
||||
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="入户走访事项" prop="title" required label-position="top">
|
||||
<u-input v-model="forms.title" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
|
||||
<u-input v-model="forms.title" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60"
|
||||
maxlength="30"/>
|
||||
<div>{{ forms.title.length }}/30</div>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="入户走访内容" prop="description" label-position="top">
|
||||
<u-input v-model="forms.description" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
|
||||
<u-input v-model="forms.description" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60"
|
||||
maxlength="500"/>
|
||||
<div>{{ forms.description.length }}/500</div>
|
||||
</u-form-item>
|
||||
|
||||
@@ -47,7 +51,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
import {mapState} from 'vuex'
|
||||
import walkObject from './walkObject'
|
||||
|
||||
export default {
|
||||
@@ -79,7 +83,7 @@ export default {
|
||||
clickedUserSelect: false,
|
||||
}
|
||||
},
|
||||
computed: { ...mapState(['user']) },
|
||||
computed: {...mapState(['user'])},
|
||||
created() {
|
||||
this.areaIdProps = this.user.areaId
|
||||
this.$dict.load('realityStatus').then(() => {
|
||||
@@ -118,35 +122,35 @@ export default {
|
||||
if (this.forms.images) {
|
||||
this.forms.images.map((e) => {
|
||||
console.log(e)
|
||||
imgs.push({ url: e.url, id: e.id })
|
||||
imgs.push({url: e.url, id: e.id})
|
||||
})
|
||||
}
|
||||
|
||||
this.flag = true
|
||||
this.$http
|
||||
.post(`/app/appvisitvondolence/addOrUpdate`, {
|
||||
areaId: this.forms.areaId,
|
||||
applicationId: this.forms.applicationId,
|
||||
name: this.forms.create_user_name,
|
||||
optionId: this.forms.applicationId,
|
||||
reality: this.forms.realityValue ? this.forms.realityValue : this.forms.reality,
|
||||
title: this.forms.title,
|
||||
description: this.forms.description,
|
||||
createUserId: this.user.id,
|
||||
createUserName: this.user.name,
|
||||
images: JSON.stringify(imgs) || [],
|
||||
id: this.id,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(4)
|
||||
if (res.code == 0) {
|
||||
console.log(5)
|
||||
this.$u.toast('保存成功')
|
||||
this.flag = false
|
||||
uni.navigateTo({ url: `./AppWalkask` })
|
||||
console.log(6)
|
||||
}
|
||||
})
|
||||
.post(`/app/appvisitvondolence/addOrUpdate`, {
|
||||
areaId: this.forms.areaId,
|
||||
applicationId: this.forms.applicationId,
|
||||
name: this.forms.create_user_name,
|
||||
optionId: this.forms.applicationId,
|
||||
reality: this.forms.realityValue ? this.forms.realityValue : this.forms.reality,
|
||||
title: this.forms.title,
|
||||
description: this.forms.description,
|
||||
createUserId: this.user.id,
|
||||
createUserName: this.user.name,
|
||||
images: JSON.stringify(imgs) || [],
|
||||
id: this.id,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(4)
|
||||
if (res.code == 0) {
|
||||
console.log(5)
|
||||
this.$u.toast('保存成功')
|
||||
this.flag = false
|
||||
uni.navigateTo({url: `./AppWalkask`})
|
||||
console.log(6)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$u.toast('保存失败')
|
||||
}
|
||||
@@ -187,20 +191,24 @@ export default {
|
||||
.add {
|
||||
height: 100%;
|
||||
padding-bottom: 112px;
|
||||
|
||||
.header-description {
|
||||
::v-deep .u-form {
|
||||
.u-form-item {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.u-form-item__body {
|
||||
.u-form-item--right__content__slot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.u-form-item:last-child {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.avatars {
|
||||
.u-form-item__body {
|
||||
.default {
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
<div class="hint-con" v-if="data.description">{{ data.description }}</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" />
|
||||
<img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -54,7 +54,8 @@ export default {
|
||||
this.getDetail()
|
||||
})
|
||||
},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
getDetail() {
|
||||
this.$http.post(`/app/appvisitvondolence/queryDetailById?id=${this.params.id}`).then((res) => {
|
||||
@@ -73,14 +74,17 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.detail {
|
||||
height: 100%;
|
||||
|
||||
.header-top {
|
||||
background: #3975c6;
|
||||
padding: 24px 32px 32px;
|
||||
|
||||
.hint {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.walk-item {
|
||||
font-size: 28px;
|
||||
color: #d7e3f3;
|
||||
@@ -91,17 +95,21 @@ export default {
|
||||
.header-middle {
|
||||
background: #fff;
|
||||
padding: 32px 32px 32px 32px;
|
||||
|
||||
.hint-con {
|
||||
font-size: 32px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.imgs {
|
||||
margin: 32px 0 48px 0;
|
||||
|
||||
img {
|
||||
width: 218px;
|
||||
height: 218px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
img:nth-child(3n + 0) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div class="walkObject">
|
||||
<div class="header-top">
|
||||
<u-search v-model="keyword" placeholder="搜索" :show-action="false" bg-color="#F5F5F5" search-icon-color="#CCCCCC" placeholder-color="#999999" @search="handerSearch" @clear="handerClear"></u-search>
|
||||
<u-search v-model="keyword" placeholder="搜索" :show-action="false" bg-color="#F5F5F5" search-icon-color="#CCCCCC"
|
||||
placeholder-color="#999999" @search="handerSearch" @clear="handerClear"></u-search>
|
||||
</div>
|
||||
|
||||
<div class="header-middle">
|
||||
@@ -12,7 +13,8 @@
|
||||
<div class="Checkbox">
|
||||
<div v-if="DiyList.length > 0">
|
||||
<u-collapse event-type="close" arrowaccordion>
|
||||
<u-collapse-item v-for="(item, index) in DiyList" :title="item.menuLevel2Name" :key="index" @change="selectUser(item)">
|
||||
<u-collapse-item v-for="(item, index) in DiyList" :title="item.menuLevel2Name" :key="index"
|
||||
@change="selectUser(item)">
|
||||
<u-radio-group v-model="value">
|
||||
<u-radio v-for="(item, index) in userList" :key="index" :name="item.create_user_name">
|
||||
{{ item.create_user_name }}
|
||||
@@ -26,7 +28,7 @@
|
||||
</u-collapse>
|
||||
</div>
|
||||
|
||||
<AiEmpty description="没有数据" class="emptyWrap" v-else> </AiEmpty>
|
||||
<AiEmpty description="没有数据" class="emptyWrap" v-else></AiEmpty>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -73,7 +75,8 @@ export default {
|
||||
created() {
|
||||
this.getDiyList()
|
||||
},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
getDiyList() {
|
||||
this.$http.post('/app/appapplicationinfo/queryApplicationListByType?type=0').then((res) => {
|
||||
@@ -86,7 +89,7 @@ export default {
|
||||
selectUser(item) {
|
||||
console.log(item.id)
|
||||
this.appId = item.id
|
||||
this.$http.post(`/app/appapplicationinfo/list?appId=${item.id}¤t=${this.current}&size=${99}`, { searchParam: this.keyword }).then((res) => {
|
||||
this.$http.post(`/app/appapplicationinfo/list?appId=${item.id}¤t=${this.current}&size=${99}`, {searchParam: this.keyword}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.userList = res.data.records
|
||||
}
|
||||
@@ -96,7 +99,7 @@ export default {
|
||||
submit() {
|
||||
this.userList.map((item) => {
|
||||
if (item.create_user_name == this.value) {
|
||||
this.$emit('back', { item: item, appId: this.appId })
|
||||
this.$emit('back', {item: item, appId: this.appId})
|
||||
}
|
||||
})
|
||||
},
|
||||
@@ -109,6 +112,7 @@ export default {
|
||||
.walkObject {
|
||||
background: #ffffff;
|
||||
padding-bottom: 118px;
|
||||
|
||||
.header-top {
|
||||
background: #fff;
|
||||
padding: 20px 32px;
|
||||
@@ -123,10 +127,12 @@ export default {
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.empty-div {
|
||||
height: 16px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.Checkbox {
|
||||
padding: 0 20px 0 30px;
|
||||
|
||||
@@ -153,6 +159,7 @@ export default {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 32px;
|
||||
|
||||
.subBtn {
|
||||
margin: 20px 0 18px 0;
|
||||
padding: 18px 32px;
|
||||
@@ -161,8 +168,10 @@ export default {
|
||||
font-size: 32px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.typeName {
|
||||
margin: 36px 0 22px 0;
|
||||
|
||||
.typeName-box {
|
||||
padding: 16px 14px;
|
||||
background: #eaeef1;
|
||||
@@ -171,6 +180,7 @@ export default {
|
||||
font-weight: 500;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.typeName-box:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user