waibao
/
NN2022090201


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>提现审核</title>
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
		<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
		<style type="text/css">
			.am-list li{
				background-color: #FFF;
				padding: 0.625rem;
				border-radius: .5rem;
				margin-bottom: 1rem;
			}
			body{color:#333;}
			#preview {
				width: 100%;
				height: 100%;
				background-color: rgba(97, 94, 92, 0.85);
				position: fixed;
				z-index: 99;
				top: 0;
				left: 0;
				display: none;
				/*overflow-y: scroll;*/
			}

			#preview .close {
				position: fixed;
				font-size: 14px;
				font-style: normal;
				/*padding: 4px;*/
				text-align: center;
				right: 30px;
				top: 80px;
				z-index: 9;
				width: 36px;
				height: 36px;
				line-height: 36px;
				background-color: #333;
				color: #fff;
				border-radius: 100%;

			}

			#preview-img {
				width: 100%;
				position: absolute;
				z-index: 1;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				/*margin-top: 48px;*/
				max-height: 65%;
			}

			#download {
				max-width: 120px;
				z-index: 9;
				position: fixed;
				right: 0;
				bottom: 30px;
				left: 0;
				margin: auto;
				background-color: #666;
				color: #fff;
				border: none;
				padding: 8px 10px;
				border-radius: 4px;
			}
		</style>
	</head>

	<body>
		<!-- Header -->
		<header data-am-widget="header" class="am-header am-header-default">
			<div class="am-header-left am-header-nav">
          		<a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
      		</div>
			<h1 class="am-header-title">
				<a href="#title-link">提现审核</a>
			</h1>
		</header>
		<!-- Content -->
		<div class="wapper" style="padding-top: 49px">
			<div class="am-margin-xs">
				<ul class="am-list">
				
				</ul>
				<div class="am-alert tips-text am-text-center" style="display: none;">{:__('加载完毕')}</div>
			</div>
		</div>
		<div id="preview">
			<p><span class="close" onclick="closePic()">x</span></p>
			<p><img id="preview-img" src="" alt=""></p>
			<p><button id="download" onclick="downloadPic()">保存收款码</button></p>
		</div>
		<script src="__CDN__/assets/shop/js/jquery.min.js"></script>
		<script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
		<script src="__CDN__/assets/libs/layer/layer.js"></script>
		<script>
			var pag = 1, page;  //p当前页,page总页数
			getList();


			function showPic(url){
				if(url){
					$("#preview-img").attr('src', url);
					$("#preview").show();
				}
			}

			function closePic(){
				console.log(666)
				$("#preview").hide();
			}

			/**
			 * 下载
			 * @param imgUrl
			 */
			function downloadPic(){
				var imgUrl = $("#preview-img").attr('src');
				let triggerEvent = "touchstart"; //指定下载方式
				let blob=new Blob([''], {type:'application/octet-stream'});
				let url = URL.createObjectURL(blob); //创建一个字符串路径空位
				let a = document.createElement('a');
				a.href = imgUrl;  //把路径赋到a标签的href上
				a.download = imgUrl.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
				let e = new MouseEvent('click', ( true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null));
				a.dispatchEvent(e);
				//释放一个已经存在的路径（有创建createObjectURL就要释放revokeObjectURL）
				URL.revokeObjectURL(url);
			}

			function getList(){
				jQuery.post("{:url('api/user/teamwithdrawdetaile')}" ,{p:pag,money_type:'bonus'},function(data) {
					console.log(data.data);
					if(data.data != null && data.data.length != 0){
						page=data.total;
						var json=data.data;
						var btn='';
						var desc='';
						for(var i = 0; i < json.length; i++){
							btn = '';
                            if(json[i].process_status == 1)
                            {
                                desc='审核中';
                                btn='<span class=" am-btn-primary am-padding-top-xs am-padding-bottom-xs am-padding-left am-padding-right am-text-xs am-radius" onclick="view('+json[i].id+',1)">{:__("审核")}</span>&nbsp;'+
                                    '<span class=" am-btn-danger am-padding-top-xs am-padding-bottom-xs am-padding-left am-padding-right am-text-xs am-radius" onclick="view('+json[i].id+',-1)">{:__("拒绝")}</span>';
                            }else if(json[i].process_status == 2)
                            {
                                desc='已审核';
                            }else{
                                desc='已拒绝';
                             }
							var _ = '<li>'+
										'<div class="am-padding-bottom-xs">'+
											'<span >提现方式<em class="am-text-success am-padding-left-xs">'+json[i].type+'</em></span>'+
											 '<span class="am-fr am-text-danger">'+desc+'</span>'+
										'</div>'+
										'<div class=" am-margin-right">{:__("提现金额")}<em class="am-text-warning am-padding-left-xs">'+json[i].amount+'</em></div>'+
									    '<div >{:__("手续费")}<em class="am-text-warning am-padding-left-xs">'+json[i].fee+'</em></div>'+
										'<div class="am-margin-right">{:__("到账金额")}<em class="am-text-warning am-padding-left-xs">'+json[i].fack_receive+'</em></div>'+
                                		'<div >{:__("时间")}<em class="am-text-warning am-padding-left-xs">'+json[i].times+'</em></div>'+
										'<div class=" am-margin-right"><div style="display: inline-block;vertical-align: middle;">{:__("收款用户")}</div><div class="am-text-warning am-padding-left-xs" style="display: inline-block; vertical-align: top;">'+json[i].mobile+' '+json[i].nickname+'</div></div>'+
										'<div class=" am-margin-right"><div style="display: inline-block;vertical-align: middle;">{:__("收款信息")}</div><div class="am-text-warning am-padding-left-xs" style="display: inline-block; vertical-align: top;">'+(json[i].name? json[i].name : '暂无')+'</div></div>';
							if(json[i].prc){
								_ +='<div class=" am-margin-right" style="margin-bottom: 10px;"><div style="display: inline-block;vertical-align: middle;">{:__("收款码")}</div><div class="am-text-warning am-padding-left-xs" style="display: inline-block; vertical-align: top;"><img src="'+json[i].prc+'" alt="" style="display: inline-block; width: 120px; height: 120px; vertical-align: top;" onclick="showPic(\''+json[i].prc+'\')"></div></div>';

							}
										_ +='<div>' +
											btn+
										'</div>'+
									'</li>';

							$('.am-list').append(_);
						}
					}else{
						$('.am-list').html('<li class="am-padding-top-xs am-padding-bottom-xs am-text-center am-link-muted">{:__("暂无数据")}</li>')
					}
				});
			}
			//滚动分页
			window.onscroll = function(){
				var top = document.body.scrollTop || document.documentElement.scrollTop;
				var height = document.body.scrollHeight || document.documentElement.scrollHeight;
				if((top + window.innerHeight) >= height-49){
					pag = pag + 1;
					if(pag > page){
						pag = page;
						$('.tips-text').show();
						return;
					}
					//从后台获取列表数据
					getList();
				}
			}
			function view(id,e)
			{
                jQuery.post("{:url('api/user/toviewwithdraw')}" ,{id:id,type:e},function(data) {
                    if(data.code>0)
                    {
                        layer.msg(data.msg,{time:500},function(){
                            location=location;
                        });
                    }else{
                        layer.msg(data.msg);
                    }
                });
			}
		</script>
	</body>
</html>