| | |
| | | <div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce"> |
| | | <div id="component"> |
| | | <vc:create name="roomSelectFloor" |
| | | @OpenAddUnitModelName="AddRoom" |
| | | openAddRoomModelName="addRoom" |
| | | ></vc:create> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5>房屋信息</h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddRoomModal()"> |
| | | <i class="glyphicon glyphicon-plus"></i> |
| | | 添加房屋 |
| | | </button> |
| | | </div> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | |
| | | <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15"> |
| | | <div class="row"> |
| | | <div class="col-sm-4 m-b-xs"> |
| | | <select class="form-control-sm form-control input-s-sm inline" v-model="roomInfo.unitId"> |
| | | <option selected value="">请选择单元</option> |
| | | <option v-for="(unit,index) in roomUnits" :key="index" v-bind:value="unit.unitId">{{unit.unitNum}}单元</option> |
| | | </select> |
| | | </div> |
| | | <div class="col-sm-3 m-b-xs"> |
| | | <select class="form-control-sm form-control input-s-sm inline" v-model="roomInfo.state"> |
| | | <option selected value="">请选择状态</option> |
| | | <option value="2001">房屋已售</option> |
| | | <option value="2002">房屋未售</option> |
| | | <option value="2003">已交定金</option> |
| | | <option value="2004">已出租</option> |
| | | </select> |
| | | </div> |
| | | |
| | | <div class="col-sm-3"> |
| | | <div class="input-group"> |
| | | <input type="text" placeholder="请填写房屋编号" class="form-control form-control-sm" v-model="roomInfo.roomNum"> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <div class="col-sm-2"> |
| | | <button type="button" class="btn btn-primary btn-sm" v-on:click="queryRoomMethod()"> |
| | | <i class="glyphicon glyphicon-search"></i> 马上查询</button> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10"> |
| | | <thead> |
| | | <tr> |
| | | <th>房屋ID</th> |
| | | <th data-hide="phone">名称</th> |
| | | <th data-hide="phone">联系方式</th> |
| | | <th data-hide="phone">地址</th> |
| | | <th data-hide="phone">地标</th> |
| | | <th data-hide="phone,tablet" >城市编码</th> |
| | | <th data-hide="phone">状态</th> |
| | | <th data-hide="phone">房屋编号</th> |
| | | <th data-hide="phone">单元</th> |
| | | <th data-hide="phone">楼层</th> |
| | | <th data-hide="phone">房间数</th> |
| | | <th data-hide="phone" >户型</th> |
| | | <th data-hide="phone">建筑面积</th> |
| | | <th data-hide="phone">单价</th> |
| | | <th data-hide="phone">房屋状态</th> |
| | | <th data-hide="phone">创建员工</th> |
| | | <th data-hide="phone">备注</th> |
| | | <th class="text-right">操作</th> |
| | | |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="room in roomInfo.roomDataInfo"> |
| | | <tr v-for="room in roomInfo.rooms"> |
| | | <td> |
| | | {{room.communityId}} |
| | | {{room.roomId}} |
| | | </td> |
| | | <td> |
| | | {{room.name}} |
| | | {{room.roomNum}} |
| | | </td> |
| | | <td> |
| | | {{room.tel}} |
| | | {{room.unitNum}} |
| | | </td> |
| | | <td> |
| | | {{room.address}} |
| | | {{room.layer}} |
| | | </td> |
| | | <td> |
| | | {{room.nearbyLandmarks}} |
| | | {{room.section}} |
| | | </td> |
| | | <td> |
| | | {{room.cityCode}} |
| | | {{room.apartment}} |
| | | </td> |
| | | <td> |
| | | {{room.statusCd}} |
| | | {{room.builtUpArea}} |
| | | </td> |
| | | <td> |
| | | {{room.unitPrice}} |
| | | </td> |
| | | <td> |
| | | {{vc.component.showState(room.state)}} |
| | | </td> |
| | | <td> |
| | | {{room.userName}} |
| | | </td> |
| | | <td> |
| | | {{room.remark}} |
| | | </td> |
| | | <td class="text-right"> |
| | | <div class="btn-group"> |
| | | <button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">修改</button> |
| | | </div> |
| | | <div class="btn-group"> |
| | | <button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">删除</button> |
| | | </div> |
| | |
| | | </tr> |
| | | </tfoot> |
| | | </table> |
| | | <!-- 分页 --> |
| | | <vc:create name="pagination"></vc:create> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 删除员工权限 --> |
| | | <vc:create name="editRoom"></vc:create> |
| | | <vc:create name="deleteRoom"></vc:create> |
| | | </div> |