首页开发中

Author: 928255095

WebService/src/main/resources/components/index-context/indexContext.html

@@ -0,0 +1,59 @@
+<div id="component" class="wrapper wrapper-content">
+
+    <div class="row">
+        <div class="col-lg-3">
+            <div class="ibox ">
+                <div class="ibox-title">
+                    <span class="label label-success float-right">总数</span>
+                    <h5>业主</h5>
+                </div>
+                <div class="ibox-content">
+                    <h1 class="no-margins">40 886,200</h1>
+                    <div class="stat-percent font-bold text-success">98% <i class="fa fa-bolt"></i></div>
+                    <small>未迁入</small>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-3">
+            <div class="ibox ">
+                <div class="ibox-title">
+                    <span class="label label-info float-right">总数</span>
+                    <h5>房屋</h5>
+                </div>
+                <div class="ibox-content">
+                    <h1 class="no-margins">275,800</h1>
+                    <div class="stat-percent font-bold text-info">20% <i class="fa fa-level-up"></i></div>
+                    <small>空闲</small>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-3">
+            <div class="ibox ">
+                <div class="ibox-title">
+                    <span class="label label-primary float-right">总数</span>
+                    <h5>停车位</h5>
+                </div>
+                <div class="ibox-content">
+                    <h1 class="no-margins">106,120</h1>
+                    <div class="stat-percent font-bold text-navy">44% <i class="fa fa-level-up"></i></div>
+                    <small>空闲</small>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-3">
+            <div class="ibox ">
+                <div class="ibox-title">
+                    <span class="label label-danger float-right">总数</span>
+                    <h5>楼</h5>
+                </div>
+                <div class="ibox-content">
+                    <h1 class="no-margins">80,600</h1>
+                    <div class="stat-percent font-bold text-danger">38% <i class="fa fa-level-down"></i></div>
+                    <small>In first month</small>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+</div>

WebService/src/main/resources/components/index-context/indexContext.js

@@ -0,0 +1,58 @@
+(function(vc){
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data:{
+            indexContextInfo:{
+                owners:[],
+                total:0,
+                records:1,
+                errorInfo:""
+            }
+        },
+        _initMethod:function(){
+            //vc.component._listOwnerData(DEFAULT_PAGE,DEFAULT_ROWS);
+        },
+        _initEvent:function(){
+            vc.on('listOwner','listOwnerData',function(){
+                vc.component._listOwnerData(DEFAULT_PAGE,DEFAULT_ROWS);
+            });
+            vc.on('pagination','page_event',function(_currentPage){
+                vc.component._listOwnerData(_currentPage,DEFAULT_ROWS);
+            });
+        },
+        methods:{
+            _listOwnerData:function(_page,_row){
+                var param = {
+                    params:{
+                        page:_page,
+                        row:_row,
+                        communityId:vc.getCurrentCommunity().communityId,
+                        ownerTypeCd:'1001'
+                    }
+                }
+
+               //发送get请求
+               vc.http.get('listOwner',
+                            'list',
+                             param,
+                             function(json,res){
+                                var listOwnerData =JSON.parse(json);
+
+                                vc.component.listOwnerInfo.total = listOwnerData.total;
+                                vc.component.listOwnerInfo.records = listOwnerData.records;
+                                vc.component.listOwnerInfo.owners = listOwnerData.owners;
+
+                                vc.emit('pagination','init',{
+                                    total:vc.component.listOwnerInfo.records,
+                                    currentPage:_page
+                                });
+                             },function(errInfo,error){
+                                console.log('请求失败处理');
+                             }
+                           );
+
+            }
+        }
+    })
+})(window.vc);

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

@@ -1,4 +1,4 @@
-<nav id="nav" class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
+<nav id="nav" class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
     <div class="navbar-header">
         <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
         <form role="search" class="navbar-form-custom" action="search_results.html">

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

@@ -19,9 +19,7 @@
             <vc:create name="nav"></vc:create>
         </div>
 
-        <div id="component">
-
-        </div>
+        <vc:create name="indexContext"></vc:create>
 
 
         <vc:create name="copyright"></vc:create>