waibao
/
NN2022090201


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416
							<!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">
		div[data-html=form] .am-form .am-form-group{
			margin-bottom: 1rem;
			border-radius: 10px;
		}
		.userIcon{
			width: 50px;
			height: 50px;
			margin: 0 0 0 73%;
		}
		.icon-cearma{
			position: absolute;
			bottom: 1%;
			right: 5%;
			width: 24px;
		}
		#up-img-touch{ position: relative;}
		#up-img-touch1{ position: relative;}
		#up-img-touch2{ position: relative;}
		#up-img-touch3{ position: relative;}
		#file,#file1,#file2,#file3{
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
		}
	</style>
</head>

<body class="">
<!-- 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 " data-html="form" style="padding-top:49px">
	<div class="  am-form am-form-horizontal invest-form am-padding-bottom-xs" >
		<div class="am-link-muted am-padding-xs">银行收款</div>
		<div class="am-bg-white">
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">输入银行</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="bank" value="{$user.bank}">
				</div>
			</div>
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">持卡人</label>
				<div class="am-u-sm-9">
					<input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="bank_user_name" value="{$user.bank_user_name}">
				</div>
			</div>
			<div class="am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-3 am-form-label">银行卡号</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="bank_number" value="{$user.bank_number}">
				</div>
			</div>
		</div>
		<div class="am-link-muted am-padding-xs">支付宝收款</div>
		<div class="am-bg-white">
			<div class=" am-form-group sc-bg">
				<label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/alipay.png" width="30"/>支付宝收款码</label>
				<div class="am-u-sm-6 am-text-right">
					<div class=" userIcon"  id="up-img-touch">
						<form id="form1" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
							<img src="{$user.alipayprc|default='__CDN__/assets/shop/img/upload.png'}" id="img" width="50" height="50"/>
							<input type="file" id="file" name="file" />
						</form>
					</div>
				</div>
			</div>
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">姓名</label>
				<div class="am-u-sm-9">
					<input type="text" class="am-text-right " placeholder="{:__('请输入姓名')}" name="alipay_name" value="{$user.alipay_name}">
				</div>
			</div>
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">支付宝账号</label>
				<div class="am-u-sm-9">
					<input type="text" class="am-text-right" placeholder="{:__('请输入支付宝账号')}" name="alipayname" value="{$user.alipayname}">
				</div>
			</div>
		</div>
		<div class="am-link-muted am-padding-xs">微信收款</div>
		<div class="am-bg-white">
			<div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/wx.png" width="30"/>微信收款码</label>
				<div class="am-u-sm-6 am-text-right">
					<div class=" userIcon "  id="up-img-touch1">
						<form id="form2" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
							<img src="{$user.wxprc|default='__CDN__/assets/shop/img/upload.png'}" id="img1" width="50" height="50"/>
							<input type="file" id="file1" name="file" />
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="am-link-muted am-padding-xs">USDT收款</div>
		<div class="am-bg-white">
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">输入钱包地址</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入USDT钱包地址')}" name="usdt_address" value="{$user.usdt_address}">
				</div>
			</div>
		</div>
		<div class="am-link-muted am-padding-xs">THB</div>
		<div class="am-bg-white">
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">ชื่อ นามสกุล</label>
				<div class="am-u-sm-9">
					<input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="thb_bank_user_name" value="{$user.thb_bank_user_name}">
				</div>
			</div>
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">ื่อธนาคาร</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="thb_bank" value="{$user.thb_bank}">
				</div>
			</div>
			<div class="am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-3 am-form-label">เลขบัญชีธนาคาร</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="thb_bank_number" value="{$user.thb_bank_number}">
				</div>
			</div>
		</div>
<!--		<div class="am-link-muted am-padding-xs">คิวอาร์โค้ดธนาคาร</div>-->
		<div class="am-bg-white">
			<div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-6 am-form-label">คิวอาร์โค้ดธนาคาร</label>
				<div class="am-u-sm-6 am-text-right">
					<div class=" userIcon "  id="up-img-touch2">
						<form id="form3" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
							<img src="{$user.thb_qrcode|default='__CDN__/assets/shop/img/upload.png'}" id="img2" width="50" height="50"/>
							<input type="file" id="file2" name="file" />
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="am-link-muted am-padding-xs">IDR</div>
		<div class="am-bg-white">
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">Name</label>
				<div class="am-u-sm-9">
					<input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="idr_bank_user_name" value="{$user.idr_bank_user_name}">
				</div>
			</div>
			<div class="am-form-group sc-bg">
				<label class="am-u-sm-3 am-form-label">Bank name</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="idr_bank" value="{$user.idr_bank}">
				</div>
			</div>
			<div class="am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-3 am-form-label">Bank card number</label>
				<div class="am-u-sm-9">
					<input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="idr_bank_number" value="{$user.idr_bank_number}">
				</div>
			</div>
		</div>
<!--		<div class="am-link-muted am-padding-xs">IDR Payment QR code</div>-->
		<div class="am-bg-white">
			<div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
				<label class="am-u-sm-6 am-form-label">Payment QR code</label>
				<div class="am-u-sm-6 am-text-right">
					<div class=" userIcon "  id="up-img-touch3">
						<form id="form4" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
							<img src="{$user.idr_qrcode|default='__CDN__/assets/shop/img/upload.png'}" id="img3" width="50" height="50"/>
							<input type="file" id="file3" name="file" />
						</form>
					</div>
				</div>
			</div>
		</div>


	</div>
</div>
<input type="hidden" name="alipayprc" id="alipayprc" value="{$user.alipayprc}"/>
<input type="hidden" name="wxprc" id="wxprc" value="{$user.wxprc}"/>
<input type="hidden" name="thb_qrcode" id="thbqrcode" value="{$user.thb_qrcode}"/>
<input type="hidden" name="idr_qrcode" id="idrqrcode" value="{$user.idr_qrcode}"/>
<div class="am-margin-xl">
	<button type="button" class="am-btn am-btn-black am-round am-btn-block" id="submit">保存</button>
</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 file = document.getElementById('file');
    var image = document.getElementById("img");
    var file1 = document.getElementById('file1');
    var image1 = document.getElementById("img1");
	var file2 = document.getElementById('file2');
	var image2 = document.getElementById("img2");
	var file3 = document.getElementById('file3');
	var image3 = document.getElementById("img3");
    file.onchange = function() {
		var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
		var pettern = /^image/;
		console.info(fileData.type)
		if (!pettern.test(fileData.type)) {
			layer.msg("图片格式不正确");
			return;
		}
		var reader = new FileReader();
		reader.readAsDataURL(fileData);//异步读取文件内容，结果用data:url的字符串形式表示
		/*当读取操作成功完成时调用*/
		reader.onload = function (e) {
			console.log(e); //查看对象
			image.setAttribute("src", this.result)
		}
		var formData = new FormData($("#form1")[0]);
		$.ajax({
			//几个参数需要注意一下
			type: "POST",//方法类型
			dataType: "json",//预期服务器返回的数据类型
			url: "{:url('ajax/upload')}",
			data: formData,
			contentType: false, //不设置内容类型
			processData: false, //不处理数据
			success: function (result) {
				if (result.code > 0) {
					$('#img').attr('src', result.data.url);
					$('#alipayprc').val(result.data.url);
				} else {
					layer.msg(result.msg);
				}
			},
			error: function () {
				layer.msg("网络异常！");
			}
		});
	}

    file1.onchange = function() {
        var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
        var pettern = /^image/;
        console.info(fileData.type)
        if (!pettern.test(fileData.type)) {
            layer.msg("图片格式不正确");
            return;
        }
        var reader = new FileReader();
        reader.readAsDataURL(fileData);//异步读取文件内容，结果用data:url的字符串形式表示
        /*当读取操作成功完成时调用*/
        reader.onload = function(e) {
            console.log(e); //查看对象
            image1.setAttribute("src", this.result)
        }
        var formData = new FormData($( "#form2" )[0]);
        $.ajax({
            //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "{:url('ajax/upload')}" ,
            data: formData,
            contentType: false, //不设置内容类型
            processData: false, //不处理数据
            success: function (result) {
                if(result.code>0)
                {
                    $('#img1').attr('src',result.data.url);
                    $('#wxprc').val(result.data.url);
                }else{
                    layer.msg(result.msg);
                }
            },
            error : function() {
                layer.msg("网络异常！");
            }
        });
    }

	file2.onchange = function() {
		var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
		var pettern = /^image/;
		console.info(fileData.type)
		if (!pettern.test(fileData.type)) {
			layer.msg("图片格式不正确");
			return;
		}
		var reader = new FileReader();
		reader.readAsDataURL(fileData);//异步读取文件内容，结果用data:url的字符串形式表示
		/*当读取操作成功完成时调用*/
		reader.onload = function(e) {
			console.log(e); //查看对象
			image2.setAttribute("src", this.result)
		}
		var formData = new FormData($( "#form3" )[0]);
		$.ajax({
			//几个参数需要注意一下
			type: "POST",//方法类型
			dataType: "json",//预期服务器返回的数据类型
			url: "{:url('ajax/upload')}" ,
			data: formData,
			contentType: false, //不设置内容类型
			processData: false, //不处理数据
			success: function (result) {
				if(result.code>0)
				{
					$('#img2').attr('src',result.data.url);
					$('#thbqrcode').val(result.data.url);
				}else{
					layer.msg(result.msg);
				}
			},
			error : function() {
				layer.msg("网络异常！");
			}
		});
	}

	file3.onchange = function() {
		var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
		var pettern = /^image/;
		console.info(fileData.type)
		if (!pettern.test(fileData.type)) {
			layer.msg("图片格式不正确");
			return;
		}
		var reader = new FileReader();
		reader.readAsDataURL(fileData);//异步读取文件内容，结果用data:url的字符串形式表示
		/*当读取操作成功完成时调用*/
		reader.onload = function(e) {
			console.log(e); //查看对象
			image3.setAttribute("src", this.result)
		}
		var formData = new FormData($( "#form4" )[0]);
		$.ajax({
			//几个参数需要注意一下
			type: "POST",//方法类型
			dataType: "json",//预期服务器返回的数据类型
			url: "{:url('ajax/upload')}" ,
			data: formData,
			contentType: false, //不设置内容类型
			processData: false, //不处理数据
			success: function (result) {
				if(result.code>0)
				{
					$('#img3').attr('src',result.data.url);
					$('#idrqrcode').val(result.data.url);
				}else{
					layer.msg(result.msg);
				}
			},
			error : function() {
				layer.msg("网络异常！");
			}
		});
	}

    $('#submit').click(function(){
        var params={};
		params.alipayname=$('input[name=alipayname]').val();
		params.alipay_name=$('input[name=alipay_name]').val();
		params.alipayprc=$('#alipayprc').val();
		params. wxprc=$('#wxprc').val();

		params. thb_qrcode=$('#thbqrcode').val();
		params. idr_qrcode=$('#idrqrcode').val();
		params.usdt_address=$('input[name=usdt_address]').val();

		params.bank=$('input[name=bank]').val();
		params.bank_number=$('input[name=bank_number]').val();
		params.bank_user_name=$('input[name=bank_user_name]').val();

		params.thb_bank=$('input[name=thb_bank]').val();
		params.thb_bank_number=$('input[name=thb_bank_number]').val();
		params.thb_bank_user_name=$('input[name=thb_bank_user_name]').val();

		params.idr_bank=$('input[name=idr_bank]').val();
		params.idr_bank_number=$('input[name=idr_bank_number]').val();
		params.idr_bank_user_name=$('input[name=idr_bank_user_name]').val();

        params.verify=$('#verify').val();
		jQuery.post("{:url('api/user/profile')}" ,params,function(data) {
            if(data.code>0)
            {
                layer.msg(data.msg,{time:500},function(){
                    location="index.html";
                });
            }else{
                layer.msg(data.msg);
            }
        });
	});

</script>
</body>
</html>