<div class="community-add">
|
<div class="page-title">小区管理>详情</div>
|
<form>
|
<!-- 基本信息板块 -->
|
<div class="section">
|
<h3>基本信息</h3>
|
<div class="form-group">
|
<label>小区名称：</label>
|
<p>{{communityDetailInfo.communityName || '--'}}</p>
|
<label>小区编码：</label>
|
<p>{{communityDetailInfo.communityCode || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>所在城市：</label>
|
<p>{{communityDetailInfo.provinceName || '--'}} {{communityDetailInfo.cityName || '--'}} {{communityDetailInfo.areaName || '--'}}</p>
|
<label>详细地址：</label>
|
<p>{{communityDetailInfo.communityAddress || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>竣工日期：</label>
|
<p>{{communityDetailInfo.completionDate || '--'}}</p>
|
<label>进场日期：</label>
|
<p>{{communityDetailInfo.takeTime || '--'}}</p>
|
<label v-if="communityDetailInfo.state === '1400'">退场日期：</label>
|
<p v-if="communityDetailInfo.state === '1400'">{{communityDetailInfo.outTime || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>小区状态：</label>
|
<div class="radio-group">
|
<p>{{communityDetailInfo.stateName || '--'}}</p>
|
</div>
|
<label>小区性质：</label>
|
<p>{{communityDetailInfo.propertyType || '--'}}</p>
|
<label>小区类型：</label>
|
<p>{{communityDetailInfo.communityType || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>占地面积：</label>
|
<p>{{communityDetailInfo.area || '--'}}</p>
|
<label>总建筑面积：</label>
|
<p>{{communityDetailInfo.totalArea || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>可收费总面积：</label>
|
<p>{{communityDetailInfo.chargeableArea || '--'}}</p>
|
</div>
|
<div class="form-group checkbox-group">
|
<label> 多层：</label>
|
<p>{{communityDetailInfo.multiStoreyArea || '--'}} ㎡</p>
|
<label>高层1楼：</label>
|
<p>{{communityDetailInfo.highStoreyArea1 || '--'}} ㎡</p>
|
<label>高层上：</label>
|
<p>{{communityDetailInfo.highStoreyArea2 || '--'}} ㎡</p>
|
<label>商 铺：</label>
|
<p>{{communityDetailInfo.commercialArea || '--'}} ㎡</p>
|
</div>
|
<div class="form-group checkbox-group">
|
<label>别 墅：</label>
|
<p>{{communityDetailInfo.villaArea || '--'}} ㎡</p>
|
<label>办 公：</label>
|
<p>{{communityDetailInfo.officeArea || '--'}} ㎡</p>
|
<label>商品房：</label>
|
<p>{{communityDetailInfo.commercialArea || '--'}} ㎡</p>
|
<label>绿化面积：</label>
|
<p>{{communityDetailInfo.greenArea || '--'}} ㎡</p>
|
</div>
|
<div class="form-group">
|
<label>物业用房面积：</label>
|
<p>{{communityDetailInfo.propertyRoomArea || '--'}} ㎡</p>
|
<label>公共部位面积：</label>
|
<p>{{communityDetailInfo.publicArea || '--'}} ㎡</p>
|
</div>
|
<div class="detail-note">
|
<label style="color: #404357; font-weight: 800;"> 面积明细：</label>{{communityDetailInfo.areaDetails || ('总：' + communityDetailInfo.totalArea + ' 包括：(住宅：' + communityDetailInfo.residentialArea + ' 非住宅：' + communityDetailInfo.nonResidentialArea + ')') || '--'}}
|
</div>
|
</div>
|
|
<!-- 负责人信息板块 -->
|
<div class="section">
|
<h3>负责人信息</h3>
|
<div class="form-group">
|
<label>物业管理处地址：</label>
|
<p>{{communityDetailInfo.managementAddress || '--'}}</p>
|
</div>
|
<div class="sub-title" style="color: #404357;">管理处联系人：</div>
|
<div class="form-group">
|
<label>姓名：</label>
|
<p>{{communityDetailInfo.managementContactName || '--'}}</p>
|
<label>联系电话：</label>
|
<p>{{communityDetailInfo.managementContactTel || '--'}}</p>
|
<label class="sub-title" style="margin-left: 50px;">报修电话：</label>
|
<label>日间电话：</label>
|
<p>{{communityDetailInfo.managementContactDayTel || '--'}}</p>
|
<label>夜间电话：</label>
|
<p>{{communityDetailInfo.managementContactNightTel || '--'}}</p>
|
</div>
|
<div class="sub-title" style="color: #404357;">小区经理/负责人</div>
|
<div class="form-group">
|
<label>姓名：</label>
|
<p>{{communityDetailInfo.managerName || '--'}}</p>
|
<label>联系电话：</label>
|
<p>{{communityDetailInfo.managerTel || '--'}}</p>
|
<label>上岗证：</label>
|
<div class="radio-group">
|
<p>{{communityDetailInfo.hasManagerCertificate === true ? '有' : '无'}}</p>
|
</div>
|
</div>
|
<div class="form-group">
|
<label>证件名称：</label>
|
<p>{{communityDetailInfo.managerCertName || '--'}}</p>
|
<label>证件号码：</label>
|
<p>{{communityDetailInfo.managerCertNo || '--'}}</p>
|
</div>
|
</div>
|
|
<!-- 居委会信息板块 -->
|
<div class="section">
|
<h3>居委会信息</h3>
|
<div class="sub-title">居委会：</div>
|
<div class="form-group">
|
<label>名称：</label>
|
<p>{{communityDetailInfo.committeeName || '--'}}</p>
|
<label>地址：</label>
|
<p>{{communityDetailInfo.committeeAddress || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>书记：</label>
|
<p>{{communityDetailInfo.committeeSecretaryName || '--'}}</p>
|
<label>书记电话：</label>
|
<p>{{communityDetailInfo.committeeSecretaryTel || '--'}}</p>
|
<label>办公电话：</label>
|
<p>{{communityDetailInfo.committeeOfficeTel || '--'}}</p>
|
</div>
|
<div class="sub-title">业委会：</div>
|
<div class="form-group">
|
<label>地址：</label>
|
<p>{{communityDetailInfo.committeeAddress || '--'}}</p>
|
<label>主任：</label>
|
<p>{{communityDetailInfo.committeeChairmanName || '--'}}</p>
|
<label>主任电话：</label>
|
<p>{{communityDetailInfo.committeeChairmanTel || '--'}}</p>
|
</div>
|
</div>
|
|
<!-- 设备信息板块 -->
|
<div class="section">
|
<h3>设备信息</h3>
|
<div class="sub-title">设备-消防栓：</div>
|
<div class="form-group">
|
<label>消防栓总数：</label>
|
<p>{{communityDetailInfo.fireSprinklerTotal || '--'}}</p>
|
<label>消防通道总数：</label>
|
<p>{{communityDetailInfo.fireChannelTotal || '--'}}</p>
|
</div>
|
<div class="sub-title">设备-水箱：</div>
|
<div class="form-group">
|
<label>水箱个数：</label>
|
<p>{{communityDetailInfo.waterTankTotal || '--'}}</p>
|
<label>蓄水池个数：</label>
|
<p>{{communityDetailInfo.waterPoolTotal || '--'}}</p>
|
</div>
|
<div class="sub-title">设备-电梯：</div>
|
<div class="form-group">
|
<label>数量：</label>
|
<p>{{communityDetailInfo.elevatorTotal || '--'}}</p>
|
<label>电梯类型：</label>
|
<p>{{communityDetailInfo.elevatorType || '--'}}</p>
|
<label>初装日期：</label>
|
<p>{{communityDetailInfo.elevatorInstallDate || '--'}}</p>
|
<label>使用年限：</label>
|
<p>{{communityDetailInfo.elevatorUseYears || '--'}}</p>
|
</div>
|
<div class="form-group">
|
<label>品牌1：</label>
|
<p>{{communityDetailInfo.elevatorBrand1 || '--'}}</p>
|
</div>
|
<div class="sub-title">设备-监控：</div>
|
<div class="form-group">
|
<label>数量：</label>
|
<p>{{communityDetailInfo.monitorTotal || '--'}}</p>
|
<label>维保单位：</label>
|
<p>{{communityDetailInfo.monitorMaintenanceUnit || '--'}}</p>
|
</div>
|
<div class="sub-title">设备-道闸：</div>
|
<div class="form-group">
|
<label>数量：</label>
|
<p>{{communityDetailInfo.gateTotal || '--'}}</p>
|
<label>品牌：</label>
|
<p>{{communityDetailInfo.gateBrand || '--'}}</p>
|
<label>供应商联系人：</label>
|
<p>{{communityDetailInfo.gateSupplierContactName || '--'}}</p>
|
<label>联系电话：</label>
|
<p>{{communityDetailInfo.gateSupplierContactTel || '--'}}</p>
|
</div>
|
<div class="sub-title">设备-其它：</div>
|
<div class="form-group">
|
<label>水泵数量：</label>
|
<p>{{communityDetailInfo.pumpTotal || '--'}}</p>
|
<label>是否有固定的装修垃圾堆放点：</label>
|
<div class="radio-group">
|
<p>{{communityDetailInfo.hasDecorationRubbishPoint}}</p>
|
</div>
|
<label>需保安值守出入口(个)：</label>
|
<p>{{communityDetailInfo.gateGuardTotal || '--'}}</p>
|
</div>
|
</div>
|
|
<!-- 车辆信息板块 -->
|
<div class="section">
|
<h3>车辆信息</h3>
|
<div class="sub-title">车辆：</div>
|
<div class="form-group">
|
<label>机动车位总数：</label>
|
<p>{{communityDetailInfo.carTotal || '--'}} 个</p>
|
</div>
|
<div class="form-group">
|
<label>地面机动车位数：</label>
|
<p>{{communityDetailInfo.carGroundTotal || '--'}} 个</p>
|
<label>地下机动车位数：</label>
|
<p>{{communityDetailInfo.carUndergroundTotal || '--'}} 个</p>
|
</div>
|
<div class="form-group">
|
<label>新能源车充电桩：</label>
|
<p>{{communityDetailInfo.electricCarTotal || '--'}} 个</p>
|
<label>非机动车充电点位效：</label>
|
<p>{{communityDetailInfo.nonElectricCarTotal || '--'}} 个</p>
|
</div>
|
<div class="form-group">
|
<label>非机动车位地上停车面积：</label>
|
<p>{{communityDetailInfo.nonElectricCarGroundArea || '--'}} ㎡</p>
|
<label>非机动车位地下停车面积：</label>
|
<p>{{communityDetailInfo.nonElectricCarUndergroundArea || '--'}} ㎡</p>
|
</div>
|
<div class="form-group">
|
<label>小区内会所面积：</label>
|
<p>{{communityDetailInfo.clubArea || '--'}} ㎡</p>
|
</div>
|
<div class="sub-title">临时停车费：</div>
|
<div class="form-group">
|
<label>按小时收费：</label>
|
<p>{{communityDetailInfo.hourlyFee || '--'}} 元/时</p>
|
<label>按天收费：</label>
|
<p>{{communityDetailInfo.dailyFee || '--'}} 元/天</p>
|
<label>按次收费：</label>
|
<p>{{communityDetailInfo.onceFee || '--'}} 元/次</p>
|
</div>
|
<div class="sub-title">其它：</div>
|
<div class="form-group">
|
<label>总自然幢数：</label>
|
<p>{{communityDetailInfo.naturalBuildingTotal || '--'}} 幢</p>
|
<label>门幢数量：</label>
|
<p>{{communityDetailInfo.doorBuildingTotal || '--'}} 幢</p>
|
</div>
|
<div class="form-group">
|
<label>高层/小高层门幢数量：</label>
|
<p>{{communityDetailInfo.highBuildingTotal || '--'}} 幢</p>
|
<label>多层/别墅门幢数量：</label>
|
<p>{{communityDetailInfo.lowBuildingTotal || '--'}} 幢</p>
|
</div>
|
<div class="form-group">
|
<label>总户数：</label>
|
<p>{{communityDetailInfo.totalHousehold || '--'}} 户</p>
|
<label>住宅户数：</label>
|
<p>{{communityDetailInfo.residentialHousehold || '--'}} 户</p>
|
<label>商铺户数：</label>
|
<p>{{communityDetailInfo.commercialHousehold || '--'}} 户</p>
|
</div>
|
</div>
|
|
<!-- 操作按钮 -->
|
<div class="btn-group" style="width: 100px; position: relative; left: 80%; transform: translateX(-50%);">
|
<button type="button" class="btn btn-close" @click="goBack()" style="width: 80px;">关闭</button>
|
</div>
|
</form>
|
</div>
|
