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

走访事项 现实状态

Browse Source
This commit is contained in:
花有清香月有阴
2021-12-10 18:20:55 +08:00
parent 74adaaa0a1
commit 46a94045f5
1 changed files with 75 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/apps/AppWalkask/components/add.vue
View File

@@ -3,42 +3,42 @@
<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">
<div class="header-description">
<u-form :model="forms" ref="uForm" label-width="auto">
<u-form-item label="区域选择" prop="areaId" required style="position: relative">
<u-form-item label="区域选择" prop="areaId" style="position: relative">
<ai-area-picker v-model="forms.areaId" ref="areaIds" :areaId="areaIdProps" @select="areaSelect" style="color: #333"> </ai-area-picker>
</u-form-item>
<u-form-item label="走访对象" prop="object" style="position: relative">
<u-input v-model="forms.object" disabled placeholder="请选择走访对象" @click="toWalkObject" />
<u-form-item label="走访对象" prop="applicationId" required style="position: relative">
<u-input v-model="forms.applicationId" 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="applicaStatus"></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="reality" required style="position: relative">
<u-form-item label="现实状态" prop="reality" style="position: relative">
<u-input v-model="forms.reality" disabled placeholder="请选择走访对象" @click="showStstus = true" />
<!-- :disabled="!forms.object" -->
<u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="changeStstus"></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="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 label="入户走访事项" prop="title" required label-position="top">
<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="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 label="入户走访内容" prop="description" label-position="top">
<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>
<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 label="图片(最多9张)" prop="images" class="avatars" required label-position="top">
<ai-uploader :def.sync="forms.images" multiple @list="change" placeholder="上传图片" :limit="9"></ai-uploader>
</u-form-item>
</u-form>
</div>
@@ -68,36 +68,21 @@ export default {
backgroundNavbar: {
backgroundColor: '#3975C6',
},
forms: {
areaId: '',
object: '',
applicationId: '',
reality: '',
realitylabel: '',
things: '',
content: '',
avatar: [],
realityValue: '',
title: '',
description: '',
images: [],
},
showAreaId: false,
areaIdlist: [
{
value: '1',
label: '江',
},
{
value: '2',
label: '湖',
},
],
Objectlist: [
{
value: '0',
label: '武汉',
},
{
value: '1',
label: '北京',
},
],
showObject: false,
showStstus: false,
@@ -114,34 +99,49 @@ export default {
mounted() {},
methods: {
submit() {
console.log(1)
if (this.flag) return
this.$refs.uForm.validate((valid) => {
if (valid) {
if (!this.areaId) {
if (!this.forms.applicationId) {
return this.$u.toast('请选择走访对象')
}
if (!this.form.things) {
if (!this.forms.title) {
return this.$u.toast('请输入入户走访事项')
}
console.log(2)
const imgs = []
if (this.forms.images) {
this.forms.images.map((e) => {
console.log(e)
imgs.push({ url: e.url, id: e.id })
})
}
console.log(3)
this.flag = true
this.$instance
.post(`/appjobresume/addOrUpdate`, {
areaId: this.forms.areaId,
object: this.forms.object,
applicationId: '8883942d30aa4b76b33de1660d4870e4',
// object: this.forms.object,
reality: this.forms.reality == Number ? this.forms.reality : this.forms.realitylabel,
things: this.forms.things,
content: this.forms.content,
avatar: this.forms.avatar[0],
title: this.forms.title,
description: this.forms.description,
images: imgs || [],
// education: this.form.education == Number ? this.form.education : this.forms.educationValue,
id: this.id,
id: '',
})
.then((res) => {
console.log(4)
if (res.code == 0) {
console.log(5)
this.$u.toast('保存成功')
this.flag = false
uni.navigateBack({})
console.log(6)
}
})
} else {
@@ -158,16 +158,16 @@ export default {
}
},
changeObject(e) {
applicaStatus(e) {
console.log(e)
this.forms.object = e[0].value
this.forms.objectlabel = e[0].label
},
changeStstus(e) {
realityStstus(e) {
console.log(e)
this.forms.reality = e[0].value
this.forms.realitylabel = e[0].label
this.forms.reality = e[0].label
this.forms.realityValue = e[0].value
},
toWalkObject() {
@@ -187,13 +187,41 @@ export default {
.add {
height: 100%;
padding-bottom: 112px;
.header-content {
.header-description {
::v-deep .u-form {
.u-form-item {
margin-bottom: 16px;
.u-form-item__body {
// .u-form-item--right {
// .u-form-item--right__content {
.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 {
// .u-form-item--right {
// .u-form-item--right__content {
// .u-form-item--right__content__slot {
// .ai-uploader {
// .fileList {
.default {
width: 160px;
height: 160px;
}
}
// }
// }
// }
// }
// }
}
}
}