<div class="community-add">
|
<div class="page-title">小区管理>编辑</div>
|
<form>
|
<!-- 基本信息板块 -->
|
<div class="section">
|
<h3>基本信息></h3>
|
<div class="form-group">
|
<label>小区名称</label>
|
<input type="text" id="input-name" placeholder="请输入" v-model="formData.name" @input="removeError('input-name')" style="width: 436px;">
|
<label>小区编码</label>
|
<input type="text" placeholder="请输入" v-model="formData.communityCode" style="width: 436px;">
|
</div>
|
<div class="form-group">
|
<label>所在城市</label>
|
省<select id="province" name="projectAddressProvince" v-model="selectProv" @change="chooseProvince($event); removeError('province')">
|
<option value="">请选择省</option>
|
</select>
|
市<select id="city" name="projectAddressCity" v-model="selectCity" @change="chooseCity($event); removeError('city')">
|
<option value="">请选择市</option>
|
</select>
|
区<select id="area" name="projectAddressDistrict" v-model="selectArea" @change="chooseArea($event); removeError('area')">
|
<option value="">请选择区</option>
|
</select>
|
<label>详细地址</label>
|
<input type="text" id="input-town" placeholder="请输入" style="width: 165px;" v-model="formData.projectAddressTown" @input="removeError('input-town')"> 镇/街道
|
<input type="text" id="input-road" placeholder="请输入" style="width: 165px;" v-model="formData.projectAddressRoad" @input="removeError('input-road')"> 路
|
</div>
|
<div class="form-group">
|
<label>竣工日期</label>
|
<input type="date" placeholder="年/月/日" v-model="formData.houseCompletionDate" style="width: 436px;">
|
<label>进场日期</label>
|
<input type="date" placeholder="年/月/日" v-model="formData.takeTime" style="width: 436px;">
|
</div>
|
<div class="form-group">
|
<label v-if="formData.state === '1400' || formData.outTime">退场日期</label>
|
<input v-if="formData.state === '1400' || formData.outTime" type="date" placeholder="年/月/日" v-model="formData.outTime" style="width: 436px;">
|
</div>
|
<div class="form-group">
|
<label>小区状态</label>
|
<div class="radio-group" style="width: 436px;">
|
<label><input type="radio" name="status" value="1100" v-model="formData.state" @change="formData.outTime = ''"> 在管</label>
|
<label><input type="radio" name="status" value="1400" v-model="formData.state"> 退管</label>
|
</div>
|
<label>小区性质</label>
|
<select v-model="formData.projectNature" style="width: 154px;">
|
<option value="">请选择</option>
|
<option value="商品房">商品房</option>
|
<option value="售后公房">售后公房</option>
|
<option value="动迁房">动迁房</option>
|
<option value="空置房">空置房</option>
|
<option value="公房">公房</option>
|
</select>
|
<label>小区类型</label>
|
<select v-model="formData.projectType" style="width: 154px;">
|
<option value="">请选择</option>
|
<option value="住宅">住宅</option>
|
<option value="学校">学校</option>
|
<option value="机构">机构</option>
|
<option value="商业">商业</option>
|
</select>
|
</div>
|
<div class="form-group">
|
<label>占地面积</label>
|
<input type="text" placeholder="请输入" v-model="formData.projectLandArea" style="width: 125px;"> ㎡
|
<label>总建筑面积</label>
|
<input type="text" placeholder="请输入" v-model="formData.totalConstructionArea" style="width: 125px;"> ㎡
|
</div>
|
<div class="form-group">
|
<label>可收费总面积</label>
|
<input type="text" placeholder="请输入" style="width: 408px;" v-model="formData.chargeableTotalArea"> ㎡
|
</div>
|
<div class="form-group checkbox-group">
|
<label> 多层</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaMultilayer"> ㎡
|
<label>高层1楼</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaHighRise1"> ㎡
|
<label>高层上</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaHighRiseUp"> ㎡
|
<label>商 铺</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaShop"> ㎡
|
</div>
|
<div class="form-group checkbox-group">
|
<label>别 墅</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaVilla"> ㎡
|
<label>办 公</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaOffice"> ㎡
|
<label>商品房</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.chargeableAreaCommercialHouse"> ㎡
|
<label>绿化面积</label>
|
<input type="text" placeholder="请输入" style="width: 125px;" v-model="formData.greenArea"> ㎡
|
</div>
|
<div class="form-group">
|
<label>物业用房面积</label>
|
<input type="text" placeholder="请输入" style="width: 408px;" v-model="formData.propertyRoomArea"> ㎡
|
<label>公共部位面积</label>
|
<input type="text" placeholder="请输入" style="width: 408px;" v-model="formData.publicArea"> ㎡
|
</div>
|
<div class="form-group">
|
<label>面积明细</label>
|
<input type="text" placeholder="请输入" style="width: 1003px;" v-model="formData.areaDetails">
|
</div>
|
</div>
|
|
<!-- 负责人信息板块 -->
|
<div class="section">
|
<h3>负责人信息></h3>
|
<div class="form-group">
|
<label>物业管理处地址</label>
|
<input type="text" placeholder="请输入" style="width: 1003px;" v-model="formData.propertyManagementAddress">
|
</div>
|
<div class="sub-title">管理处联系人
|
|
|
|
|
|
|
报修电话</div>
|
<div class="form-group">
|
<label>姓名</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.propertyManagerName">
|
<label>联系电话</label>
|
<input type="text" id="input-phone" placeholder="请输入" style="width: 154px;" v-model="formData.propertyManagerPhone" @input="removeError('input-phone')">
|
<label>日间电话</label>
|
<input type="text" id="input-day-phone" placeholder="请输入" style="width: 154px;" v-model="formData.dayRepairPhone" @input="removeError('input-day-phone')">
|
<label>夜间电话</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.nightRepairPhone">
|
</div>
|
<div class="sub-title">小区经理/负责人</div>
|
<div class="form-group">
|
<label>姓名</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.projectManager">
|
<label>联系电话</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.managerPhone">
|
<label>上岗证</label>
|
<div class="radio-group" style="width: 436px;">
|
<label><input type="radio" name="cert" value=true v-model="formData.hasManagerCertificate"> 有</label>
|
<label><input type="radio" name="cert" value=false v-model="formData.hasManagerCertificate"> 无</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label>证件名称</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.certificateName">
|
<label>证件号码</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.managerCertificateNo">
|
</div>
|
</div>
|
|
<!-- 居委会信息板块 -->
|
<div class="section">
|
<h3>居委会信息></h3>
|
<div class="sub-title">居委会</div>
|
<div class="form-group">
|
<label>名称</label>
|
<input type="text" placeholder="请输入" style="width: 438px;" v-model="formData.neighborhoodCommitteeName">
|
<label>地址</label>
|
<input type="text" placeholder="请输入" style="width: 438px;" v-model="formData.neighborhoodCommitteeAddress">
|
</div>
|
<div class="form-group">
|
<label>书记</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.neighborhoodSecretary">
|
<label>书记电话</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.secretaryPhone">
|
<label>办公电话</label>
|
<input type="text" placeholder="请输入" style="width: 436px;" v-model="formData.neighborhoodOfficePhone">
|
</div>
|
<div class="sub-title">业委会</div>
|
<div class="form-group">
|
<label>地址</label>
|
<input type="text" placeholder="请输入" style="width: 436px;" v-model="formData.ownersCommitteeAddress">
|
<label>主任</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.ownersCommitteeChairman">
|
<label>主任电话</label>
|
<input type="text" placeholder="请输入" style="width: 154px;" v-model="formData.chairmanPhone">
|
</div>
|
</div>
|
|
<!-- 设备信息板块 -->
|
<div class="section">
|
<h3>设备信息></h3>
|
<div class="sub-title">设备-消防栓</div>
|
<div class="form-group">
|
<label>消防栓总数</label>
|
<input type="text" placeholder="请输入" style="width: 436px;" v-model.number="formData.fireHydrantCount">
|
<label>消防通道总数</label>
|
<input type="text" placeholder="请输入" style="width: 436px;" v-model.number="formData.fireChannelCount">
|
</div>
|
<div class="sub-title">设备-水箱</div>
|
<div class="form-group">
|
<label>水箱个数</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.waterTankCount">
|
<label>蓄水池个数</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.reservoirCount">
|
</div>
|
<div class="sub-title">设备-电梯</div>
|
<div class="form-group">
|
<label>数量</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.elevatorCount">
|
<label>电梯类型</label>
|
<select v-model="formData.elevatorType" style="width: 153px;">
|
<option value="">请选择</option>
|
<option value="垂直电梯">垂直电梯</option>
|
<option value="自动电梯">自动电梯</option>
|
</select>
|
<label>初装日期</label>
|
<input type="date" placeholder="年/月/日" style="width: 153px;" v-model="formData.elevatorInstallDate">
|
<label>使用年限</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.elevatorServiceLife">
|
</div>
|
<div class="form-group">
|
<label>品牌1</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.elevatorBrand1">
|
<label>品牌2</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.elevatorBrand2">
|
</div>
|
<div class="sub-title">设备-监控</div>
|
<div class="form-group">
|
<label>数量</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.monitorCount">
|
<label>维保单位</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.monitorMaintenanceCompany">
|
</div>
|
<div class="sub-title">设备-道闸</div>
|
<div class="form-group">
|
<label>数量</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.barrierGateCount">
|
<label>品牌</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.barrierGateBrand">
|
<label>供应商联系人</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.barrierSupplierContact">
|
<label>联系电话</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model="formData.barrierSupplierPhone">
|
</div>
|
<div class="sub-title">设备-其它</div>
|
<div class="form-group">
|
<label>水泵数量</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.waterPumpCount">
|
|
<div class="radio-group" style="width: 153px; margin-right: 90px;">
|
<label>是否有固定的装修垃圾堆放点</label>
|
<!-- 使用“是 / 否”，与接口字段保持一致 -->
|
<label>
|
<input type="radio" name="garbage" value="是" v-model="formData.hasDecorationRubbishPoint"> 有
|
</label>
|
<label>
|
<input type="radio" name="garbage" value="否" v-model="formData.hasDecorationRubbishPoint"> 无
|
</label>
|
</div>
|
<label style="margin-left: 100px;">需保安值守出入口(个)</label>
|
<input type="text" placeholder="请输入" style="width: 153px;" v-model.number="formData.securityEntranceCount">
|
</div>
|
</div>
|
|
<!-- 车辆信息板块 -->
|
<div class="section">
|
<h3>车辆信息></h3>
|
<div class="sub-title">车辆</div>
|
<div class="form-group">
|
<label>机动车位总数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.totalMotorVehicleSpaces"> 个
|
</div>
|
<div class="form-group">
|
<label>地面机动车位数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.groundMotorVehicleSpaces"> 个
|
<label>地下机动车位数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.undergroundMotorVehicleSpaces"> 个
|
</div>
|
<div class="form-group">
|
<label>新能源车充电桩</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.newEnergyChargingPiles"> 个
|
<label>非机动车充电点位</label>
|
<input type="text" placeholder="请输入" style="width: 402px;" v-model.number="formData.nonMotorVehicleChargingPoints"> 个
|
</div>
|
<div class="form-group">
|
<label style="width: 30px;">非机动车位地上停车面积</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.groundNonMotorVehicleArea"> ㎡
|
<label style="width: 30px;">非机动车位地下停车面积</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.undergroundNonMotorVehicleArea"> ㎡
|
</div>
|
<div class="form-group">
|
<label>小区内会所面积</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.clubhouseArea"> ㎡
|
</div>
|
<div class="sub-title">临时停车费</div>
|
<div class="form-group">
|
<label>按小时收费</label>
|
<input type="text" placeholder="请输入" style="width: 207px;" v-model.number="formData.temporaryHourlyFee"> 元/时
|
<label>按天收费</label>
|
<input type="text" placeholder="请输入" style="width: 207px;" v-model.number="formData.temporaryDailyFee"> 元/天
|
<label>按次收费</label>
|
<input type="text" placeholder="请输入" style="width: 207px;" v-model.number="formData.temporaryPerTimeFee"> 元/次
|
</div>
|
<div class="sub-title">其它</div>
|
<div class="form-group">
|
<label>总自然幢数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.totalBuildingCount"> 幢
|
<label>门幢数量</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.buildingUnitCount"> 个
|
</div>
|
<div class="form-group">
|
<label style="width: 30px;">高层/小高层门幢数量</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.highRiseBuildingCount"> 幢
|
<label style="width: 30px;">多层/别墅门幢数量</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.multilayerVillaBuildingCount"> 幢
|
</div>
|
<div class="form-group">
|
<label>住宅户数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.residentialHouseholdCount"> 户
|
<label>商铺户数</label>
|
<input type="text" placeholder="请输入" style="width: 406px;" v-model.number="formData.shopHouseholdCount"> 户
|
</div>
|
</div>
|
|
<!-- 操作按钮 -->
|
<div class="btn-group">
|
<button type="reset" class="btn btn-reset" @click="reset()">重置</button>
|
<button type="button" class="btn btn-close" @click="goBack()">关闭</button>
|
<button type="button" class="btn btn-submit" @click="submit()">提交</button>
|
</div>
|
</form>
|
</div>
|
