增加删除按钮

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>
</template>
<template #edit>
<div v-for="(house,i) in form.houses" :key="i">
<el-form-item :prop="`houses.${i}.areaId`"
:rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]">
<ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/>
</el-form-item>
<el-form-item :prop="`houses.${i}.address`" :rules="{required: true,message:'请输入详情地址'}">
<el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/>
</el-form-item>
</div>
<el-row type="flex" v-for="(house,i) in form.houses" :key="i" align="middle">
<div class="fill">
<el-form-item :prop="`houses.${i}.areaId`"
:rules="[{required: true,message:'请选择房屋地址'},{pattern:/[^0]0{0,2}$/,message:'请选择到村/社区'}]">
<ai-area-get v-model="house.areaId" :instance="instance" :root="user.info.areaId"/>
</el-form-item>
<el-form-item :prop="`houses.${i}.address`" :rules="{required: true,message:'请输入详情地址'}">
<el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/>
</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>
</template>
</ai-edit-card>