|
|
<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>
|
|
|
<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">
|
|
|
<!-- <div style="" id="tab">
|
|
|
<span style="padding-left:20px;color:#26c7dbd4" >注意：密码必须由字母与数字组合</span>
|
|
|
</div>-->
|
|
|
<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" style="font-size:17px">真实姓名：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="username" id="password" style="width:430px" placeholder="{$promoteinfo['real_name']}" value="{$promoteinfo['real_name']}">
|
|
|
<span id="password_tip"></span></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="l">身份证号码：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="id_card" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['idcard']}" value="{$promoteinfo['idcard']}">
|
|
|
<span id="confirm_password_tip"></span></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="l">身份证证件：</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">电话：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="tel" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['mobile_phone']}" value="{$promoteinfo['mobile_phone']}">
|
|
|
<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>
|
|
|
<input type="text" class="input txt" name="address" id="confirm_password" style="width:430px;margin-left:20px" placeholder="{$promoteinfo['address'][1]}" value="{$promoteinfo['address'][1]}">
|
|
|
<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">邮箱：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="email" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['email']}" value="{$promoteinfo['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="公司" checked="{$promoteinfo['complanystatus']}">公司<input type="radio" class="input txt" style="margin-left:20px" name="account_type" value="个人" checked="{$promoteinfo['personlastatus']}">个人
|
|
|
<span id="confirm_password_tip"></span></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="l">开户银行：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="bank_name" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['bank_name']}" value="{$promoteinfo['bank_name']}">
|
|
|
<span id="confirm_password_tip"></span></td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td class="l">银行账户名：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="bank_account" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['bank_account']}" value="{$promoteinfo['bank_account']}">
|
|
|
<span id="confirm_password_tip"></span></td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td class="l">银行账号：</td>
|
|
|
<td class="r"><input type="text" class="input txt" name="bank_card" id="confirm_password" style="width:430px" placeholder="{$promoteinfo['bank_card']}" value="{$promoteinfo['bank_card']}">
|
|
|
<span id="confirm_password_tip"></span></td>
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
<td class="l"></td>
|
|
|
<td class="r"><input type="checkbox" class="input txt" style="margin-left:20px" name="agree" >我已仔细阅读，并同意<a href="#"><span style="color:#26c7dbd4">《游戏推广服务框架协议》</span></a>
|
|
|
<span id="confirm_password_tip"></span></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>
|
|
|
</table>
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</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>
|
|
|
<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>
|
|
|
|