huanggang 6 年之前
父節點
當前提交
c8aebd7c7f

+ 41 - 0
data/resource/mobile/talk/css/room_apply.css

@@ -0,0 +1,41 @@
+.weui-cells {
+    margin-top: 0;
+}
+
+.weui-cell__hd img {
+    width: 40px;
+    display: block;
+}
+
+.apply_name {
+    font-size: 15px;
+}
+
+.abstract, .state {
+    font-size: 12px;
+    color: #666666;
+}
+
+.weui-cell:before {
+    left: 0;
+}
+
+.handle {
+    font-size: 12px;
+    color: #ffffff;
+}
+
+.refusal_btn, .agree_btn {
+    padding: 5px 10px;
+    border-radius: 14px;
+    cursor: pointer;
+}
+
+.refusal_btn {
+    background: #DD4545;
+    margin-right: 10px;
+}
+
+.agree_btn {
+    background: #2B2B2B;
+}

+ 154 - 0
data/resource/mobile/talk/js/room_apply.js

@@ -0,0 +1,154 @@
+$(function () {
+    FastClick.attach(document.body);
+
+    var getHrefArguments = function (getKey) {
+        var arguments_object = {};
+        var location = window.location.href;
+        var location_arguments = location.split("?");
+        var arguments = location_arguments[1].split("&");
+
+        for (var i = 0; i < arguments.length; i++) {
+            arguments_object[arguments[i].split("=")[0]] = arguments[i].split("=")[1];
+        }
+        return arguments_object[getKey];
+    };
+
+
+    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 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>";
+
+            $(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);
+        };
+        this.appendHTML = function (id) {
+            var html = "";
+            for (var i = 0; i < this.applyList.length; i++) {
+                if (this.applyList[i].step == 1 || this.applyList[i].step == 2) {
+                    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" +
+                            "        </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" +
+                            "        </div>\n" +
+                            "        <div class=\"weui-cell__ft\">\n" +
+                            "            <span class=\"state\">已接受</span>\n" +
+                            "        </div>\n" +
+                            "    </div>"
+                    }
+                    else {
+                        html += "<div class=\"weui-cell\">\n" +
+                            "        <div class=\"weui-cell__hd\">\n" +
+                            "            <img src=\"" + this.applyList[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" +
+                            "        </div>\n" +
+                            "        <div class=\"weui-cell__ft\">\n" +
+                            "            <span class=\"state\">已拒绝</span>\n" +
+                            "        </div>\n" +
+                            "    </div>"
+                    }
+                }
+                else {
+                    html += "<div class=\"weui-cell\">\n" +
+                        "        <div class=\"weui-cell__hd\">\n" +
+                        "            <img src=\"" + this.applyList[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" +
+                        "        </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" +
+                        "            </div>\n" +
+                        "        </div>\n" +
+                        "    </div>"
+                }
+            }
+            $(id).append(html);
+        }
+    };
+
+
+    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);
+    });
+
+    $(document).on('click','.agree_btn',function(){
+        var apply_id = $(this).attr('data-apply-id');
+        console.log(apply_id);
+    });
+
+});

+ 13 - 95
mobile/templates/default/talk/room_apply.php

@@ -4,104 +4,22 @@
     <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(); ?>"/>
-    <style>
-        .weui-cells {
-            margin-top: 0;
-        }
-        .weui-cell__hd {
-            margin-right: 8px;
-        }
-
-        .weui-cell__hd img {
-            width: 40px;display: block;
-        }
-
-        .apply_name {
-            font-size: 15px;
-        }
-
-        .abstract,.state {
-            font-size: 12px;
-            color: #666666;
-        }
-
-        .weui-cell:before {
-            left: 0;
-        }
-
-        .handle {
-            font-size: 12px;
-            color: #ffffff;
-        }
-
-        .refusal_btn,.agree_btn  {
-            padding: 5px 10px;
-            border-radius: 14px;
-        }
-
-        .refusal_btn {
-            background: #DD4545;
-            margin-right: 10px;
-        }
-
-        .agree_btn {
-            background: #2B2B2B;
-        }
-
-    </style>
+    <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/room_apply.css?<?php echo bonus_version(); ?>"/>
 </head>
 <body>
-<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="apply_name">联系人名称</p>
-            <p class="abstract">摘要信息</p>
-        </div>
-        <div class="weui-cell__ft">
-<!--            <div class="state">已接受</div>-->
-            <div class="handle">
-                <span class="refusal_btn">拒绝</span>
-                <span class="agree_btn">同意</span>
-            </div>
-        </div>
-    </div>
-    <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="apply_name">联系人名称</p>
-            <p class="abstract">摘要信息</p>
-        </div>
-        <div class="weui-cell__ft">
-            <span class="state">已接受</span>
 
-        </div>
-    </div>
-    <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="apply_name">联系人名称</p>
-            <p class="abstract">摘要信息</p>
-        </div>
-        <div class="weui-cell__ft">
-            <span class="state">已接受</span>
-        </div>
-    </div>
-</div>
+    <div class="weui-cells" id="apply_list"></div>
+    <div id="load_state"></div>
 
-<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/zepto.min.js?<?php echo bonus_version(); ?>"></script>
-<script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/fastclick.js?<?php echo bonus_version(); ?>"></script>
-<script type="text/javascript">
-    $(function(){
-        FastClick.attach(document.body);
-    });
-</script>
+    <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/zepto.min.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/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/talk/js/room_apply.js?<?php echo bonus_version(); ?>"></script>
 </body>
 </html>