|
|
@@ -1,31 +1,89 @@
|
|
|
<template>
|
|
|
<view class="">
|
|
|
<view class="data-from" v-for="(item,index) in houseList">
|
|
|
- <view class="size-28 sys-weight-600 p-t30">
|
|
|
- 房产信息({{index+1}})
|
|
|
+ <view class="p-t30">
|
|
|
+ <view class="sys-from-background-color p-20 r-20">
|
|
|
+ <view class="row-justify-sb center">
|
|
|
+ <text class="size-28 sys-weight-600">房产信息({{index+1}})</text>
|
|
|
+ <view class="row-c sys-background-fff r-100 p-lr40 p-tb10">
|
|
|
+ <image class="wh-30"
|
|
|
+ src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/edit.png"
|
|
|
+ mode="aspectFill" @click="onEditInfo(index)"></image>
|
|
|
+ <view class="title-line m-lr20"></view>
|
|
|
+ <image class="wh-30"
|
|
|
+ src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
|
|
|
+ mode="aspectFill" @click="onDeleteInfo(index)">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>产权人：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>房产证号：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>房产地址：</view>
|
|
|
+ <text class="flex">重庆市 渝中区 大坪龙湖时代天街5栋3-1</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>房屋用途：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>建成年份：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>建筑面积：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>房产证件：</view>
|
|
|
+ <image class="wh-110" src="/static/img/index/top-nav.png" mode=""></image>
|
|
|
+ <EnImage></EnImage>
|
|
|
+ </view>
|
|
|
+ <view class="row p-t30">
|
|
|
+ <view class="text-color-666"><text></text>备注：</view>
|
|
|
+ <text class="flex">产权人</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="p-t30">
|
|
|
+ <view class="row-justify-sb center p-b10">
|
|
|
+ <text class="size-28 sys-weight-600">房产信息({{index+1}})</text>
|
|
|
+ <view class="row-c sys-background-fff r-100">
|
|
|
+ <image class="wh-30"
|
|
|
+ src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
|
|
|
+ mode="aspectFill" @click="onDeleteInfo(index)">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <en-input label="产权人" type="text" placeholder="请输入产权人" v-model="item.data.property_owner"
|
|
|
+ v-if="verifyKey('property_owner')"></en-input>
|
|
|
+ <en-input label="房产证号" v-model="item.data.deed_num" v-if="verifyKey('deed_num')" type="text"
|
|
|
+ placeholder="请输入房产证号"></en-input>
|
|
|
+ <en-city label="房产城市" v-model="item.data.house_city" v-if="verifyKey('house_city')"
|
|
|
+ placeholder="请选择省、市、区"></en-city>
|
|
|
+ <en-input label="房产地址" v-model="item.data.house_address" v-if="verifyKey('house_address')" type="text"
|
|
|
+ placeholder="请输入房产详细地址"></en-input>
|
|
|
+ <en-select label="房屋用途" v-model="item.data.house_use" v-if="verifyKey('house_use')"
|
|
|
+ placeholder="请选择房屋用途" :local-data="houseTypeData"></en-select>
|
|
|
+ <en-date label="建成年份" v-model="item.data.build_date" v-if="verifyKey('build_date')"
|
|
|
+ placeholder="选择房屋建成年份"></en-date>
|
|
|
+ <en-radio label="材料费" v-model="item.data.is_pay" v-if="verifyKey('is_pay')"
|
|
|
+ :radio-data="payData"></en-radio>
|
|
|
+ <en-input label="建筑面积" v-model="item.data.covered_area" v-if="verifyKey('covered_area')" type="digit"
|
|
|
+ placeholder="请输入建筑面积" rightText="㎡"></en-input>
|
|
|
+ <en-upload label="上传房产证件" v-model="item.data.certificate_img" v-if="verifyKey('certificate_img')"
|
|
|
+ :imageWidth="180"></en-upload>
|
|
|
+ <en-upload label="上传房产关联图片" v-model="item.data.property" v-if="verifyKey('property')"
|
|
|
+ :imageWidth="180"></en-upload>
|
|
|
+ <en-input label="备注" v-model="item.data.remark" v-if="verifyKey('remark')" type="text"
|
|
|
+ placeholder="请输入备注信息" :noBox="true"></en-input>
|
|
|
</view>
|
|
|
- <en-input label="产权人" type="text" placeholder="请输入产权人" v-model="item.data.property_owner"
|
|
|
- v-if="verifyKey('property_owner')"></en-input>
|
|
|
- <en-input label="房产证号" v-model="item.data.deed_num" v-if="verifyKey('deed_num')" type="text"
|
|
|
- placeholder="请输入房产证号"></en-input>
|
|
|
- <en-city label="房产城市" v-model="item.data.house_city" v-if="verifyKey('house_city')"
|
|
|
- placeholder="请选择省、市、区"></en-city>
|
|
|
- <en-input label="房产地址" v-model="item.data.house_address" v-if="verifyKey('house_address')" type="text"
|
|
|
- placeholder="请输入房产详细地址"></en-input>
|
|
|
- <en-select label="房屋用途" v-model="item.data.house_use" v-if="verifyKey('house_use')" placeholder="请选择房屋用途"
|
|
|
- :local-data="houseTypeData"></en-select>
|
|
|
- <en-date label="建成年份" v-model="item.data.build_date" v-if="verifyKey('build_date')"
|
|
|
- placeholder="选择房屋建成年份"></en-date>
|
|
|
- <en-radio label="材料费" v-model="item.data.is_pay" v-if="verifyKey('is_pay')"
|
|
|
- :radio-data="payData"></en-radio>
|
|
|
- <en-input label="建筑面积" v-model="item.data.covered_area" v-if="verifyKey('covered_area')" type="digit"
|
|
|
- placeholder="请输入建筑面积" rightText="㎡"></en-input>
|
|
|
- <en-upload label="上传房产证件" v-model="item.data.certificate_img" v-if="verifyKey('certificate_img')"
|
|
|
- :imageWidth="180"></en-upload>
|
|
|
- <en-upload label="上传房产关联图片" v-model="item.data.property" v-if="verifyKey('property')"
|
|
|
- :imageWidth="180"></en-upload>
|
|
|
- <en-input label="备注" v-model="item.data.remark" v-if="verifyKey('remark')" type="text" placeholder="请输入备注信息"
|
|
|
- :noBox="true"></en-input>
|
|
|
</view>
|
|
|
<en-blank message="暂无房产信息,快来添加吧！" v-if="houseList.length<=0"></en-blank>
|
|
|
<button class="size-26 r-10 button-color house-button m-t30" hover-class="is-hover"
|
|
|
@@ -34,20 +92,21 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import enInput from "@/components/en-from/en-input/en-input.vue"
|
|
|
- import EnCity from "@/components/en-from/en-city/en-city.vue";
|
|
|
- import EnUpload from "@/components/en-from/en-upload/en-upload.vue";
|
|
|
- import EnSelect from "@/components/en-from/en-select/en-select.vue";
|
|
|
import {
|
|
|
getTaskOptions
|
|
|
} from "@/api/task";
|
|
|
- import md5 from "js-md5";
|
|
|
- import EnDate from "@/components/en-from/en-date/en-date.vue";
|
|
|
- import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
|
|
|
- import tools from "@/service/tools";
|
|
|
import {
|
|
|
getSn
|
|
|
} from "@/api/common";
|
|
|
+ import md5 from "js-md5";
|
|
|
+ import tools from "@/service/tools";
|
|
|
+ import enInput from "@/components/en-from/en-input/en-input.vue"
|
|
|
+ import EnCity from "@/components/en-from/en-city/en-city.vue";
|
|
|
+ import EnUpload from "@/components/en-from/en-upload/en-upload.vue";
|
|
|
+ import EnSelect from "@/components/en-from/en-select/en-select.vue";
|
|
|
+ import EnDate from "@/components/en-from/en-date/en-date.vue";
|
|
|
+ import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
|
|
|
+ import EnImage from "@/components/en-utils/en-image/en-image.vue";
|
|
|
|
|
|
export default {
|
|
|
name: 'property-house',
|
|
|
@@ -57,7 +116,8 @@
|
|
|
EnSelect,
|
|
|
EnUpload,
|
|
|
EnCity,
|
|
|
- enInput
|
|
|
+ enInput,
|
|
|
+ EnImage
|
|
|
},
|
|
|
props: {
|
|
|
'showKeys': {
|
443166679@qq.com