增加删除按钮

This commit is contained in:
aixianling
2022-04-20 18:15:33 +08:00
parent 0370ea61d9
commit a49fb6016b

View File

@@ -28,15 +28,19 @@
</el-form-item> </el-form-item>
</template> </template>
<template #edit> <template #edit>
<div v-for="(house,i) in form.houses" :key="i"> <el-row type="flex" v-for="(house,i) in form.houses" :key="i" align="middle">
<el-form-item :prop="`houses.${i}.areaId`" <div class="fill">
:rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]"> <el-form-item :prop="`houses.${i}.areaId`"
<ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/> :rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]">
</el-form-item> <ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/>
<el-form-item :prop="`houses.${i}.address`" :rules="{required: true,message:'请输入详情地址'}"> </el-form-item>
<el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/> <el-form-item :prop="`houses.${i}.address`" :rules="{required: true,message:'请输入详情地址'}">
</el-form-item> <el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/>
</div> </el-form-item>
</div>
<el-button type="text" @click="form.houses.splice(i,1)">删除</el-button>
</el-row>
<el-button type="text" @click="form.houses.push({})">新增房屋</el-button> <el-button type="text" @click="form.houses.push({})">新增房屋</el-button>
</template> </template>
</ai-edit-card> </ai-edit-card>