update

data/resource/mobile/comm/utility.js

@@ -8,4 +8,5 @@ var getHrefArguments = function (getKey) {
         arguments_object[arguments[i].split("=")[0]] = arguments[i].split("=")[1];
     }
     return arguments_object[getKey];
-};
+};
+

data/resource/mobile/talk/js/room_apply.js

@@ -1,62 +1,36 @@
 $(function () {
     FastClick.attach(document.body);
 
-    var GetApplyList = function () {
-        this.curpage = 1;
-        this.hasmore = true;
-        this.init = function () {
-            this.getData();
-        };
-        this.getData = function (curpage) {
-            var _self = this;
-            if(!_self.hasmore) return;
-            $.showLoading();
-            $.get("/mobile/index.php", {
-                act: "member_talk",
-                op: "ajax_room_apply",
-                room_id: getHrefArguments("talk_id"),
-                client_type: "ajax",
-                curpage: _self.curpage
-            }, function (res) {
-                $.hideLoading();
-                var applyList = JSON.parse(res);
-                if (applyList.code != 200) {
-                    $.alert(applyList.message);
-                    return;
-                }
-                var applyHTML = new ApplyHTML(applyList.datas.applys);
-                applyHTML.appendHTML("#apply_list");
-                if (applyList.datas.mobile_page.hasmore) {
-                    _self.curpage = applyList.datas.mobile_page.curpage+1;
-                    _self.hasmore = true;
-                    applyHTML.loadHTML("#load_state");
-                }
-                else {
-                    $(window).off('scroll');
-                    _self.hasmore = false;
-                    applyHTML.endHTML("#load_state");
-                }
-            })
+    var ApplyList = function () {
+        RoomList.apply(this,arguments);
+        this.droploadCallback = function(res){
+            var applyList = JSON.parse(res);
+            if (applyList.code != 200) {
+                $.alert(applyList.message);
+                return;
+            }
+            var applyHTML = new ApplyHTML(applyList.datas.applys);
+            applyHTML.appendHTML(this.append_el);
+            if (applyList.datas.mobile_page.hasmore) {
+                this.curpage = applyList.datas.mobile_page.curpage+1;
+                this.hasmore = true;
+                applyHTML.loadHTML(this.load_state_el);
+            }
+            else {
+                $(window).off('scroll');
+                this.hasmore = false;
+                applyHTML.endHTML(this.load_state_el);
+            }
         };
     };
 
 
-    var ApplyHTML = function (datas) {
-        this.applyList = datas;
-        this.endHTML = function(id){
-            var endHTML = "<div class=\"weui-loadmore weui-loadmore_line\">\n" +
-                "  <span class=\"weui-loadmore__tips\">我是有底线的</span>\n" +
-                "</div>";
+    var apply_list = new ApplyList({act:'member_talk',op: "ajax_room_apply"},"#apply_list","#load_state",true);
+    apply_list.init();
 
-            $(id).empty().append(endHTML);
-        };
-        this.loadHTML = function(id){
-            var loadHTML = "<div class=\"weui-loadmore\">\n" +
-                "  <i class=\"weui-loading\"></i>\n" +
-                "  <span class=\"weui-loadmore__tips\">正在加载</span>\n" +
-                "</div>";
-            $(id).empty().append(loadHTML);
-        };
+
+    var ApplyHTML = function () {
+        RoomListHTML.apply(this,arguments);
         this.appendHTML = function (id) {
             var html = "";
             for (var i = 0; i < this.applyList.length; i++) {
@@ -64,11 +38,11 @@ $(function () {
                     if (this.applyList[i].step == 1) {
                         html += "<div class=\"weui-cell\">\n" +
                             "        <div class=\"weui-cell__hd\">\n" +
-                            "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
+                            "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                             "        </div>\n" +
                             "        <div class=\"weui-cell__bd\">\n" +
-                            "            <p class=\"apply_name\">" + this.applyList[i].nickname + "</p>\n" +
-                            "            <p class=\"abstract\">" + this.applyList[i].msg + "</p>\n" +
+                            "            <p class=\"apply_name\">" + this.listDatas[i].nickname + "</p>\n" +
+                            "            <p class=\"abstract\">" + this.listDatas[i].msg + "</p>\n" +
                             "        </div>\n" +
                             "        <div class=\"weui-cell__ft\">\n" +
                             "            <span class=\"state\">已接受</span>\n" +
@@ -78,11 +52,11 @@ $(function () {
                     else {
                         html += "<div class=\"weui-cell\">\n" +
                             "        <div class=\"weui-cell__hd\">\n" +
-                            "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
+                            "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                             "        </div>\n" +
                             "        <div class=\"weui-cell__bd\">\n" +
-                            "            <p class=\"apply_name\">"+ this.applyList[i].nickname +"</p>\n" +
-                            "            <p class=\"abstract\">"+this.applyList[i].msg+"</p>\n" +
+                            "            <p class=\"apply_name\">"+ this.listDatas[i].nickname +"</p>\n" +
+                            "            <p class=\"abstract\">"+this.listDatas[i].msg+"</p>\n" +
                             "        </div>\n" +
                             "        <div class=\"weui-cell__ft\">\n" +
                             "            <span class=\"state\">已拒绝</span>\n" +
@@ -93,16 +67,16 @@ $(function () {
                 else {
                     html += "<div class=\"weui-cell\">\n" +
                         "        <div class=\"weui-cell__hd\">\n" +
-                        "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
+                        "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                         "        </div>\n" +
                         "        <div class=\"weui-cell__bd\">\n" +
-                        "            <p class=\"apply_name\">" + this.applyList[i].nickname + "</p>\n" +
-                        "            <p class=\"abstract\">" + this.applyList[i].msg + "</p>\n" +
+                        "            <p class=\"apply_name\">" + this.listDatas[i].nickname + "</p>\n" +
+                        "            <p class=\"abstract\">" + this.listDatas[i].msg + "</p>\n" +
                         "        </div>\n" +
                         "        <div class=\"weui-cell__ft\">\n" +
                         "            <div class=\"handle\">\n" +
-                        "                <span class=\"refusal_btn\" data-apply-id=\"" + this.applyList[i].apply_id + "\">拒绝</span>\n" +
-                        "                <span class=\"agree_btn\" data-apply-id=\"" + this.applyList[i].apply_id + "\">同意</span>\n" +
+                        "                <span class=\"refusal_btn\" data-apply-id=\"" + this.listDatas[i].apply_id + "\">拒绝</span>\n" +
+                        "                <span class=\"agree_btn\" data-apply-id=\"" + this.listDatas[i].apply_id + "\">同意</span>\n" +
                         "            </div>\n" +
                         "        </div>\n" +
                         "    </div>"
@@ -113,21 +87,6 @@ $(function () {
     };
 
 
-    var get_apply_list = new GetApplyList();
-    get_apply_list.init();
-
-    $(window).on('scroll',function(){
-        clearTimeout(this.timer);
-        this.timer = setTimeout(function(){
-            var scrollTop = $(this).scrollTop();
-            var scrollHeight = $(document).height();
-            var windowHeight = $(this).height();
-            if(scrollTop + windowHeight == scrollHeight){
-                get_apply_list.getData();
-            }
-        },500);
-    });
-
     $(document).on('click','.refusal_btn',function(){
         var apply_id = $(this).attr('data-apply-id');
         console.log(apply_id);

data/resource/mobile/talk/js/talk_room.js

@@ -0,0 +1,57 @@
+var RoomList = function(ajaxData,append_el,load_state_el,dropload){
+    if(dropload){
+        var _self = this;
+        $(window).on('scroll',function(){
+            clearTimeout(this.timer);
+            this.timer = setTimeout(function(){
+                var scrollTop = $(this).scrollTop();
+                var scrollHeight = $(document).height();
+                var windowHeight = $(this).height();
+                if(scrollTop + windowHeight == scrollHeight){
+                    _self.getData();
+                }
+            },500);
+        });
+    }
+    this.append_el = append_el;
+    this.load_state_el = load_state_el;
+    this.curpage = 1;
+    this.hasmore = true;
+    this.init = function () {
+        this.getData();
+    };
+    this.droploadCallback = function(res){};
+    this.getData = function(){
+        var _self = this;
+        if(!_self.hasmore) return;
+        $.showLoading();
+        $.get("/mobile/index.php", {
+            act: ajaxData.act,
+            op: ajaxData.op,
+            room_id: getHrefArguments("talk_id"),
+            client_type: "ajax",
+            curpage: _self.curpage
+        }, function (res) {
+            $.hideLoading();
+            _self.droploadCallback(res);
+        });
+    }
+};
+
+var RoomListHTML = function(datas){
+    this.listDatas = datas;
+    this.endHTML = function(id){
+        var endHTML = "<div class=\"weui-loadmore weui-loadmore_line\">\n" +
+            "  <span class=\"weui-loadmore__tips\">我是有底线的</span>\n" +
+            "</div>";
+
+        $(id).empty().append(endHTML);
+    };
+    this.loadHTML = function(id){
+        var loadHTML = "<div class=\"weui-loadmore\">\n" +
+            "  <i class=\"weui-loading\"></i>\n" +
+            "  <span class=\"weui-loadmore__tips\">正在加载</span>\n" +
+            "</div>";
+        $(id).empty().append(loadHTML);
+    };
+};

mobile/templates/default/talk/room_apply.php

@@ -18,6 +18,7 @@
 
     <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js?<?php echo bonus_version(); ?>"></script>
     <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/utility.js?<?php echo bonus_version(); ?>"></script>
+    <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/talk_room.js?<?php echo bonus_version(); ?>"></script>
     <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/fastclick.js?<?php echo bonus_version(); ?>"></script>
     <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js?<?php echo bonus_version(); ?>"></script>
     <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/room_apply.js?<?php echo bonus_version(); ?>"></script>

mobile/templates/default/talk/room_sports.php

@@ -4,36 +4,45 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
     <title>捐赠步数</title>
-    <link type="text/css" rel="stylesheet" href="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/css/weui.css?<?php echo bonus_version(); ?>"/>
-    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css?<?php echo bonus_version(); ?>">
+    <link type="text/css" rel="stylesheet"
+          href="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/css/weui.css?<?php echo bonus_version(); ?>"/>
+    <link rel="stylesheet"
+          href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css?<?php echo bonus_version(); ?>">
     <style type="text/css">
-        html,body {
+        html, body {
             background: #F2F2F2;
             font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
         }
+
         .mine_name {
             font-weight: 500;
         }
+
         .weui-cell {
             font-size: 15px;
             font-weight: 400;
         }
+
         .weui-cell__hd img {
             width: 40px;
         }
+
         .abstract {
             font-size: 12px;
         }
+
         .weui-btn_primary {
             display: block;
             background: #2B2B2B;
         }
+
         .walk_num {
             position: relative;
             font-size: 18px;
             padding-right: 16px;
             color: #2B2B2B;
         }
+
         .walk_num:after {
             content: "步";
             position: absolute;
@@ -44,18 +53,22 @@
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
+
         .index_num {
             font-size: 18px;
             text-align: center;
             width: 18px;
             margin-right: 10px;
         }
+
         .em {
             font-weight: 600;
         }
-        .mine_ranking .weui-cells{
+
+        .mine_ranking .weui-cells {
             margin-top: 0;
         }
+
         .weui-cell:before {
             left: 0;
         }
@@ -63,73 +76,117 @@
 </head>
 <body>
 
-    <div class="room_sports_list">
-        <div class="mine_ranking">
-            <div class="weui-cells">
-                <div class="weui-cell">
-                    <div class="weui-cell__hd">
-                        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/avatars.png">
-                    </div>
-                    <div class="weui-cell__bd">
-                        <p class="mine_name">联系人名称</p>
-                        <p class="abstract">第三名 8090步</p>
-                    </div>
-                    <div class="weui-cell__ft">
-                        <a href="javascript:void(0)" class="weui-btn weui-btn_mini weui-btn_primary">捐赠步数</a>
-                    </div>
+<div class="room_sports_list">
+
+    <div class="mine_ranking">
+        <div class="weui-cells" id="mine_ranking">
+
+        </div>
+    </div>
+
+    <div class="room_ranking">
+        <div class="weui-cells" id="room_sports_list">
+            <div class="weui-cell">
+                <div class="index_num em">1</div>
+                <div class="weui-cell__hd">
+                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
                 </div>
+                <div class="weui-cell__bd">
+                    <p>联系人名称</p>
+                </div>
+                <div class="weui-cell__ft walk_num em">123456</div>
             </div>
-        </div>
-        <div class="room_ranking">
-            <div class="weui-cells">
-                <div class="weui-cell">
-                    <div class="index_num em">1</div>
-                    <div class="weui-cell__hd">
-                        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/avatars.png">
-                    </div>
-                    <div class="weui-cell__bd">
-                        <p>联系人名称</p>
-                    </div>
-                    <div class="weui-cell__ft walk_num em">123456</div>
+            <div class="weui-cell">
+                <div class="index_num em">2</div>
+                <div class="weui-cell__hd">
+                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
                 </div>
-                <div class="weui-cell">
-                    <div class="index_num em">2</div>
-                    <div class="weui-cell__hd">
-                        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/avatars.png">
-                    </div>
-                    <div class="weui-cell__bd">
-                        <p>联系人名称</p>
-                    </div>
-                    <div class="weui-cell__ft walk_num em">123456</div>
+                <div class="weui-cell__bd">
+                    <p>联系人名称</p>
                 </div>
-                <div class="weui-cell">
-                    <div class="index_num em">3</div>
-                    <div class="weui-cell__hd">
-                        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/avatars.png">
-                    </div>
-                    <div class="weui-cell__bd">
-                        <p>联系人名称</p>
-                    </div>
-                    <div class="weui-cell__ft walk_num em">123456</div>
+                <div class="weui-cell__ft walk_num em">123456</div>
+            </div>
+            <div class="weui-cell">
+                <div class="index_num em">3</div>
+                <div class="weui-cell__hd">
+                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
                 </div>
-                <div class="weui-cell">
-                    <div class="index_num">4</div>
-                    <div class="weui-cell__hd">
-                        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/avatars.png">
-                    </div>
-                    <div class="weui-cell__bd">
-                        <p>联系人名称</p>
-                    </div>
-                    <div class="weui-cell__ft walk_num">123456</div>
+                <div class="weui-cell__bd">
+                    <p>联系人名称</p>
                 </div>
+                <div class="weui-cell__ft walk_num em">123456</div>
+            </div>
+            <div class="weui-cell">
+                <div class="index_num">4</div>
+                <div class="weui-cell__hd">
+                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
+                </div>
+                <div class="weui-cell__bd">
+                    <p>联系人名称</p>
+                </div>
+                <div class="weui-cell__ft walk_num">123456</div>
             </div>
         </div>
     </div>
+</div>
+<div id="load_state"></div>
+
 
+<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js?<?php echo bonus_version(); ?>"></script>
+<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js?<?php echo bonus_version(); ?>"></script>
+<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/utility.js?<?php echo bonus_version(); ?>"></script>
+<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/talk_room.js?<?php echo bonus_version(); ?>"></script>
+<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/room_sports.js?<?php echo bonus_version(); ?>"></script>
 
-<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/zepto.min.js?<?php echo bonus_version(); ?>"></script>
 <script type="text/javascript">
-    $(function(){
+    $(function () {
+        var RoomSportList = function(){
+            RoomList.apply(this,arguments);
+            this.droploadCallback = function(res){
+                var applyList = JSON.parse(res);
+                if (applyList.code != 200) {
+                    $.alert(applyList.message);
+                    return;
+                }
+                var roomSportHTML = new RoomSportHTML(applyList.datas);
+                roomSportHTML.appendHTML(this.append_el);
+                if (applyList.datas.mobile_page.hasmore) {
+                    this.curpage = applyList.datas.mobile_page.curpage+1;
+                    this.hasmore = true;
+                    roomSportHTML.loadHTML(this.load_state_el);
+                }
+                else {
+                    $(window).off('scroll');
+                    this.hasmore = false;
+                    roomSportHTML.endHTML(this.load_state_el);
+                }
+            }
+        };
+
+        var RoomSportHTML = function () {
+            RoomListHTML.apply(this,arguments);
+            this.appendHTML = function (id) {
+                var mine_sport = "<div class=\"weui-cell\">" +
+                    "                <div class=\"weui-cell__hd\">" +
+                    "                    <img src=\""+this.listDatas.user.avatar+"\">" +
+                    "                </div>" +
+                    "                <div class=\"weui-cell__bd\">" +
+                    "                    <p class=\"mine_name\">"+this.listDatas.user.nickname+"</p>" +
+                    "                    <p class=\"abstract\">第"+this.listDatas.user.ranking+"名"+this.listDatas.user.sports+"步</p>" +
+                    "                </div>" +
+                    "                <div class=\"weui-cell__ft\">" +
+                    "                    <a href=\"javascript:void(0)\" class=\"weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
+                    "                </div>" +
+                    "            </div>";
+                $('#mine_ranking').append(mine_sport);
+
+
+                var room_sport_list = "";
+            };
+        };
+
+        var roomSportList = new RoomSportList({act:"member_talk",op:"ajax_room_sports"},"#room_sports_list","#load_state",true);
+        roomSportList.init();
 
     });
 </script>