详情，选择慰问对象
This commit is contained in:
花有清香月有阴
@@ -1,62 +1,68 @@
|
||||
<template>
|
||||
<div class="add">
|
||||
<u-navbar title="新建走访" back-icon-color="#fff" title-color="#fff" title-width="300" title-size="36" :background="backgroundNavbar"> </u-navbar>
|
||||
<div v-if="addList">
|
||||
<u-navbar title="新建走访" back-icon-color="#fff" title-color="#fff" title-width="300" title-size="36" :background="backgroundNavbar"> </u-navbar>
|
||||
|
||||
<div class="header-content">
|
||||
<u-form :model="forms" ref="uForm" label-width="auto">
|
||||
<u-form-item label="区域选择" prop="areaId" required style="position: relative">
|
||||
<u-input v-model="forms.areaId" disabled placeholder="请选择区域" @click="showAreaId = true" />
|
||||
<div class="header-content">
|
||||
<u-form :model="forms" ref="uForm" label-width="auto">
|
||||
<u-form-item label="区域选择" prop="areaId" required style="position: relative">
|
||||
<u-input v-model="forms.areaId" disabled placeholder="请选择区域" @click="showAreaId = true" />
|
||||
|
||||
<u-select v-model="showAreaId" :list="areaIdlist" @confirm="changeAreaId"></u-select>
|
||||
<u-select v-model="showAreaId" :list="areaIdlist" @confirm="changeAreaId"></u-select>
|
||||
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="走访对象" prop="object" style="position: relative">
|
||||
<u-input v-model="forms.object" disabled placeholder="请选择走访对象" @click="showObject = true" />
|
||||
<u-form-item label="走访对象" prop="object" style="position: relative">
|
||||
<u-input v-model="forms.object" disabled placeholder="请选择走访对象" @click="toWalkObject" />
|
||||
<!-- @click="showObject = true" -->
|
||||
|
||||
<u-select v-model="showObject" :list="Objectlist" @confirm="changeObject"></u-select>
|
||||
<u-select v-model="showObject" :list="Objectlist" @confirm="changeObject"></u-select>
|
||||
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="现实状态" prop="nowStstus" required style="position: relative">
|
||||
<u-input v-model="forms.nowStstus" disabled placeholder="请选择走访对象" @click="showStstus = true" />
|
||||
<u-form-item label="现实状态" prop="nowStstus" required style="position: relative">
|
||||
<u-input v-model="forms.nowStstus" disabled placeholder="请选择走访对象" @click="showStstus = true" />
|
||||
|
||||
<u-select v-model="showStstus" :list="Objectlist" @confirm="changeStstus"></u-select>
|
||||
<u-select v-model="showStstus" :list="Objectlist" @confirm="changeStstus"></u-select>
|
||||
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
<u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="入户走访事项" prop="things" required label-position="top">
|
||||
<u-input v-model="forms.things" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
|
||||
<div>{{ forms.things.length }}/30</div>
|
||||
</u-form-item>
|
||||
<u-form-item label="入户走访事项" prop="things" required label-position="top">
|
||||
<u-input v-model="forms.things" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
|
||||
<div>{{ forms.things.length }}/30</div>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="入户走访内容" prop="content" label-position="top">
|
||||
<u-input v-model="forms.content" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
|
||||
<div>{{ forms.things.length }}/500</div>
|
||||
</u-form-item>
|
||||
<u-form-item label="入户走访内容" prop="content" label-position="top">
|
||||
<u-input v-model="forms.content" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
|
||||
<div>{{ forms.things.length }}/500</div>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="图片(最多9张)" prop="avatar" required label-position="top">
|
||||
<ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="9"></ai-uploader>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
<u-form-item label="图片(最多9张)" prop="avatar" required label-position="top">
|
||||
<ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="9"></ai-uploader>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
</div>
|
||||
|
||||
<div class="btn" @click="submit">保存</div>
|
||||
|
||||
<AiBack></AiBack>
|
||||
</div>
|
||||
|
||||
<div class="btn" @click="submit">保存</div>
|
||||
|
||||
<AiBack></AiBack>
|
||||
<component v-else :is="comp" :params="params"></component>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AiUploader from '../../../components/AiUploader.vue'
|
||||
import AiBack from '../../../components/AiBack.vue'
|
||||
import walkObject from './walkObject.vue'
|
||||
|
||||
export default {
|
||||
name: 'add',
|
||||
components: { AiUploader, AiBack },
|
||||
components: { AiUploader, AiBack, walkObject },
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
@@ -95,6 +101,7 @@ export default {
|
||||
showObject: false,
|
||||
showStstus: false,
|
||||
flag: false,
|
||||
addList: true,
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
@@ -156,6 +163,12 @@ export default {
|
||||
this.forms.nowStstuslabel = e[0].label
|
||||
},
|
||||
|
||||
toWalkObject() {
|
||||
this.addList = false
|
||||
this.comp = 'walkObject'
|
||||
this.params = 111
|
||||
},
|
||||
|
||||
change(e) {
|
||||
console.log(e)
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user