驻村辅警

This commit is contained in:
yanran200730
2021-12-20 17:50:04 +08:00
parent ae5cc0e0a4
commit 931eca4fb3
3 changed files with 67 additions and 59 deletions

View File

@@ -8,23 +8,28 @@
<ai-card title="基本信息">
<template #content>
<el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
<el-form-item label="地区" style="width: 100%;" prop="codeName">
<el-form-item label="服务区域" style="width: 100%;" prop="codeName">
<span style="color: #666;">{{ form.areaName }}</span>
</el-form-item>
<el-form-item label="名称" prop="codeName" :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入名称" v-model="form.codeName"></el-input>
<el-form-item style="width: 100%" label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入名称" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="codeName" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入联系方式" maxlength="20" v-model="form.codeName"></el-input>
<el-form-item style="width: 100%" label="电话" prop="phone" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入电话" maxlength="20" v-model="form.phone"></el-input>
</el-form-item>
<el-form-item style="width: 100%;" label="是否公开" prop="type" :rules="[{ required: true, message: '请选择是否公开', trigger: 'change' }]">
<el-radio-group v-model="form.type">
<el-radio label="0"></el-radio>
<el-form-item style="width: 100%;" label="是否公开" prop="isPublic" :rules="[{ required: true, message: '请选择是否公开', trigger: 'change' }]">
<el-radio-group v-model="form.isPublic">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="图片" prop="codeName" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]">
<ai-uploader :limit="1" v-model="form.img" :instance="instance" ></ai-uploader>
<el-form-item label="图片" style="width: 100%;" prop="picture">
<ai-uploader
:instance="instance"
isShowTip
v-model="form.picture"
:limit="1">
</ai-uploader>
</el-form-item>
</el-form>
</template>
@@ -52,12 +57,11 @@
info: {},
form: {
areaId: '',
codeName: '',
name: '',
areaName: '',
code: '',
img: [],
codeUrl: [],
type: '',
phone: '',
picture: [],
isPublic: '1'
},
id: '',
areaList: []
@@ -65,9 +69,6 @@
},
created () {
this.dict.load('homeConfigMenuType').then(() => {
})
this.getAreaList()
if (this.params && this.params.areaId && !this.params.id) {
@@ -83,12 +84,10 @@
methods: {
getInfo (id) {
this.instance.post(`/app/appeveryvillagecode/queryDetailById?id=${id}`).then(res => {
this.instance.post(`/app/appvillageauxiliarypolice/queryDetailById?id=${id}`).then(res => {
if (res.code === 0) {
this.form = res.data
this.form.codeUrl = [{
url: res.data.codeUrl
}]
this.form.picture = res.data.picture ? [{url: res.data.picture}] : []
}
})
},
@@ -113,9 +112,10 @@
confirm () {
this.$refs.form.validate((valid) => {
if (valid) {
this.instance.post(`/app/appeveryvillagecode/addOrUpdate`, {
this.instance.post(`/app/appvillageauxiliarypolice/addOrUpdate`, {
...this.form,
codeUrl: this.form.codeUrl[0].url
id: this.params.id || '',
picture: this.form.picture ? this.form.picture[0].url : ''
}).then(res => {
if (res.code == 0) {
this.$message.success('提交成功')