人员组件完成

This commit is contained in:
aixianling
2021-12-24 12:05:40 +08:00
parent db781c050c
commit 1902f0e197
5 changed files with 122 additions and 60 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="add">
<div class="title">
<span class="tips"></span>房屋信息
<span class="tips"/>房屋信息
</div>
<div class="pad-l32">
<div class="item">
@@ -18,7 +18,7 @@
:class="houseInfo.livingStatus === '' ? 'color-999' : ''">{{
$dict.getLabel('houselivingStatus', houseInfo.livingStatus) || '请选择'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item">
@@ -28,7 +28,7 @@
:class="houseInfo.houseUse === '' ? 'color-999' : ''">{{
$dict.getLabel('houseUseStatus', houseInfo.houseUse) || '请选择'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item" v-if="houseInfo.livingStatus == 1">
@@ -38,14 +38,14 @@
:class="houseInfo.leaseSituation === '' ? 'color-999' : ''">{{
$dict.getLabel('houseLeaseSituation', houseInfo.leaseSituation) || '请选择'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item" v-if="houseInfo.livingStatus == 1">
<span class="label">起租日期</span>
<div class="value" @click="dateShow=true">
<span :class="houseInfo.startDate === '' ? 'color-999' : ''">{{ houseInfo.startDate || '请选择' }}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
<div class="item" v-if="houseInfo.livingStatus == 1">
@@ -55,14 +55,14 @@
:class="houseInfo.isFilingCertificate === '' ? 'color-999' : ''">{{
$dict.getLabel('isFilingCertificateStatus', houseInfo.isFilingCertificate) || '请选择'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
</div>
<div class="line-bg"></div>
<div class="line-bg"/>
<div class="title">
<span class="tips"></span>房主信息
<span class="select" @click="toSelectUser">选择人员</span>
<span class="tips"/>房主信息
<AiPagePicker class="select" :selected.sync="houseInfo.owner">选择人员</AiPagePicker>
</div>
<div class="pad-l32">
<div class="item" v-for="(item, index) in houseInfo.owner" :key="index">
@@ -72,13 +72,13 @@
:class=" item.relation === '' ? 'color-999' : ''">{{
$dict.getLabel('householdRelation', item.relation) || '与户主关系'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
</div>
<div class="line-bg"></div>
<div class="line-bg"/>
<div class="title">
<span class="tips"></span>承租人信息
<span class="tips"/>承租人信息
<span class="select" @click="handleSelectUser('renter')">选择人员</span>
</div>
<div class="pad-l32">
@@ -89,13 +89,13 @@
:class=" item.relation === '' ? 'color-999' : ''">{{
$dict.getLabel('householdRelation', item.relation) || '与户主关系'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
</div>
<div class="line-bg"></div>
<div class="line-bg"/>
<div class="title">
<span class="tips"></span>实际居住人员
<span class="tips"/>实际居住人员
<span class="select" @click="handleSelectUser('live')">选择人员</span>
</div>
<div class="pad-l32">
@@ -106,7 +106,7 @@
:class=" item.relation === '' ? 'color-999' : ''">{{
$dict.getLabel('householdRelation', item.relation) || '与户主关系'
}}</span>
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
<u-icon name="arrow-right" color="#cccccc" size="14"/>
</div>
</div>
</div>
@@ -117,9 +117,9 @@
<u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择
</u-picker>
<u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue"
@confirm="confirmSelect"></u-select>
@confirm="confirmSelect"/>
<u-select v-model="showRelation" :list="$dict.getDict('householdRelation')" label-name="dictName"
value-name="dictValue" @confirm="confirmRelation"></u-select>
value-name="dictValue" @confirm="confirmRelation"/>
</div>
</template>