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.

948 lines
44 KiB
HTML

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden 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="__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>
<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="alipay_real_name" id="alipay_real_name" style="width:430px" value="{$promoteinfo['alipay_real_name']}">
<else />
<input type="text" class="input txt" name="alipay_real_name" id="alipay_real_name" style="width:430px" value="{$promoteinfo['alipay_real_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="alipay_account" id="alipay_account" style="width:430px" value="{$promoteinfo['alipay_account']}">
<else />
<input type="text" class="input txt" name="alipay_account" id="alipay_account" style="width:430px" value="{$promoteinfo['alipay_account']}">
</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>