<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="__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%;
}
</style>
</block>
<block name="body" >
<script type="text/javascript" src="__STATIC__/provincecityarea/area1.js" ></script>
<?php if($promoteinfo['ver_status'] == 3) {?>
<div style="background: RGB(252,236,236);" id="tab">
<span style="padding-left:20px;color:red" >正在审核中，请耐心等待~加急,请联系您的平台对接人员</span>
</div>
<?php };?>
<?php if($promoteinfo['ver_status'] == 1) {?>
<div style="background: RGB(252,236,236);" id="tab">
<span style="padding-left:20px;color:#26c7dbd4" >认证审核成功</span>
</div>
<?php };?>
<?php if($promoteinfo['ver_status'] == 2) {?>
<div style="background: RGB(252,236,236);" id="tab">
<span style="padding-left:20px;color:red" >认证审核失败</span>
</div>
<?php };?>
<?php if($promoteinfo['ver_status'] == 4) {?>
<div style="background: RGB(252,236,236);" id="tab">
<span style="padding-left:20px;color:red" >修改审核中,请耐心等待~加急,请联系您的平台对接人员</span>
</div>
<?php };?>
<div class="page-list normal_list promote-base_info-form" style="min-height:120vh">
<div class="trunk-title">
<img src="__IMG__/20180207/icon_normal_zhanghu.png">
<span class="title_main">资质认证</span>
</div>
<div class="trunk-content article">
<div class="trunk-list baseInfo">
<form action="{:U('Safe/modifyBaseInfo')}" novalidate="novalidate" method="post" class="paw_info">
<table class="table2" style="margin-top:20px;margin-left:30px;width:100%" >
<tr>
<td class="l"><span style="color:red">*</span>真实姓名：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" disabled ="disabled" class="input txt" name="username" id="password" style="width:430px" value="{$promoteinfo['real_name']}">
<else />
<input type="text" class="input txt" name="username" id="password" style="width:430px" value="{$promoteinfo['real_name']}">
</if>
<span id="password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>身份证号码：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" disabled ="disabled" class="input txt" name="id_card" id="confirm_password" style="width:430px" value="{$promoteinfo['idcard']}">
<else />
<input type="text" class="input txt" name="id_card" id="confirm_password" style="width:430px" value="{$promoteinfo['idcard']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>身份证证件：</td>
<td class="r">
<input type="hidden" name="idcarpic" id="cover_id_{$field.name}" value="{$promoteinfo['idcarpic']}"/>
<div id="uploader-demo" >
<div id="idpic">
<div class="webuploader-pick" style="line-height:30px;" onclick="">上传证件</div>
</div>
<div id="idpicList" class="uploader-list" style="display: flex;"></div>
</td>
</tr>
<tr>
<td class="l" colspan="5">
<div style="" id="tab">
<span style="padding-left:20px;color:#26c7dbd4" >提醒！请上传身份证正反面，图片为jpg、png格式(不超过2M)</span>
</div>
</td>
</tr>
<tr>
<td class="l">营业执照：</td>
<td class="r">
<input type="hidden" name="businesspic" id="cover_id_{$field.name}" value="{$promoteinfo['businesspic']}"/>
<div id="uploader-demo" >
<div id="businesspic">
<div class="webuploader-pick" style="line-height:30px" onclick="">上传执照</div>
</div>
<div id="businesspicList" class="uploader-list" style="display: flex;"></div>
</td>
</tr>
<tr>
<td class="l" colspan="5">
<div style="" id="tab">
<span style="padding-left:20px;color:#26c7dbd4" >*如果是公司请上传营业执照</span>
</div>
</td>
</tr>
<tr>
<td class="l" style="margin-top:20px">合作合同：</td>
<td class="r">
<input type="hidden" name="agreementpic" id="cover_id_{$field.name}" value="{$promoteinfo['agreementpic']}"/>
<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="" id="tab">
<span style="padding-left:20px;color:#26c7dbd4" >*须上传平台与贵公司(工作室)签署的合作合同</span>
</div>
</td>
</tr>
<!-- <tr>
<td class="l"></td>
<td class="r">
<input type="hidden" name="id" value="{$data.id}">
<input type="submit" class="tj btn ajax-post" value="保存" style="width:200px" title="" target-form="paw_info">
</td>
</tr>-->
<tr>
<td class="l" colspan="5">
<div class="tab" style=" color: #6a7082;border-bottom: 1px solid #E0E7F1;margin-top:70px;width:100%;display: flex;justify-content: space-between;align-items: center;height:40px">
<span class="title_main" style="font-size:16px;font-weight: 600">结算信息</span>
</div>
</td>
</tr>
<tr >
<td class="l" colspan="5" >
<div style="" id="tab">
<span style="padding-left:20px;color:#26c7dbd4" >*提醒！请确认开户行信息,如果与实际不符,有可能出现打款到账延时例子：中国工商银行XX省XX市XXX支行</span>
</div>
</td>
</tr>
<tr style="margin-top:50px">
<td class="l"><span style="color:red">*</span>电话：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" disabled ="disabled" class="input txt" name="tel" id="confirm_password" style="width:430px" value="{$promoteinfo['mobile_phone']}">
<else />
<input type="text" class="input txt" name="tel" id="confirm_password" style="width:430px" value="{$promoteinfo['mobile_phone']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span class="req">*</span>联系地址：</td>
<td class="r ">
<div class="info areainfo">
<div>
<select id="s_province" name="s_province" class="areaselect1 select_gallery" style="width: 90px;"></select>
<select id="s_city" name="s_city" class="areaselect2 select_gallery" style="width: 120px;"></select>
<select id="s_county" name="s_county" class="areaselect3 select_gallery" style="width: 90px;"></select>
<if condition="$ver_status eq 1">
<input type="text" class="input txt" disabled ="disabled" name="address" id="confirm_password" style="width:430px;margin-left:20px" value="{$addr}">
<else />
<input type="text" class="input txt" name="address" id="confirm_password" style="width:430px;margin-left:20px" value='{$addr}'>
</if>
<script type="text/javascript" >
var pro="{:$promoteinfo['addressdata']['0']}";
var city="{:$promoteinfo['addressdata']['1']}";
var are="{:$promoteinfo['addressdata']['2']}";
_init_area(pro,city,are);</script>
</div>
<div id="show"></div>
</div>
<script type="text/javascript">
var Gid = document.getElementById ;
var showArea = function(){
Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +
Gid('s_city').value + " - 县/区" +
Gid('s_county').value + "</h3>"
}
Gid('s_county').setAttribute('onchange','showArea()');
</script>
<span id="bank_area_tip"></span>
</td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>邮箱：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" class="input txt" disabled ="disabled" name="email" id="confirm_password" style="width:430px" value="{$promoteinfo['email']}">
<else />
<input type="text" class="input txt" name="email" id="confirm_password" style="width:430px" value="{$promoteinfo['email']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>账户类型{$promoteinfo['complanystatus']}：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="radio" class="input txt" name="account_type" value="公司" checked>公司<input type="radio" class="input txt" style="margin-left:20px" name="account_type" value="个人" >个人
<else />
<input type="radio" class="input txt" name="account_type" value="公司" >公司<input type="radio" class="input txt" style="margin-left:20px" name="account_type" value="个人" checked>个人
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>开户银行：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" class="input txt" disabled ="disabled" name="bank_name" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['bank_name']}" value="{$promoteinfo['bank_name']}">
<else />
<input type="text" class="input txt" name="bank_name" id="confirm_password" style="width:430px" value="{$promoteinfo['bank_name']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>银行账户名：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" class="input txt" disabled ="disabled" name="bank_account" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['bank_account']}" value="{$promoteinfo['bank_account']}">
<else />
<input type="text" class="input txt" name="bank_account" id="confirm_password" style="width:430px" value="{$promoteinfo['bank_account']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<tr>
<td class="l"><span style="color:red">*</span>银行账号：</td>
<td class="r">
<if condition="$ver_status eq 1">
<input type="text" class="input txt" disabled ="disabled" name="bank_card" id="confirm_password" style="width:430px" value="{$promoteinfo['bank_card']}">
<else />
<input type="text" class="input txt" name="bank_card" id="confirm_password" style="width:430px" value="{$promoteinfo['bank_card']}">
</if>
<span id="confirm_password_tip"></span></td>
</tr>
<?php if ($promoteCompany['service_agreement_show'] > 0):?>
<tr>
<td class="l"></td>
<!-- <td class="r"><input type="checkbox" class="input txt" id="agree" style="margin-left:20px" name="agree" >我已仔细阅读，并同意<a href="{:U('safe/safeDocument',array('username'=>$promoteinfo['account'],'email'=>$promoteinfo['email'],'realname'=>$promoteinfo['real_name'],'phone'=>$promoteinfo['mobile_phone'],'address'=>$promoteinfo['address']))}"><span style="color:#26c7dbd4" id="read">《游戏推广服务框架协议》</span></a> -->
<td class="r"><input type="checkbox" class="input txt" id="agree" style="margin-left:20px" name="agree" >我已仔细阅读，并同意<span style="color:#26c7dbd4" id="read" onclick="read_detail('{$serviceAgreement['name']}', {$serviceAgreement['id']})">《'{$serviceAgreement['name']}'》</span>
<span id="confirm_password_tip"></span></td>
</tr>
<?php endif;?>
<tr>
<td class="l"></td>
<td class="r">
<input type="hidden" name="id" value="{$data.id}">
<input type="submit" class="tj btn ajax-post" value="保存" style="width:200px" title="" target-form="paw_info">
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</block>
<block name="script">
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
<script>
function read_detail(name, templateId) {
layer.open({
type: 2,
title: name,
shadeClose: true,
shade: 0.8,
area: ['70%', '82%'],
btn:['同意'],
content: "{:U('Safe/safeDocument')}&templateId="+templateId,
yes:function(index) {
window.localStorage.setItem('checked','checked');
$('#agree').prop('checked',true);
layer.close(index);
}
});
}
</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>
<script>
var c = window.localStorage.getItem('checked');
if(c == "checked") {
$('#agree').attr('checked','checked');
}
</script>
<script type="text/javascript">
var ajaxurl="{:U('Account/getArea')}";
function loadArea(areaId,areaType) {
$.post(ajaxurl,{'areaId':areaId},function(data){
if(areaType=='city'){
$('#'+areaType).html('<option value="-1">市/县</option>');
$('#district').html('<option value="-1">镇/区</option>');
}else if(areaType=='district'){
$('#'+areaType).html('<option value="-1">镇/区</option>');
}
if(areaType!='null'){
$.each(data,function(no,items){
$('#'+areaType).append('<option value="'+items.area_id+'">'+items.area_name+'</option>');
});
}
});
}
var tot="";
$("#province").change(function() {
tot+=$("#province").val();
});
$("#city").change(function() {
tot+=","+$("#city").val()
});
$("#district").change(function() {
tot+=","+$("#district").val()
});
$(".btn").click(function() {
$("#town").val(tot);
});
function add_mail_suffix(that) {
var suffix = $(that).data('suffix');
var input = $(that).closest('.mail_suffix').prev();
if(input.attr('data-mail').length>0) {
input.val(input.attr('data-mail')+suffix);
}
}
$(function() {
$('.tab td').on('click',function() {
var that = $(this);
$('.tabpan').removeClass('current');
that.siblings().removeClass('current');
that.addClass('current');
$('.tabpan').eq(that.index()).addClass('current');
return false;
});
$(".select_gallery").select2();
$('#email').focus(function () {
var val = $.trim($(this).val());
if(val) {
var index = val.indexOf('@');
if(index>-1){
var suffix = val.substring(index);
val = val.substring(0,index);
$(this).val(val).attr('data-suffix',suffix).attr('data-mail',val);
}
}
var html = '<ul class="mail_suffix">';
for(var item in mail_suffix) {
html += '<li onclick="add_mail_suffix(this)" data-suffix="'+mail_suffix[item]+'">'+mail_suffix[item]+'</li>';
}
html += '</ul>';
$(this).after(html);
$('body').click(function (event) {
var e = event || window.event;
var target = e.target || e.srcElement;
if($(target).attr('id') != 'email' && $(target).attr('class') != 'mail_suffix') {
$('.mail_suffix').remove();
}
return false;
});
return false;
}).blur(function (event) {
var e = event || window.event;
var target = e.target || e.srcElement;
var that = $(this);
if($(target).attr('id') == 'email' && $(target).attr('class') == 'mail_suffix') {
$('.mail_suffix').remove();
}
if(that.attr('data-mail')) {
var data_mail_index = that.attr('data-mail').indexOf('@');
if(data_mail_index>-1){
var data_mail = that.attr('data-mail');
that.val(data_mail);
that.attr('data-mail',data_mail.substring(0,data_mail_index));
that.attr('data-suffix',data_mail.substring(data_mail_index));
} else {
that.val(that.attr('data-mail')+that.attr('data-suffix'));
}
}
return false;
}).keyup(function () {
var val = $.trim($(this).val());
if(val.length>64) {val = val.substr(0,64);$(this).val(val);}
$(this).attr('data-mail',val);
return false;
});
var data_bank_name = '{$data.bank_name}';
var bank_name = '<option value="">请选择收款银行</option>';console.log(bank);
for(var bn in bank) {
if(data_bank_name == bank[bn]) {
bank_name += '<option value="'+bank[bn]+'" selected>'+bank[bn]+'</option>';
} else {
bank_name += '<option value="'+bank[bn]+'">'+bank[bn]+'</option>';
}
}
$('#bank_name').html(bank_name).select2();
AF.users.account_edit(1429);
AF.users.account_content_edit(1429);
_init_area();
_reset_area('','','');
});
</script>
<script type="text/javascript">
var uploaderImgidpic = 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:'#idpic',
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 imgListidpicData = [];
<?php if (!empty($promoteinfo['valuedata'])) :?>
var html = '';
$('#idpicList').css('margin-top','10px');
<?php foreach ($promoteinfo['valuedata'] as $value1) { ?>
<?php $value1 = (int)$value1; ?>
imgListidpicData.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 }?>
$('#idpicList').html(html);
$('#idpicList').children().children('h4').children('.jsdelzip').on('click', function() {
var thisId = $(this).attr('img-id');
$(this).parent().parent().remove();
$.each(imgListidpicData,function(index, item) {
if (thisId == item) {
imgListidpicData.splice(index,1);
return false;
}
});
console.log('9999999')
console.log(imgListidpicData)
setidpicVal();
});
<?php endif ;?>
var thisIndex1 = 0;
var imgidpicList = $("#idpicList");
uploaderImgidpic.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>';
imgidpicList.append(html);
imgidpicList.css('margin-top','10px');
var img1 = imgidpicList.children('#'+file.id).find('img');
uploaderImgidpic.makeThumb(file, function (error, src) {
if (error) {
return;
}
img1.attr('src', src);
}, 300, 300);
});
// 文件上传过程中创建进度条实时显示。
uploaderImgidpic.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) + '%' );
});
uploaderImgidpic.on( 'uploadSuccess', function( file , response) {
imgListidpicData.push(Number(response.id));
setidpicVal();
$( '#'+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() {
uploaderImgidpic.removeFile( file.id );
$('#'+file.id).remove();
$.each(imgListidpicData,function(index, item) {
if (response.id == item) {
imgListidpicData.splice(index,1);
return false;
}
});
setidpicVal();
console.log(imgListidpicData);
return false;
});
});
function setidpicVal()
{
var idpic = '';
$.each(imgListidpicData,function(index, item) {
idpic += item + ',';
});
idpic = idpic.substring(0, idpic.length - 1);
$('input[name=idcarpic]').val(idpic);
}
</script>
<script>
var uploaderImgbusinesspic = 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:'#businesspic',
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 imgListbusinesspicData = [];
<?php if (!empty($promoteinfo['valuedata1'])) :?>
var html = '';
$('#businesspicList').css('margin-top','10px');
<?php foreach ($promoteinfo['valuedata1'] as $value1) { ?>
<?php $value1 = (int)$value1; ?>
imgListbusinesspicData.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 }?>
$('#businesspicList').html(html);
$('#businesspicList').children().children('h4').children('.jsdelzip').on('click', function() {
var thisId = $(this).attr('img-id');
$(this).parent().parent().remove();
$.each(imgListbusinesspicData,function(index, item) {
if (thisId == item) {
imgListbusinesspicData.splice(index,1);
return false;
}
});
console.log('9999999')
console.log(imgListbusinesspicData)
setbusinesspicVal();
});
<?php endif ;?>
var thisIndex1 = 0;
var imgbusinesspicList = $("#businesspicList");
uploaderImgbusinesspic.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>';
imgbusinesspicList.append(html);
imgbusinesspicList.css('margin-top','10px');
var img1 = imgbusinesspicList.children('#'+file.id).find('img');
uploaderImgbusinesspic.makeThumb(file, function (error, src) {
if (error) {
return;
}
img1.attr('src', src);
}, 300, 300);
});
// 文件上传过程中创建进度条实时显示。
uploaderImgbusinesspic.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) + '%' );
});
uploaderImgbusinesspic.on( 'uploadSuccess', function( file , response) {
imgListbusinesspicData.push(Number(response.id));
setbusinesspicVal();
$( '#'+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() {
uploaderImgbusinesspic.removeFile( file.id );
$('#'+file.id).remove();
$.each(imgListbusinesspicData,function(index, item) {
if (response.id == item) {
imgListbusinesspicData.splice(index,1);
return false;
}
});
setbusinesspicVal();
console.log(imgListbusinesspicData);
return false;
});
});
function setbusinesspicVal()
{
var businesspic = '';
$.each(imgListbusinesspicData,function(index, item) {
businesspic += item + ',';
});
businesspic = businesspic.substring(0, businesspic.length - 1);
$('input[name=businesspic]').val(businesspic);
}
</script>
<script>
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['valuedata2'])) :?>
var html = '';
$('#agreementpicList').css('margin-top','10px');
<?php foreach ($promoteinfo['valuedata2'] 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;
}
});
console.log('9999999')
console.log(imgListagreementpicData)
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) {
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 + ',';
});
agreementpic = agreementpic.substring(0, agreementpic.length - 1);
$('input[name=agreementpic]').val(agreementpic);
}
</script>
</block>