<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fenye.aspx.cs" Inherits="NetWing.BPM.Admin.weixin.fenye" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!--<link rel="stylesheet" href="js/mui.min.css">--> <link href="../../weixin/weiui/css/jquery-weui.min.css" rel="stylesheet" /> <link href="../../weixin/weiui/lib/weui.min.css" rel="stylesheet" /> <script src="../../weixin/weiui/lib/jquery-2.1.4.js"></script> <script src="../../weixin/weiui/js/jquery-weui.min.js"></script> <script src="../../weixin/weiui/lib/fastclick.js"></script> <link href="../../weixin/layui/css/layui.mobile.css" rel="stylesheet" /> <link href="../../weixin/layui/css/layui.css" rel="stylesheet" /> <link rel="stylesheet" href="cssandjs/creditcard.css"> <!--引入layer--> <script src="../../weixin/layui/layui.js"></script> </head> <body> <!-- 容器 --> <div class="weui-tab"> <div class="weui-navbar"> <a class="weui-navbar__item weui-bar__item--on" href="#tab1">审核中客户 </a> <a class="weui-navbar__item" href="#tab2">通过审核客户 </a> </div> <div class="weui-tab__bd"> <!--审核中客户--> <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active"> <div id="tab1list"></div> <div id="tab1loading" style="text-align: center"></div> </div> <!--通过审核客户--> <div id="tab2" class="weui-tab__bd-item"> <div id="tab2list"></div> <div id="tab2loading" style="text-align: center"></div> </div> </div> </div> <!--初始化事件 先初始化tab1 --> <script> $("#tab1").infinite(50); //当用户滚动到页面底部的时候,会在 body 上触发 infinite 事件。监听此事件即可: var loading = false; //状态标记 var page = 1; var pagecount = 10;//每页数量 var total = 0;//总数据条数 //金额等于0审核中客户 var filter = encodeURI("{\"groupOp\": \"AND\", \"rules\": [{\"field\":\"spje\",\"op\":\"eq\",\"data\":\"0\" }],\"groups\":[]}"); //审批金额大于0为通过审批用户 var filter2 = encodeURI("{\"groupOp\": \"AND\", \"rules\": [{\"field\":\"spje\",\"op\":\"gt\",\"data\":\"0\" }],\"groups\":[]}"); addData(page, pagecount, 'tab1list', filter);//审核中用户 addData(page, pagecount, 'tab2list', filter2);//审核通过用户 //先取得总页数---审核中客户 $.ajax({ type: 'POST', url: '/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?filter=' + filter + '', dataType: 'json', beforeSend: function () { }, complete: function () { }, success: function (d) { //渲染分页 layui.use('laypage', function () { var laypage = layui.laypage; //执行一个laypage实例 laypage.render({ elem: 'tab1loading', //注意,这里的 test1 是 ID,不用加 # 号 count: d.total, //数据总数,从服务端得到 groups: 3, jump: function (obj, first) {//jump - 切换分页的回调 //obj包含了当前分页的所有参数,比如: console.log("当前页:" + obj.curr); //得到当前页,以便向服务端请求对应页的数据。 console.log("每页显示:" + obj.limit); //得到每页显示的条数 //首次不执行 if (!first) { addData(obj.curr, pagecount, 'tab1list', filter);//第一次加载第一页 console.log("当前点击第:" + obj.curr + "页"); //do something } } }); }); //alert(JSON.stringify(d)); } }); //先取得总页数---审批通过客户 $.ajax({ type: 'POST', url: '/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?filter=' + filter2 + '', dataType: 'json', beforeSend: function () { }, complete: function () { }, success: function (d) { //渲染分页 layui.use('laypage', function () { var laypage = layui.laypage; //执行一个laypage实例 laypage.render({ elem: 'tab2loading', //注意,这里的 test1 是 ID,不用加 # 号 count: d.total, //数据总数,从服务端得到 groups: 3, jump: function (obj, first) {//jump - 切换分页的回调 //obj包含了当前分页的所有参数,比如: console.log("当前页:" + obj.curr); //得到当前页,以便向服务端请求对应页的数据。 console.log("每页显示:" + obj.limit); //得到每页显示的条数 //首次不执行 if (!first) { addData(obj.curr, pagecount, 'tab2list', filter2);//第一次加载第一页 console.log("当前点击第:" + obj.curr + "页"); window.scrollTo(0, 0); //javascript方式回顶部 //do something } } }); }); //alert(JSON.stringify(d)); } }); function addData(p, rows, appendObj, filter) { $.ajax({ type: 'POST', url: '/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?page=' + p + '&rows=' + rows + '&filter=' + filter+'', dataType: 'json', beforeSend: function () { }, complete: function () { }, success: function (d) { // console.log("得到的json数据:" + JSON.stringify(d)); //定义模版 var template = ''; //循环解析json $.each(d.rows, function (i, obj) { //alert(obj.tagName); template = template + '<div class="weui-cells" > '; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>姓名</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.truename + '</div>'; template = template + '</div >'; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>电话</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.mobile + '</div>'; template = template + '</div>'; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>申请时间</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.add_time + '</div>'; template = template + '</div>'; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>申请金额</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.sqje + '</div>'; template = template + '</div>'; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>审批时间</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.sp_time + '</div>'; template = template + '</div>'; template = template + '<div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + '<p>审批金额</p>'; template = template + '</div>'; template = template + '<div class="weui-cell__ft">' + obj.spje + '</div>'; template = template + '</div>'; template = template + '</div>'; //弹出层默认不显示 template = template + '<div id="pop' + obj.KeyId + '" class="weui-popup__container popup-bottom" style="display:none;z-index:999;">'; template = template + '<div class="weui-popup__overlay"></div>'; template = template + '<div class="weui-popup__modal">'; template = template + '<div style="margin-left:5px;margin-right:5px;margin-bottom:60px;margin-top:5px;">'; //template = template + '你的内容放在这里...'; //内容部分开始 template = template + '<div class="weui-cells">'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>产品名称</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.productmc + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>姓名</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.truename + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>性别</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.sex + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>电话</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.mobile + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>身份证号</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.cardno + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>申请时间</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.add_time + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>申请金额</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.sqje + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>审批时间</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.sp_time + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>审批金额</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.spje + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>审批结果</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.spjg + '</div>'; template = template + '</div>'; template = template + ' <div class="weui-cell">'; template = template + '<div class="weui-cell__bd">'; template = template + ' <p>住址</p>'; template = template + ' </div>'; template = template + '<div class="weui-cell__ft">' + obj.address + '</div>'; template = template + '</div>'; template = template + '</div>'; //内容部分结束 template = template + '<a href="javascript:;" class="weui-btn weui-btn_primary close-popup">关闭</a>'; template = template + '</div>'; template = template + '</div>'; template = template + '</div>'; template = template + '<a href="javascript:;" style="margin:5px 10px 0 10px;" class="open-popup weui-btn weui-btn_primary" data-target="#pop' + obj.KeyId + '">查看</a>'; }); // console.log("模版结果:" + template); $('#' + appendObj).empty();//先清空原来的元素 $('#' + appendObj).append(template);//在某元素之前插入 total = d.total; //alert(JSON.stringify(d)); } }); } </script> <script> //mui.init({ // pullRefresh: { // container: '#pullrefresh',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等 // up: { // height: 50,//可选.默认50.触发上拉加载拖动距离 // auto: true,//可选,默认false.自动上拉加载一次 // contentrefresh: "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容 // contentnomore: '没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容; // callback: pullupRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; // }, // down: { // style: 'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 // auto: false,//可选,默认false.首次加载自动上拉刷新一次 // callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; // } // } //}); //var count = 0; //var pagecount = 5;//定义每页有几条 ///** // * 上拉加载具体业务实现 // */ //function pullupRefresh() { // count=1; // console.log("上拉加载 当前页数:" + count); // console.log('当前url:/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?page=' + count + '&rows=' + pagecount + ''); // setTimeout(function () { // mui.ajax('/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?page=' + count + '&rows=' + pagecount + '', { // dataType: 'json', //服务器返回json格式数据 // type: 'get', //HTTP请求类型 // timeout: 10000, //超时时间设置为10秒; // success: function (data) { // console.log("上拉业务count:" + count); // //丢弃小数部分,保留整数部分 parseInt(5 / 2) // //console.log(parseInt(data.total / 20) + 1); // console.log("----" + data.rows); // //向上取整,有小数就整数部分加1 Math.ceil(5 / 2) // console.log("当前页数:" + Math.ceil(data.total / pagecount)); // var allpages = Math.ceil(data.total / pagecount);//得到一共有几页 // console.log(data); // //plus.nativeUI.closeWaiting(); // //服务器返回响应,根据响应结果,分析是否登录成功; // if (data.rows.length != 0) { // //console.log('上上:'+count+'---'+data.rows); // mui('#pullrefresh').pullRefresh().endPullupToRefresh((count > allpages)); //参数为true代表没有更多数据了。 // jQuery.each(data.rows, function (i, o) { //v是json数组 // var str = ""; // var str = '<li id="news' + o.KeyId + o.truename + '" class="mui-table-view-cell mui-media"><a href="javascript:;">'; // str = str + '<p class="zhaiyao">' + o.KeyId + o.truename + '</p>'; // str = str + '</a>'; // str = str + '</li>'; // str = str + ''; // jQuery("#newslist").append(str); // mui('#pullrefresh').pullRefresh().endPullupToRefresh(2 > 1); // }) // } else { // mui('#pullrefresh').pullRefresh().endPullupToRefresh(2 > 1); // } // }, // error: function (xhr, type, errorThrown) { // //plus.nativeUI.closeWaiting(); // // //异常处理; // // //console.log(type); // // mui.toast("请检查网络是否连通!"); // // --count; // } // }); // }, 1500); //} ///** //* 下拉刷新具体业务实现 //*/ //function pulldownRefresh() { // console.log("下拉刷新!"); // ++count; // setTimeout(function () { // console.log("当前页数:" + count) // console.log("当前url:/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?page=" + count + "&rows=" + pagecount + ""); // mui.ajax('/Wzsh_khxx/ashx/Wzsh_khxxHandler.ashx?page=' + count + '&rows=' + pagecount + '', { // //mui.ajax('/weixin/getinter.ashx?action=articlelist&cbiao=wzsh_khxx&cid=陈婷婷&pageindex=' + count + '&pagesize=3', { // dataType: 'json', //服务器返回json格式数据 // type: 'get', //HTTP请求类型 // timeout: 10000, //超时时间设置为10秒; // success: function (data) { // //plus.nativeUI.closeWaiting(); // //服务器返回响应,根据响应结果,分析是否登录成功; // console.log(data); // if (data.rows.length != 0) { // jQuery("#newslist").html(""); // console.log("123456789"); // //console.log('下下:'+count+'---'+data.rows); // mui('#pullrefresh').pullRefresh().refresh(true); // jQuery.each(data.rows, function (i, o) { //v是json数组 // var str = ""; // var str = '<li id="news' + o.KeyId + o.truename+'" class="mui-table-view-cell mui-media"><a href="javascript:;">'; // str = str + '<p class="addtime">' + o.KeyId + o.truename +'</p>'; // str = str + '</a>'; // str = str + '</li>'; // str = str + ''; // jQuery("#newslist").append(str); // }) // } else { // mui.toast("请检查网络是否连通!"); // } // }, // error: function (xhr, type, errorThrown) { // plus.nativeUI.closeWaiting(); // //异常处理; // //console.log(type); // mui.toast("请检查网络是否连通!"); // } // }); // mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed // }, 1500); //} //if (mui.os.plus) { // mui.plusReady(function () { // setTimeout(function () { // mui('#pullrefresh').pullRefresh().pullupLoading(); // }, 1000); // }); //} else { // mui.ready(function () { // mui('#pullrefresh').pullRefresh().pullupLoading(); // }); //} </script> <script> $(function () { FastClick.attach(document.body); }); </script> <script> $(document).on("open", ".weui-popup-modal", function () { console.log("open popup"); }).on("close", ".weui-popup-modal", function () { console.log("close popup"); }); </script> <!--/底部--> <!-- #include file="bottom.html" --> </body> </html>
Copyright © 2004-2024 Ynicp.com 版权所有 法律顾问:建纬(昆明)律师事务所 昆明市网翼通科技有限公司 滇ICP备08002592号-4