<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']} <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 console.log(res) 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 var anothpic = res.anothpic 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>