更新房产导入功能及其他相关组件

zhangjq

2026-01-27 6f51f667ae7b13dca029045c221d0b1722cf98df

 public/pages/property/room/room.html

@@ -13,10 +13,10 @@
            <i class="fa fa-plus"></i>添加单元/号
        </button>
        <button type="button" class="btn btn-primary btn-sm margin-left-sm" v-on:click="_openUpdateRoomUnitModal()">
            <i class="fa fa-edit"></i>修改单元
            <i class="fa fa-edit"></i>修改单元/号
        </button>
        <button type="button" class="btn btn-primary btn-sm margin-left-sm" v-on:click="_openDeleteRoomUnitModal()">
            <i class="fa fa-close"></i>删除单元
            <i class="fa fa-close"></i>删除单元/号
        </button>
        <button type="button" class="btn btn-primary btn-sm margin-left-sm" v-on:click="_openAddRoom()"
                v-if="vc.hasPrivilege('502020082453087940')">
@@ -96,236 +96,447 @@
                    <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
                        <table class="table table-stripped table-condensed"
                               data-page-size="10">
                            <thead>
                            <tr>
                                <th data-hide="phone" class="text-center hc-table-fix-left-td">
                                    <div class="hc-td">
                                        <vc:i18n name="房屋" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="楼层" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="业主" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="类型" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="建筑/室内面积" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="租金" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="房屋状态" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="有效期" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="业主成员" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="业主车辆" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="业主房屋" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="投诉" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="报修" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="房屋欠费" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="业主欠费" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <div class="hc-td">
                                        <vc:i18n name="房屋合同" namespace="room"></vc:i18n>
                                    </div>
                                </th>
                                <th v-for="(item,index) in roomInfo.listColumns" class="text-center">
                                    <div class="hc-td">
                                        {{item}}
                                    </div>
                                </th>
                                <th class="text-center hc-table-fix-right-td">
                                    <vc:i18n name="操作" namespace="room"></vc:i18n>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="room in roomInfo.rooms">
                                <!-- <td>{{room.roomId}}</td> -->
                                <td class="text-center hc-table-fix-left-td">
                                    <div class="hc-td">
                                        {{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">{{room.layer}}
                                        <span><vc:i18n name="层" namespace="room"></vc:i18n></span>
                                    </div>
                                </td>
                                <td class="text-center hand" v-if="room.ownerName">
                                    <div class="hc-td">
                                        <a target="_blank" :href="'/#/pages/owner/ownerDetail?ownerId='+room.ownerId">
                                            {{room.ownerName}}({{room.link}})
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center" v-else>
                                    <div class="hc-td textAuto">-</div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">{{room.roomSubTypeName}}</div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        {{room.builtUpArea}}/{{room.roomArea}}
                                        <span><vc:i18n name="平方米" namespace="room"></vc:i18n></span>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        {{room.roomRent.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        {{room.stateName}}
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        {{room.startTime}}</br>
                                        ~{{room.endTime}}
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewOwnerMembers(room)">
                                            {{room.memberCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewOwnerCars(room)">
                                            {{room.carCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewOwnerRooms(room)">
                                            {{room.roomCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewComplaints(room)">
                                            {{room.complaintCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewRepairs(room)">
                                            {{room.repairCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewRoomOweFees(room)">
                                            {{room.roomOweFee || '0.00'}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewOweFees(room)">
                                            {{room.oweFee || '0.00'}}
                                        </a>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="hc-td">
                                        <a href="javascript:void(0)" @click="_viewRoomContracts(room)">
                                            {{room.contractCount || 0}}
                                        </a>
                                    </div>
                                </td>
                                <td v-for="item in room.listValues" class="text-center">
                                    <div class="hc-td">{{item}}</div>
                                </td>
                                <td class="text-center hc-table-fix-right-td">
                                    <div class="btn-group" v-if="vc.hasPrivilege('502020082493857941')">
                                        <button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">
                                            <vc:i18n name="修改" namespace="room"></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group" v-if="vc.hasPrivilege('502020082417457942')">
                                        <button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">
                                            <vc:i18n name="删除" namespace="room"></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group"
                                         v-if="room.state == '2002' && vc.hasPrivilege('502023021978930012')">
                                        <button class="btn-white btn btn-xs" v-on:click="_toRoomBindOwner(room)">
                                            <vc:i18n name="交房" namespace="room"></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group"
                                         v-if="room.state != '2002' && room.ownerId && vc.hasPrivilege('502023021973760015')">
                                        <button class="btn-white btn btn-xs" v-on:click="_toRoomUnBindOwner(room)">
                                            <vc:i18n name="退房" namespace="room"></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group" v-if="room.state != '2002'">
                                        <button class="btn-white btn btn-xs" v-on:click="_toSimplifyAcceptance(room)">
                                            <vc:i18n name="业务受理" namespace="room"></vc:i18n>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                           <thead>
<thead>
<tr>
    <!-- 序号 -->
    <th data-hide="phone" class="text-center hc-table-fix-left-td">
        <div class="hc-td">
            序号
        </div>
    </th>
    <!-- 物业类型 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            物业类型
        </div>
    </th>
    <!-- 项目编码 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            项目编码
        </div>
    </th>
    <!-- 项目名称 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            项目名称
        </div>
    </th>
    <!-- 路名 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            路名
        </div>
    </th>
    <!-- 弄号 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            弄号
        </div>
    </th>
    <!-- 门号 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            门号
        </div>
    </th>
    <!-- 室号 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            室号
        </div>
    </th>
    <!-- 门室号 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            门室号
        </div>
    </th>
    <!-- 业主地址 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            业主地址
        </div>
    </th>
    <!-- 产权人 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            产权人
        </div>
    </th>
    <!-- 房屋 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房屋" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 楼层 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="楼层" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 类型 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="类型" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 建筑/室内面积 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="建筑/室内面积" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 租金 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="租金" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 房屋状态 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房屋状态" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 有效期 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="有效期" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 房产信息（房产证号） -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房产信息（房产证号）" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 购买日期 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="购买日期" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 出售日期 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="出售日期" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 出售状态 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="出售状态" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 购房者姓名 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="购房者姓名" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 设备运行费 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="设备运行费" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 房屋产证编号 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房屋产证编号" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 是否安装充电桩 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="是否安装充电桩" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 业主成员 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="业主成员" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 业主车辆 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="业主车辆" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 业主房屋 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="业主房屋" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 投诉 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="投诉" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 报修 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="报修" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 房屋欠费 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房屋欠费" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 业主欠费 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="业主欠费" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 房屋合同 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
            <vc:i18n name="房屋合同" namespace="room"></vc:i18n>
        </div>
    </th>
    <!-- 自定义列 -->
    <th v-for="(item,index) in roomInfo.listColumns" class="text-center">
        <div class="hc-td">
            {{item}}
        </div>
    </th>
    <!-- 操作 -->
    <th class="text-center hc-table-fix-right-td">
        <vc:i18n name="操作" namespace="room"></vc:i18n>
    </th>
</tr>
</thead>
                <tbody>
<tr v-for="(room, index) in roomInfo.rooms">
    <!-- 序号 -->
    <td class="text-center hc-table-fix-left-td">
        <div class="hc-td">
            {{index + 1}}
        </div>
    </td>
    <!-- 物业类型 -->
    <td class="text-center">
        <div class="hc-td">{{room.propertyType ||'-'}}</div>
    </td>
    <!-- 项目编码 -->
    <td class="text-center">
        <div class="hc-td">{{room.communityCode ||'-'}}</div>
    </td>
    <!-- 项目名称 -->
    <td class="text-center">
    <div class="hc-td">{{getCommunityName() || '-'}}</div>
</td>
    <!-- 路名 -->
    <td class="text-center">
        <div class="hc-td">{{room.roadName ||'-'}}</div>
    </td>
    <!-- 弄号 -->
    <td class="text-center">
        <div class="hc-td">{{room.floorNum ||'-'}}</div>
    </td>
    <!-- 门号 -->
    <td class="text-center">
        <div class="hc-td">{{room.unitNum ||'-'}}</div>
    </td>
    <!-- 室号 -->
    <td class="text-center">
        <div class="hc-td">{{room.roomNum ||'-'}}</div>
    </td>
    <!-- 门室号 -->
    <td class="text-center">
        <div class="hc-td">{{room.doorRoomNum ||'-'}}</div>
    </td>
    <!-- 业主地址 -->
    <td class="text-center">
        <div class="hc-td">{{room.propertyAddress ||'-'}}</div>
    </td>
    <!-- 产权人 -->
    <td class="text-center">
        <div class="hc-td">{{room.roomBuyer ||'-'}}</div>
    </td>
    <!-- 房屋 -->
    <td class="text-center">
        <div class="hc-td">
            {{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
        </div>
    </td>
    <!-- 楼层 -->
    <td class="text-center">
        <div class="hc-td">{{room.layer}}
            <span><vc:i18n name="层" namespace="room"></vc:i18n></span>
        </div>
    </td>
    <!-- 类型 -->
    <td class="text-center">
        <div class="hc-td">{{room.roomSubTypeName}}</div>
    </td>
    <!-- 建筑/室内面积 -->
    <td class="text-center">
        <div class="hc-td">
            {{room.builtUpArea}}/{{room.roomArea}}
            <span><vc:i18n name="平方米" namespace="room"></vc:i18n></span>
        </div>
    </td>
    <!-- 租金 -->
    <td class="text-center">
        <div class="hc-td">
            {{room.roomRent.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}
        </div>
    </td>
    <!-- 房屋状态 -->
    <td class="text-center">
        <div class="hc-td">
            {{room.stateName}}
        </div>
    </td>
    <!-- 有效期 -->
    <td class="text-center">
        <div class="hc-td">
            {{room.startTime}}</br>
            ~{{room.endTime}}
        </div>
    </td>
    <!-- 房产信息（房产证号） -->
    <td class="text-center">
        <div class="hc-td">{{room.houseCertificateNo ||'-'}}</div>
    </td>
    <!-- 购买日期 -->
    <td class="text-center">
        <div class="hc-td">{{room.buyDate ||'-'}}</div>
    </td>
    <!-- 出售日期 -->
    <td class="text-center">
        <div class="hc-td">{{room.sellDate ||'-'}}</div>
    </td>
    <!-- 出售状态 -->
    <td class="text-center">
        <div class="hc-td">{{room.sellState ||'-'}}</div>
    </td>
    <!-- 购房者姓名 -->
    <td class="text-center">
        <div class="hc-td">{{room.roomBuyer ||'-'}}</div>
    </td>
    <!-- 设备运行费 -->
    <td class="text-center">
        <div class="hc-td">{{room.eoc ||'-'}}</div>
    </td>
    <!-- 房屋产证编号 -->
    <td class="text-center">
        <div class="hc-td">{{room.propertyCertificateNo ||'-'}}</div>
    </td>
    <!-- 是否安装充电桩 -->
    <td class="text-center">
        <div class="hc-td">{{room.isEvChargerInstalled == 1 ? '是' : '否'}}</div>
    </td>
    <!-- 业主成员 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewOwnerMembers(room)">
                {{room.memberCount || 0}}
            </a>
        </div>
    </td>
    <!-- 业主车辆 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewOwnerCars(room)">
                {{room.carCount || 0}}
            </a>
        </div>
    </td>
    <!-- 业主房屋 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewOwnerRooms(room)">
                {{room.roomCount || 0}}
            </a>
        </div>
    </td>
    <!-- 投诉 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewComplaints(room)">
                {{room.complaintCount || 0}}
            </a>
        </div>
    </td>
    <!-- 报修 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewRepairs(room)">
                {{room.repairCount || 0}}
            </a>
        </div>
    </td>
    <!-- 房屋欠费 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewRoomOweFees(room)">
                {{room.roomOweFee || '0.00'}}
            </a>
        </div>
    </td>
    <!-- 业主欠费 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewOweFees(room)">
                {{room.oweFee || '0.00'}}
            </a>
        </div>
    </td>
    <!-- 房屋合同 -->
    <td class="text-center">
        <div class="hc-td">
            <a href="javascript:void(0)" @click="_viewRoomContracts(room)">
                {{room.contractCount || 0}}
            </a>
        </div>
    </td>
    <!-- 自定义列 -->
    <td v-for="item in room.listValues" class="text-center">
        <div class="hc-td">{{item}}</div>
    </td>
    <!-- 操作 -->
    <td class="text-center hc-table-fix-right-td">
        <div class="btn-group" v-if="vc.hasPrivilege('502020082493857941')">
            <button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">
                <vc:i18n name="修改" namespace="room"></vc:i18n>
            </button>
        </div>
        <div class="btn-group" v-if="vc.hasPrivilege('502020082417457942')">
            <button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">
                <vc:i18n name="删除" namespace="room"></vc:i18n>
            </button>
        </div>
        <div class="btn-group"
             v-if="room.state == '2002' && vc.hasPrivilege('502023021978930012')">
            <button class="btn-white btn btn-xs" v-on:click="_toRoomBindOwner(room)">
                <vc:i18n name="交房" namespace="room"></vc:i18n>
            </button>
        </div>
        <div class="btn-group"
             v-if="room.state != '2002' && room.ownerId && vc.hasPrivilege('502023021973760015')">
            <button class="btn-white btn btn-xs" v-on:click="_toRoomUnBindOwner(room)">
                <vc:i18n name="退房" namespace="room"></vc:i18n>
            </button>
        </div>
        <div class="btn-group" v-if="room.state != '2002'">
            <button class="btn-white btn btn-xs" v-on:click="_toSimplifyAcceptance(room)">
                <vc:i18n name="业务受理" namespace="room"></vc:i18n>
            </button>
        </div>
    </td>
</tr>
</tbody>
                        </table>
                    </div>
                    <div class="row margin-top-xs">