车辆信息和房屋信息完成

This commit is contained in:
aixianling
2022-04-19 17:59:14 +08:00
parent 4ec129a695
commit e854868514
2 changed files with 140 additions and 41 deletions

View File

@@ -13,7 +13,7 @@
<template #content>
<el-form class="content-right" :model="baseInfo" ref="ruleForm" :rules="rules" label-width="130px"
label-position="right" size="small">
<el-tabs tab-position="left" v-if="showDetail">
<el-tabs tab-position="left" v-if="showDetail" v-model="currentTab">
<el-tab-pane label="基本信息">
<ai-edit-card :title="baseInfo.name||'基本信息'" :show-btn="permissions('app_appresident_edit')"
@save="saveFrom" @cancel="getDetail(baseInfo.id)">
@@ -212,41 +212,7 @@
</ai-edit-card>
</el-tab-pane>
<el-tab-pane label="资产信息" lazy>
<ai-edit-card title="车辆信息" :show-btn="permissions('app_appresident_edit')"
@save="saveFrom" @cancel="getDetail(baseInfo.id)">
<template>
<el-form-item label-width="0">
<span v-for="car in baseInfo.cars" :key="car.id" v-text="car.license"/>
<ai-empty v-if="baseInfo.cars.length==0"/>
</el-form-item>
</template>
<template #edit>
<el-form-item label-width="0" prop="cars">
<el-input v-for="(car,i) in baseInfo.cars" :key="car.id" v-model="car.license" clearable
placeholder="请输入车牌号">
<el-button slot="append" type="text" @click="baseInfo.cars.splice(i,1)">删除</el-button>
</el-input>
<el-button type="text" @click="baseInfo.cars.push({})">新增车辆</el-button>
</el-form-item>
</template>
</ai-edit-card>
<ai-edit-card title="房屋信息" :show-btn="permissions('app_appresident_edit')"
@save="saveFrom" @cancel="getDetail(baseInfo.id)">
<template>
<el-form-item label-width="0">
<span v-for="house in baseInfo.houseList" :key="house.id"
v-text="[house.areaName,house.address].join('')"/>
<ai-empty v-if="baseInfo.houseList.length==0"/>
</el-form-item>
</template>
<template #edit>
<div v-for="house in baseInfo.houseList" :key="house.id">
<ai-area-get v-model="house.areaId" :instance="instance"/>
<el-input v-model="house.address" clearable placeholder="请输入详情地址" size="small"/>
</div>
<el-button type="text" @click="baseInfo.houseList.push({})">新增房屋</el-button>
</template>
</ai-edit-card>
<personal-assets v-if="currentTab==1" :resident-id="baseInfo.id" v-bind="$props"/>
</el-tab-pane>
<el-tab-pane label="特殊人群" lazy v-if="hasSpecial">
<ai-card v-for="(item, index) in baseInfo.tsrqInfos" :key="index" :title="item.applicationName">
@@ -474,15 +440,15 @@
<script>
import {mapState} from "vuex";
import AiEditCard from "./components/AiEditCard";
import PersonalAssets from "./components/personalAssets";
export default {
name: "localResident",
components: {AiEditCard},
components: {PersonalAssets, AiEditCard},
props: {
instance: Function,
dict: Object,
permissions: Function,
active: String
},
data() {
let IdNumberPass = (rule, value, callback) => {
@@ -581,7 +547,8 @@ export default {
},
imgUrl: "",
fileList: [],
disabledLevel: 0
disabledLevel: 0,
currentTab: "0"
};
},
computed: {
@@ -678,8 +645,6 @@ export default {
if (res?.data) {
let {currentHouseList, householdHouseList, tips} = res.data.resident
this.baseInfo = {
cars: [],
houseList: [],
...res.data.resident,
currentHouseList: currentHouseList?.split("|"),
householdHouseList: householdHouseList?.split("|"),