开始开发房屋管理

wuxw

2019-04-19 f5986a355fda8d5df98fe01127bcd7f490f7cdf5

开始开发房屋管理

 WebService/src/main/resources/components/room/room.html

New file
@@ -0,0 +1,74 @@
<div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
    <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">
                        <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 class="text-right">操作</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="room in roomInfo.roomDataInfo">
                            <td>
                                {{room.communityId}}
                            </td>
                            <td>
                                {{room.name}}
                            </td>
                            <td>
                                {{room.tel}}
                            </td>
                            <td>
                                {{room.address}}
                            </td>
                            <td>
                                {{room.nearbyLandmarks}}
                            </td>
                            <td>
                                {{room.cityCode}}
                            </td>
                            <td>
                                {{room.statusCd}}
                            </td>
                            <td class="text-right">
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs" v-on:click="_openDelRoomModel(room)">删除</button>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
    </div>

</div>

 WebService/src/main/resources/components/room/room.js

New file
@@ -0,0 +1,46 @@
/**
    入驻小区
**/
(function(vc){
    vc.extends({
        data:{
            roomInfo:{
                roomDataInfo:[],
            }
        },
        _initMethod:function(){
            vc.component.listRoom();
        },
        _initEvent:function(){
            vc.on('room','listRoom',function(_param){
                  vc.component.listRoom();
            });
        },
        methods:{
            listRoom:function(){
                var param = {
                    params:{
                        msg:this.message
                    }

               }
               //发送get请求
               vc.http.get('room',
                            'listRoom',
                             param,
                             function(json,res){
                                vc.component.roomInfo.roomDataInfo=JSON.parse(json);
                             },function(errInfo,error){
                                console.log('请求失败处理');
                             }
                           );
            },
            _openAddRoomModal:function(){
                //vc.emit('storeEnterCommunity','openStoreEnterCommunity',{});
            },
            _openDelRoomModel:function(_community){
                //vc.emit('storeExitCommunity','openStoreExitCommunityModal',_community);
            }
        }
    });
})(window.vc);

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

New file
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:vc="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>房屋管理|java110</title>
    <vc:create name="commonTop"></vc:create>
</head>
<body>
<vc:create name="loading"></vc:create>
<div id="wrapper">
    <vc:create name="menu"></vc:create>


    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <vc:create name="nav"></vc:create>
        </div>
        <!-- id="component" -->
        <div class="wrapper wrapper-content animated fadeInRight">
            <vc:create name="room"></vc:create>
        </div>

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

    </div>
</div>

<vc:create name="commonBottom"></vc:create>
</body>
</html>