加入房屋出售功能

吴学文

2019-05-21 64a3b5c008a40a687f0956dccfe6aafea61aa31f

加入房屋出售功能

 WebService/src/main/resources/components/sell-room-other/sellRoomOther.html

New file
@@ -0,0 +1,33 @@
<div class="row">
    <div class="col-lg-12">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>其他信息</h5>
            </div>
            <div class="ibox-content">
                <div>
                    <div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">出售状态</label>
                            <div class="col-sm-10">
                                <select class="custom-select" v-model="otherInfo.state">
                                    <option selected  disabled value="">必填，请选择状态</option>
                                    <option value="2001">业主未迁入</option>
                                    <option value="2001">业主迁入</option>
                                    <option value="2001">业主迁出</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">备注</label>
                            <div class="col-sm-10">
                                <textarea v-model="otherInfo.remark" type="text" placeholder="请填写备注信息" rows="3" class="form-control"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/sell-room-other/sellRoomOther.js

New file
@@ -0,0 +1,30 @@
/**
    权限组
**/
(function(vc){

    vc.extends({
        data:{
            otherInfo:{
                ownerId:"",
                state:"",
                remark:""
            }
        },
        _initMethod:function(){

        },
        _initEvent:function(){
            vc.on('sellRoomOther','listOwnerData',function(_owner){
                //vc.component.ownerInfo = _owner;
                vc.component.otherInfo.ownerId = ownerId;
            });

        },
        methods:{


        }
    });

})(window.vc);

 WebService/src/main/resources/components/sell-room-select-owner/sellRoomSelectOwner.html

New file
@@ -0,0 +1,63 @@
<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="openSearchOwnerModel()">
                        <i class="glyphicon glyphicon-search"></i> 选择业主</button>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >业主ID：</label>
                            <label class="">{{ownerInfo.ownerId}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">名称：</label>
                            <label class="">{{ownerInfo.name}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >性别：</label>
                            <label class="">{{ownerInfo.sex == 0 ? '男' : '女'}}</label>
                        </div>
                    </div>


                </div>

                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >年龄：</label>
                            <label class="">{{ownerInfo.age}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >联系方式：</label>
                            <label class="">{{ownerInfo.link}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">创建员工：</label>
                            <label class="">{{ownerInfo.userName}}</label>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <vc:create name="searchOwner"
               emitChooseOwner="sellRoomSelectOwner"
               emitLoadData="sellRoomOther"
    ></vc:create>
</div>

 WebService/src/main/resources/components/sell-room-select-owner/sellRoomSelectOwner.js

New file
@@ -0,0 +1,35 @@
/**
    权限组
**/
(function(vc){

    vc.extends({
        data:{
            ownerInfo:{
                ownerId:"",
                name:"",
                age:"",
                sex:"",
                userName:"",
                remark:"",
                link:"",
            }
        },
        _initMethod:function(){

        },
        _initEvent:function(){
            vc.on('sellRoomSelectOwner','chooseOwner',function(_owner){
                vc.component.ownerInfo = _owner;
            });

        },
        methods:{

            openSearchOwnerModel(){
                vc.emit('searchOwner','openSearchOwnerModel',{});
            }
        }
    });

})(window.vc);

 WebService/src/main/resources/components/sell-room-select-room/sellRoomSelectRoom.html

New file
@@ -0,0 +1,83 @@
<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="openSearchRoomModel()">
                        <i class="glyphicon glyphicon-search"></i> 选择房屋</button>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >房屋ID：</label>
                            <label class="">{{roomInfo.roomId}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">房屋编号：</label>
                            <label class="">{{roomInfo.roomNum}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >单元：</label>
                            <label class="">{{roomInfo.unitNum}}</label>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >楼层：</label>
                            <label class="">{{roomInfo.layer}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">房间数：</label>
                            <label class="">{{roomInfo.section}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >户型：</label>
                            <label class="">{{roomInfo.apartment}}</label>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >建筑面积：</label>
                            <label class="">{{roomInfo.builtUpArea}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">单价：</label>
                            <label class="">{{roomInfo.unitPrice}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >创建员工：</label>
                            <label class="">{{roomInfo.userName}}</label>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--<vc:create name="searchRoom"
               emitChooseRoom="memberSelectRoom"
               emitLoadData="listRoomMember"
    ></vc:create>-->
</div>

 WebService/src/main/resources/components/sell-room-select-room/sellRoomSelectRoom.js

New file
@@ -0,0 +1,37 @@
/**
    权限组
**/
(function(vc){

    vc.extends({
        data:{
            roomInfo:{
                roomId:"",
                roomNum:"",
                unitNum:"",
                layer:"",
                section:"",
                apartment:"",
                builtUpArea:"",
                unitPrice:"",
                userName:"",
            }
        },
        _initMethod:function(){

        },
        _initEvent:function(){
            vc.on('memberSelectOwner','chooseOwner',function(_owner){
                vc.component.ownerInfo = _owner;
            });

        },
        methods:{

            openSearchOwnerModel(){
                vc.emit('searchOwner','openSearchOwnerModel',{});
            }
        }
    });

})(window.vc);

 WebService/src/main/resources/components/sell-room/sellRoom.html

New file
@@ -0,0 +1,15 @@
<div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
    <vc:create name="sellRoomSelectOwner"
    ></vc:create>

    <vc:create name="sellRoomSelectRoom"
    ></vc:create>

    <vc:create name="sellRoomOther"
    ></vc:create>

    <div class="">
        <button class="btn btn-primary float-right" type="button" v-on:click="doSellRoom()" ><i class="fa fa-check"></i>&nbsp;我要售卖</button>
    </div>

</div>

 WebService/src/main/resources/components/sell-room/sellRoom.js

New file
@@ -0,0 +1,140 @@
/**
    入驻小区
**/
(function(vc){
    var DEFAULT_PAGE = 1;
    var DEFAULT_ROW = 10;
    vc.extends({
        data:{
            roomUnits:[],
            roomInfo:{
                rooms:[],
                total:0,
                records:1,
                floorId:'',
                unitId:'',
                state:'',
                roomNum:''
            }
        },
        _initMethod:function(){

        },
        _initEvent:function(){
            vc.on('room','listRoom',function(_param){
                  vc.component.listRoom();
            });
            vc.on('room','loadData',function(_param){
                vc.component.roomInfo.floorId = _param.floorId;
                vc.component.roomInfo.unitId = '';
                vc.component.roomInfo.state = '';
                vc.component.roomInfo.roomNum = '';

                vc.component.listRoom(DEFAULT_PAGE,DEFAULT_ROW);
                vc.component.loadUnits(_param.floorId);
            });
            vc.on('pagination','page_event',function(_currentPage){
                vc.component.listRoom(_currentPage,DEFAULT_ROW);
            });
        },
        methods:{
            listRoom:function(_page,_row){
                var param = {
                    params:{
                        page:_page,
                        row:_row,
                        communityId:vc.getCurrentCommunity().communityId,
                        floorId:vc.component.roomInfo.floorId,
                        unitId:vc.component.roomInfo.unitId,
                        state:vc.component.roomInfo.state,
                        roomNum:vc.component.roomInfo.roomNum

                    }
                }
               //发送get请求
               vc.http.get('room',
                            'listRoom',
                             param,
                             function(json,res){
                                var listRoomData =JSON.parse(json);

                                vc.component.roomInfo.total = listRoomData.total;
                                vc.component.roomInfo.records = listRoomData.records;
                                vc.component.roomInfo.rooms = listRoomData.rooms;

                                vc.emit('pagination','init',{
                                    total:vc.component.roomInfo.records,
                                    currentPage:_page
                                });
                             },function(errInfo,error){
                                console.log('请求失败处理');
                             }
                           );
            },
            _openEditRoomModel:function(_room){
                _room.floorId = vc.component.roomInfo.floorId;
                vc.emit('editRoom','openEditRoomModal',_room);
            },
            _openDelRoomModel:function(_room){
                 _room.floorId = vc.component.roomInfo.floorId;
                 vc.emit('deleteRoom','openRoomModel',_room);
            },
            /**
                根据楼ID加载房屋
            **/
            loadUnits:function(_floorId){
                vc.component.addRoomUnits = [];
                var param = {
                    params:{
                        floorId:_floorId,
                        communityId:vc.getCurrentCommunity().communityId
                    }
                }
                vc.http.get(
                    'room',
                    'loadUnits',
                     param,
                     function(json,res){
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if(res.status == 200){
                            var tmpUnits = JSON.parse(json);
                            vc.component.roomUnits = tmpUnits;
                            /*if(tmpUnits == null || tmpUnits.length == 0){
                                return ;
                            }
                            for(var unitIndex = 0; unitIndex < tmpUnits.length;unitIndex++){
                               vc.component.addRoomInfo.units[unitIndex] = tmpUnits[unitIndex];
                            }*/
                            return ;
                        }
                        vc.message(json);
                     },
                     function(errInfo,error){
                        console.log('请求失败处理');

                        vc.message(errInfo);
                     });
            },
            queryRoomMethod:function(){
                vc.component.listRoom(DEFAULT_PAGE,DEFAULT_ROW);
            },
            showState:function(_state){
                if(_state == '2001'){
                    return "房屋已售";
                }else if(_state == '2002'){
                    return "房屋未售";
                }else if(_state == '2003'){
                    return "已交定金";
                }
                else if(_state == '2004'){
                    return "已出租";
                }else{
                    return "未知";
                }
            },
            doSellRoom:function(){
                            //
                        }
        }
    });
})(window.vc);

 WebService/src/main/resources/views/sellRoomFlow.html

@@ -20,7 +20,7 @@
        </div>
        <!-- id="component" -->
        <div class="wrapper wrapper-content animated fadeInRight">
            <vc:create name="room"></vc:create>
            <vc:create name="sellRoom"></vc:create>
        </div>

        <vc:create name="copyright"></vc:create>