You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

385 lines
16 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/20180207/account.css" rel="stylesheet" >
<link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
<link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/webuploader.css" media="all">
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript" src="__STATIC__/webuploader/webuploader.js"></script>
<script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>
<!-- <script type="text/javascript" src="__STATIC__/webuploader/webuploader.inc.js"></script> -->
<script type="text/javascript" src="__STATIC__/webuploader/webuploader.before.js"></script>
<style>.notice_tip {padding-left:20px;color:#999;font-size:12px;}
.formtxt{display:inline-block;width:232px;}
.trunk-list .table2 .r .qrcodeboxwrap {padding-left:0;padding-right:20px;padding-bottom:20px;}
.qrcodebox img {width:100px;height:100px;}
.qrcodebox p {font-size:12px;margin:0;color:#666;}
.qrcodebox p span{color:red;}
.qrcodeboxwrap~.notice_tip{vertical-align:top;display:inline-block;margin-top:20px;}
.mail_suffix {position: absolute;
top: 43px;
border: 1px solid rgb(229,229,229);
border-radius: 2px;
color: #666;
font-size: 11px;
width: 230px;
padding: 0 10px;
line-height: 1.4;
z-index: 1;
background: #FFF;
height: 200px;
overflow: hidden;
overflow-y: auto;}
.mail_suffix li {
padding: 2px 0;
cursor: pointer;
}
.mail_suffix li:first-child {padding-top:4px;}
.mail_suffix li:last-child{padding-bottom:4px;}
#tab{
margin-top:10px;
height:46px;display:flex;
justify-content: space-between;
align-items: center;
background: #ecf4f5;
width:100%;
}
.contain {
display: flex;
width:100%;
height:100%;
flex-direction: column;
}
.zizhi {
margin-top:30px;
margin-left:2%;
width:94%;
display: flex;
height:300px;
flex-direction: column;
}
.line_title {
width:100%;
display: flex;
height:50px;
font-size:18px;
font-weight: bold;
align-items: center;
justify-content: space-between;
}
.line_text {
display: flex;
margin-top:10px;
width:94%;
margin-left:3%;
height: 30px;
align-items: center;
font-size:14px;
}
.jiesuan {
margin-top:86px;
margin-left:2%;
width:94%;
display: flex;
height:300px;
flex-direction: column;
}
.editjiesuan {
margin-top:40px;
margin-left:5%;
width:90%;
display: flex;
height:300px;
flex-direction: column;
}
.line_jiesuan_text {
margin-top:20px;
margin-left:7%;
width:86%;
display: flex;
height:300px;
align-items: center;
align-content: center;
font-size:14px;
}
.inputcss {
margin-left:30px;
height:30px;
}
</style>
</block>
<block name="body" >
<div class="contain">
<div class="zizhi">
<div class="line_title">资质认证</div>
<div class="line_text">
真实姓名: {$rs['real_name']}
</div>
<div class="line_text">
身份证号码: {$rs['idcard']}
</div>
<div class="line_text">
身份证扫描: <span style="color:#449acb">已认证<span>
</div>
<div class="line_text">
营业执照: <span style="color:#449acb">已认证<span>
</div>
<div class="line_text">
合作合同: <span style="color:#449acb">已认证<span>
</div>
</div>
<div class="jiesuan">
<div class="line_title">结算信息</div>
<div class="line_text">
电话: {$tel}
</div>
<div class="line_text">
联系地址: {$addr}
</div>
<div class="line_text">
邮箱: {$rs['email']}
</div>
<div class="line_text">
账户类型: <span style="color:#449acb">已认证<span>
</div>
<div class="line_text">
开户银行: {$rs['bank_card']} &nbsp; &nbsp; &nbsp;
<span onclick="ed(1)" id="edit" style="color:#449acb">修改</span>
</div>
</div>
</div>
<script src="__LAY__/layui.js" type="text/javascript" ></script>
<link rel="stylesheet" href="__LAY__/css/layui.css" media="all">
<script>
</script>
<script>
function ed(id) {
$.ajax({
type:"POST",
url:"{:U('Safe/ajaxEdit')}",
data:{'id':id},
dataType:'json',
success:function(res) {
var tel = res.tel
var address = res.address
var email = res.email
var account_type = res.account_type
if(account_type == 1) {
var complany = 'checked';
var personal = '';
}else {
var complany = '';
var personal = 'checked';
}
var bank_card = res.bank_card
var complanystatus = res.complanystatus
var personalstatus = res.personalstatus
layer.open({
type: 1
,title: false //不显示标题栏
,closeBtn: true
,area: ["800px","700px"]
,shade: 0.8
,id: 'LAY_layuipro' //设定一个id防止重复弹出
,moveType: 1 //拖拽模式0或者1
,content: '<div class="trunk-title"> <span class="title_main">结算信息</span></div> <div class="trunk-content article"> <div class="trunk-list baseInfo">'
+'<form action="{:U("safe/edit")}" novalidate="novalidate" method="post" class="paw_info">'
+'<table class="table2" style="margin-top:20px;margin-left:30px;width:100%" >'
+'<tr><td class="l">电话:</td><td class="r"><input type="text" class="input txt" name="tel" id="password" style="width:430px" placeholder="" value="'+tel+'">'
+'<span id="password_tip"></span></td>'
+'</tr><tr><td class="l">联系地址:</td>'
+'<td class="r"><input type="text" class="input txt" name="address" id="confirm_password" style="width:430px" placeholder="" value="'+address+'">'
+'<span id="confirm_password_tip"></span></td></tr>'
+' <tr><td class="l">邮箱:</td><td class="r"><input type="text" class="input txt" name="email" id="confirm_password" style="width:430px" placeholder="" value="'+email+'">'
+'<span id="confirm_password_tip"></span></td></tr>'
+' <tr><td class="l">账户类型:</td><td class="r"><input type="radio" class="input txt" name="account_type" value="公司" '+complany+'>公司<input type="radio" class="input txt" style="margin-left:20px" name="account_type" value="个人" '+personal+'>个人'
+'<span id="confirm_password_tip"></span></td></tr>'
+' <tr><td class="l">开户银行:</td><td class="r"><input type="text" class="input txt" name="bank" id="confirm_password" style="width:430px" placeholder="" value="'+bank_card+'">'
+'<span id="confirm_password_tip"></span></td></tr>'
+' <tr> <td class="l" style="margin-top:20px">补充协议:</td><td class="r">'
+' <input type="hidden" name="agreementpic" id="" value=""/>'
+'<div id="uploader-demo" > <div id="agreementpic"><div class="webuploader-pick" style="line-height:30px" onclick="">点击上传</div></div>'
+'<div id="agreementpicList" class="uploader-list" style="display: flex;"></div></td></tr>'
+'<tr><td class="l" colspan="5"><div style="margin-top:40px;" id="tab"><span style="padding-left:20px;color:#26c7dbd4" >*须补充修改协议(联系平台签署)</span></div> </td></tr>'
+'<tr style=""><td class="l"></td><td style="margin-top:50px" class="r">'
+'<input type="submit" class="tj btn ajax-post" value="保存" style="margin-top:40px;width:200px" title="" target-form="paw_info">'
+'<input type="button" id="btn" class="tj btn ajax-post" value="返回" style="margin-top:40px;width:200px;margin-left:50px" title="" target-form="paw_info"></td> </tr></table></form>'
+'</div></div></div>'
// ,content:content
})
$("#btn").click(function() {
window.location.href = "{:U('safe/editModify')}"
})
var uploaderImgagreementpic = WebUploader.create({
// 选完文件后,是否自动上传。
auto: true,
// swf文件路径
swf: '__STATIC__/webuploader/Uploader.swf',
// 文件接收服务端。
server: "{:U('File/uploadPicture',array('session_id'=>session_id(),'flag'=>true))}",
// 选择文件的按钮。可选。
// 内部根据当前运行是创建可能是input元素也可能是flash.
pick: {
id:'#agreementpic',
multiple:true
},
// dnd: false,
paste: document.body,
accept: {
title: '图片',
extensions: 'png,gif,jpg,jpeg,bmp',
mimeTypes: '.png,.gif,.jpg,.jpeg,.bmp',
},
// 不压缩image, 默认如果是jpeg文件上传前会压缩一把再上传
resize: false,
disableGlobalDnd: true,
fileNumLimit:5,
threads:5,
thumb:true,
compress:false,
prepareNextFile: true,
formData: function(){return $.extend(true, {}, userInfo);},
chunked:false,
duplicate: true
});
var imgListagreementpicData = [];
<?php if (!empty($promoteInfo['valuedata'])) :?>
var html = '';
$('#agreementpicList').css('margin-top','10px');
<?php foreach ($promoteInfo['valuedata'] as $value1) { ?>
<?php $value1 = (int)$value1; ?>
imgListagreementpicData.push(<?=$value1?>);
html += '<div id="' + <?=$value1?> + '" class="item flooring_page_img_box" style="margin-right: 10px;">';
html += '<a href="javascript:;"><img src="<?=get_cover($value1,"path")?>" style="width: 100px;height: 100px;cursor: move;"></a>';
html += '<h4 class="info" style="text-align: center;">';
html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + <?=$value1?> + '">删除</a>';
html += '</h4>';
html += '<div class="progress progress-striped active" style="display: none;">';
html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>';
html += '</div>';
html += '</div>';
<?php }?>
$('#agreementpicList').html(html);
$('#agreementpicList').children().children('h4').children('.jsdelzip').on('click', function() {
var thisId = $(this).attr('img-id');
$(this).parent().parent().remove();
$.each(imgListagreementpicData,function(index, item) {
if (thisId == item) {
imgListagreementpicData.splice(index,1);
return false;
}
});
setagreementpicVal();
});
<?php endif ;?>
var thisIndex1 = 0;
var imgagreementpicList = $("#agreementpicList");
uploaderImgagreementpic.on( 'fileQueued', function( file ) {
var html = '';
html += '<div id="' + file.id + '" class="item" style="margin-right: 10px;">';
html += '<a href="javascript:;"><img src="" style="width: 100px;height: 100px;cursor: move;"></a>';
html += '<h4 class="info">' + file.name + '</h4>';
html += '<p class="state">等待上传...</p>';
html += '</div>';
imgagreementpicList.append(html);
imgagreementpicList.css('margin-top','10px');
var img1 = imgagreementpicList.children('#'+file.id).find('img');
uploaderImgagreementpic.makeThumb(file, function (error, src) {
if (error) {
return;
}
img1.attr('src', src);
}, 300, 300);
});
// 文件上传过程中创建进度条实时显示。
uploaderImgagreementpic.on( 'uploadProgress', function( file, percentage ) {
var $li = $( '#'+file.id ),
$percent = $li.find('.progress .progress-bar');
// 避免重复创建
if ( !$percent.length ) {
$percent = $('<div class="progress progress-striped active">' +
'<div class="progress-bar" role="progressbar" style="width: 0%">' +
'</div>' +
'</div>').appendTo( $li ).find('.progress-bar');
}
$li.find('p.state').text('上传中');
$percent.css( 'width', percentage * 100 + '%' );
$percent.text( (percentage * 100).toFixed(0) + '%' );
});
uploaderImgagreementpic.on( 'uploadSuccess', function( file , response) {
console.log(response)
imgListagreementpicData.push(Number(response.id));
setagreementpicVal();
$( '#'+file.id ).find('p.state').text('已上传').fadeOut(800);
//alert(JSON.stringify(response));
$('#'+file.id).find('h4.info').append('<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;">删除</a>');
$('#'+file.id).find('.jsdelzip').on('click',function() {
uploaderImgagreementpic.removeFile( file.id );
$('#'+file.id).remove();
$.each(imgListagreementpicData,function(index, item) {
if (response.id == item) {
imgListagreementpicData.splice(index,1);
return false;
}
});
setagreementpicVal();
console.log(imgListagreementpicData);
return false;
});
});
function setagreementpicVal()
{
var agreementpic = '';
$.each(imgListagreementpicData,function(index, item) {
agreementpic += item + ',';
});
console.log('444444444444444444')
console.log(agreementpic)
agreementpic = agreementpic.substring(0, agreementpic.length - 1);
$('input[name=agreementpic]').val(agreementpic);
}
}
})
}
</script>
</block>
<block name="script">
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
<script type="text/javascript" src="__STATIC__/mail_suffix.js"></script>
<script type="text/javascript" src="__STATIC__/bank.js"></script>
</block>