| | |
| | | <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 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">{{room.houseCertificateNo ||'-'}}</div> |
| | | </td> |
| | | <td class="text-center"> |
| | | <div class="hc-td">{{room.roadName ||'-'}}</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}} |
| | |
| | | </div> |
| | | <div class="col-sm-5 float-right"> |
| | | <vc:create path="frame/pagination"></vc:create> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 新增表格区域 --> |
| | | <div class="row margin-top-xs"> |
| | | <!-- 房屋统计信息表格 --> |
| | | <div class="col-sm-12"> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5>房屋统计信息</h5> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | <table class="table table-stripped table-condensed"> |
| | | <thead> |
| | | <tr> |
| | | <th>统计项</th> |
| | | <th>数量</th> |
| | | <th>占比</th> |
| | | <th>备注</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr> |
| | | <td>总房屋数</td> |
| | | <td>{{roomInfo.total}}</td> |
| | | <td>100%</td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td>已入住</td> |
| | | <td>{{occupiedRooms || 0}}</td> |
| | | <td>{{occupiedRatio || 0}}%</td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td>未入住</td> |
| | | <td>{{unoccupiedRooms || 0}}</td> |
| | | <td>{{unoccupiedRatio || 0}}%</td> |
| | | <td></td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 最近操作记录表格 --> |
| | | <div class="col-sm-12"> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5>最近操作记录</h5> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | <table class="table table-stripped table-condensed"> |
| | | <thead> |
| | | <tr> |
| | | <th>操作时间</th> |
| | | <th>操作类型</th> |
| | | <th>操作人</th> |
| | | <th>操作对象</th> |
| | | <th>操作内容</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="record in recentOperations" :key="record.id"> |
| | | <td>{{record.operateTime}}</td> |
| | | <td>{{record.operateType}}</td> |
| | | <td>{{record.operator}}</td> |
| | | <td>{{record.operateObject}}</td> |
| | | <td>{{record.operateContent}}</td> |
| | | </tr> |
| | | <tr v-if="!recentOperations || recentOperations.length === 0"> |
| | | <td colspan="5" class="text-center">暂无操作记录</td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |