Skip to content

施宇 / icsales

Go to a project
Commit 4a17132e by 梁建民
Options

上传多张图片

parent 109d0270
Inline Side-by-side
Showing with 355 additions and 189 deletions
Application/Home/View/Certification/index.html
......@@ -36,17 +36,29 @@
</div>
</div>
<div class="cert_data">
<div class="hq input_div ">
<span class="input_title lineBlock">经营性质:</span>
<div class="input_parent">
<input type="radio" name="company_type" value="5" title="个人" checked>
</div>
</div>
<div class="xh input_div ">
<span class="input_title lineBlock">个人名称:</span>
<div class="input_parent">
<input type="text" placeholder="请输入姓名或昵称" class="input boxsiz"
name="company_name">
<div class="cert_data_box">
<div class="hq input_div ">
<span class="input_title lineBlock">经营性质:</span>
<div class="input_parent">
<input type="radio" name="company_type" value="5" title="个人" checked>
</div>
</div>
<div class="xh input_div">
<span class="input_title lineBlock">个人名称:</span>
<div class="input_parent">
<input type="text" placeholder="请输入姓名或昵称" class="input boxsiz" name="company_name">
</div>
</div>
</div>
<div class="xh input_div" style="white-space: nowrap">
<span class="input_title lineBlock va-t">上传资料:</span>
<div class="pic-list lineBlock va-t">
<ul class="clr lineBlock va-t" id="pp"></ul>
<div class="lineBlock va-t default" id="uploadbox">
<i class="icon iconfont iconjuxing16"></i>
<p>上传资料</p>
</div>
<p class="txx">*请上传身份证、驾驶证、工牌、名片等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)</p>
</div>
</div>
</div>
......@@ -55,11 +67,8 @@
<span class="lineBlock cz boxsiz">重置</span>
</div>
</div>
<div class="form_right fl ">
<div class="form_right fl " style="display: none">
<div class="sc">
<!-- <input type="hidden" name="auth_img" value="1.jpg">
<div class="icon iconfont iconjuxing16"></div>
<p>上传资料</p> -->
<div class="sc_div" id="upload_section" style="display: none">
<div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p>
......@@ -79,8 +88,7 @@
<div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p>
</div>
<iframe name="test" id="test" style="display: none">
</iframe>
<iframe name="test" id="test" style="display: none"></iframe>
</form>
<div class="upload_result">
<img alt="" src="" />
......@@ -133,7 +141,7 @@
<div class="list clr" style="margin-bottom: 40px;">
<div class="fl l">
<div class="pic lineBlock va-m">
<img src="{{d.auth_img}}" alt="{{d.company_name}}" title="{{d.company_name}}">
<img src="{{d.auth_img.split(',')[0]}}" alt="{{d.company_name}}" title="{{d.company_name}}">
</div>
<div class="lineBlock va-m">
<p class="t1">{{d.company_name}}</p>
......@@ -169,6 +177,16 @@
</div>
</div>
</script>
<script type="text/html" id="piclist">
{{# layui.each(d, function(index, item){ }}
<li class="lineBlock pic" data-index="{{index}}">
<img src="{{item}}" alt="">
<div class="ic">
<i class="icon iconfont iconjuxing18 deleteicon"></i>
</div>
</li>
{{# }); }}
</script>
</body>
</html>
\ No newline at end of file
dist/css/certification.css
......@@ -35,12 +35,11 @@
margin: 10px 0 0 51px;
}
.certification_content .inquiry_form .form_content .form_left {
width: 50%;
width: 57%;
}
.certification_content .inquiry_form .form_content .form_left .input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
}
.certification_content .inquiry_form .form_content .form_left .input_div.textarea_div {
......@@ -213,6 +212,64 @@
color: #ADB6BF;
margin-top: 17px;
}
.certification_content .inquiry_form .form_content .pic-list {
margin-left: 20px;
}
.certification_content .inquiry_form .form_content .pic-list ul {
white-space: nowrap;
}
.certification_content .inquiry_form .form_content .pic-list ul li {
position: relative;
width: 120px;
height: 120px;
cursor: pointer;
text-align: center;
margin-right: 30px;
}
.certification_content .inquiry_form .form_content .pic-list ul li.pic img {
width: 120px;
height: 120px;
}
.certification_content .inquiry_form .form_content .pic-list ul li .ic {
position: absolute;
right: -15px;
top: -12px;
color: #fff;
width: 40px;
height: 40px;
background: #EA1717;
border-radius: 50%;
text-align: center;
line-height: 44px;
z-index: 99;
}
.certification_content .inquiry_form .form_content .pic-list ul li .ic .deleteicon {
font-size: 30px;
color: #FFFFFF;
cursor: pointer;
}
.certification_content .inquiry_form .form_content .pic-list .txx {
color: #ADB6BF;
font-size: 14px;
}
.certification_content .inquiry_form .form_content .pic-list .default {
width: 120px;
height: 120px;
background: #f5f9fc;
cursor: pointer;
text-align: center;
}
.certification_content .inquiry_form .form_content .pic-list .default i {
color: #ADB6BF;
font-size: 40px;
text-align: center;
margin-top: 25px;
display: block;
}
.certification_content .inquiry_form .form_content .pic-list .default p {
color: #8A9299;
font-size: 14px;
}
.certification_content .inquiry_form .certification-show {
padding: 0 30px 0 30px;
margin-top: 40px;
......@@ -263,3 +320,4 @@
font-size: 16px;
color: #ffffff;
}
/*# sourceMappingURL=certification.css.map */
\ No newline at end of file
dist/css/certification.css.map
{"version":3,"sources":["certification.less"],"names":[],"mappings":"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","file":"certification.css"}
\ No newline at end of file
{"version":3,"sources":["certification.less"],"names":[],"mappings":"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","file":"certification.css"}
\ No newline at end of file
dist/css/certification.less
......@@ -40,12 +40,11 @@
margin: 10px 0 0 51px;
.form_left {
width: 50%;
width: 57%;
.input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
&.textarea_div {
......@@ -174,154 +173,223 @@
margin: 20px 0 0 6.67%;
.sc {
height: 220px;
width: 220px;
text-align: center;
position: relative;
background-color: #F5F9FC;
form {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
.imgfile {
position: absolute;
display: block;
font-size: 10000px;
height: 100%;
width: 100%;
filter: alpha(opacity=0);
}
.form_div {
color: #ADB6BF;
font-size: 60px;
p {
font-size: 16px;
color: #8A9299;
margin-top: 35px;
}
}
}
height: 220px;
width: 220px;
text-align: center;
position: relative;
background-color: #F5F9FC;
form {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
.sc_div {
height: 100%;
width: 100%;
cursor: pointer;
.imgfile {
position: absolute;
display: block;
font-size: 10000px;
height: 100%;
width: 100%;
filter: alpha(opacity=0);
}
.icon {
color: #ADB6BF;
font-size: 60px;
padding-top: 67px;
}
.form_div {
color: #ADB6BF;
font-size: 60px;
p {
color: #8A9299;
p {
font-size: 16px;
margin-top: 23px;
color: #8A9299;
margin-top: 35px;
}
}
}
.sc_div {
height: 100%;
width: 100%;
cursor: pointer;
}
.icon {
color: #ADB6BF;
font-size: 60px;
padding-top: 67px;
}
p {
color: #8A9299;
font-size: 16px;
margin-top: 23px;
}
.upload_result {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
img {
height: 100%;
width: 100%;
}
.upload_result {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
img {
height: 100%;
width: 100%;
}
.deleteicon{
position: absolute;
top: -15px;
right: -10px;
padding: 0;
font-size: 30px;
color: #EA1717;
cursor: pointer;
}
.deleteicon {
position: absolute;
top: -15px;
right: -10px;
padding: 0;
font-size: 30px;
color: #EA1717;
cursor: pointer;
}
}
}
p {
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
}
}
}
.certification-show {
padding: 0 30px 0 30px;
margin-top: 40px;
}
.l {
.pic {
width: 220px;
height: 220px;
margin-right: 40px;
.pic-list {
margin-left: 20px;
img {
width: 220px;
height: 220px;
ul {
white-space: nowrap;
li {
position: relative;
width: 120px;
height: 120px;
cursor: pointer;
text-align: center;
margin-right: 30px;
&.pic {
img {
width: 120px;
height: 120px;
}
}
.ic {
position: absolute;
right: -15px;
top: -12px;
color: #fff;
width: 40px;
height: 40px;
background: #EA1717;
border-radius: 50%;
text-align: center;
line-height: 44px;
z-index: 99;
.deleteicon {
font-size: 30px;
color: #FFFFFF;
cursor: pointer;
}
}
}
}
.txx{
color: #ADB6BF;
font-size:14px;
}
.default {
width: 120px;
height: 120px;
background: rgba(245, 249, 252, 1);
cursor: pointer;
text-align: center;
i {
color: #ADB6BF;
font-size: 40px;
text-align: center;
margin-top: 25px;
display: block;
}
.t1 {
font-size: 24px;
color: #515559;
margin-bottom: 24px;
p {
color: #8A9299;
font-size: 14px;
}
}
}
}
.t2 {
margin-bottom: 70px;
.certification-show {
padding: 0 30px 0 30px;
margin-top: 40px;
span {
font-size: 14px;
color: #adb6bf;
}
.l {
.pic {
width: 220px;
height: 220px;
margin-right: 40px;
em {
font-size: 14px;
color: #515559;
}
img {
width: 220px;
height: 220px;
}
}
.t1 {
font-size: 24px;
color: #515559;
margin-bottom: 24px;
}
.t2 {
margin-bottom: 70px;
span {
font-size: 14px;
color: #adb6bf;
}
.t3 {
margin-left: 40px;
em {
font-size: 14px;
color: #515559;
}
}
i {
font-size: 20px;
color: #adb6bf;
}
.t3 {
margin-left: 40px;
span {
font-size: 14px;
color: #ea1717;
}
i {
font-size: 20px;
color: #adb6bf;
}
.btn {
width: 140px;
height: 40px;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffffff;
span {
font-size: 14px;
color: #ea1717;
}
}
}
.btn {
width: 140px;
height: 40px;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffffff;
}
}
}
}
\ No newline at end of file
}
}
\ No newline at end of file
dist/js/certification/index.js
......@@ -2,9 +2,9 @@
window.CertificationController = {
isClick: false,
token: Util.getCookie('token') || '',
imgUrl: "",
imgUrl: [],
init: function () {
this.created(this).isIe(this).mounted(this).handleBind(this);
this.created(this).uploadFun(this).mounted(this).handleBind(this);
},
created: function (opt) {
......@@ -16,54 +16,44 @@
//更新时间
$('.time').html('更新时间：' + res.data.update_time);
//更新认证信息
if (id) {
$(".certisno").show();
layui.form.val("editauth", {
"auth_type": res.data.auth_type,
"company_type": res.data.company_type,
"company_name": res.data.company_name
});
if (res.data.auth_img) {
opt.imgUrl = res.data.auth_img;
$('#fileLoad').hide();
$('.sc_div').hide();
$('.upload_result').show();
$('.upload_result img').attr('src', res.data.auth_img)
CertificationController.imgUrl=res.data.auth_img.split(',');
var getTpl = piclist.innerHTML;
layui.laytpl(getTpl).render(CertificationController.imgUrl, function (html) {
if (CertificationController.imgUrl.length < 6) {
$("#uploadbox").show();
} else {
$("#uploadbox").hide();
}
$("#pp").empty().html(html);
});
}
layui.form.render();
} else {
if (res.data) {
$(".certis").show();
var getTpl = listHtml.innerHTML;
layui.laytpl(getTpl).render(res.data, function (html) {
$(".certis").empty().html(html);
});
} else {
$(".certisno").show();
}
}
} else if (res.errcode === 107012) {
$(".certisno").show();
}
});
......@@ -78,39 +68,54 @@
uploadFun: function () {
var self = this;
layui.upload.render({
elem: '#upload_section',
elem: '#uploadbox',
url: apis.ossupload,
multiple: true,
number: 6,
data: {
token: Util.getCookie('token'),
source: 2,
source: 2
},
field: "upload",
before: function () {
before: function (obj) {
layer.load(1, {
offset: ['50%', "50%"],
shade: false
});
},
done: function (res) {
done: function (res, index, upload) {
layer.closeAll('loading');
if (CertificationController.imgUrl.length > 5) {
layer.msg('只允许上传6张图片');
return false;
}
if (res.errcode == 103200) {
$('#upload_section').hide();
$('.upload_result').show();
$('.upload_result img').attr('src', res.data[0])
self.imgUrl = res.data[0] || '';
CertificationController.imgUrl.push(res.data[0]);
var getTpl = piclist.innerHTML;
layui.laytpl(getTpl).render(CertificationController.imgUrl, function (html) {
$("#pp").empty().html(html);
});
} else {
layer.msg(res.errmsg)
}
},
allDone: function (obj) {
if (CertificationController.imgUrl.length < 6) {
$("#uploadbox").show();
} else {
$("#uploadbox").hide();
}
},
err: function () {
layer.closeAll('loading');
layer.msg('上传失败');
}
});
return this;
},
isIe: function (opt) {
if (navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE8.0" || navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE9.0")) {
......@@ -123,7 +128,6 @@
} else {
iframe.onload = opt.iframeOnload;
}
;
opt.formSubmit();
$('#mineFiles').on('change', function () {
layer.load(1, {
......@@ -163,7 +167,6 @@
console.log(e)
layer.closeAll('loading');
layer.msg('上传失败');
}
if (json) {
layer.closeAll('loading');
......@@ -186,16 +189,16 @@
var value = data.value;
if (value == 1) {
$("#tsv").text('*请上传身份证、驾驶证、工牌、名片等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
$(".txx").text('*请上传身份证、驾驶证、工牌、名片等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
} else if (value == 2) {
$("#tsv").text('*请上传企业营业执照、商用租赁合同、相关证明资料等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
$(".txx").text('*请上传企业营业执照、商用租赁合同、相关证明资料等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
}
var getTpl = certtHtml.innerHTML;
layui.laytpl(getTpl).render(data.value, function (html) {
$(".cert_data").empty().html(html);
$(".cert_data_box").empty().html(html);
layui.form.render();
......@@ -212,7 +215,9 @@
opt.isClick = true;
var params = $.extend({}, data.field, {token: opt.token, auth_img: opt.imgUrl}); //新增参数
var imgUrl = opt.imgUrl.join(',');
var params = $.extend({}, data.field, {token: opt.token, auth_img: imgUrl}); //新增参数
IcController.getData(apis.addAuth, 'GET', params, function (res) {
......@@ -237,7 +242,6 @@
}
});
//更新认证信息按钮
$(document).on('click', '.edit_info', function (e) {
......@@ -248,9 +252,9 @@
});
//删除图片
$('.certification_content').on('click', '.deleteicon', function () {
if (navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE8.0" || navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE9.0")) {
/*if (navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE8.0" || navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE9.0")) {
//ie版本
$('#fileLoad').show();
} else {
......@@ -259,7 +263,23 @@
}
$('.upload_result').hide();
$('.upload_result img').attr('src', '');
opt.imgUrl = "";
opt.imgUrl = "";*/
var index = $(this).parent().parent().attr('data-index');
var getTpl = piclist.innerHTML;
CertificationController.imgUrl.splice(index, 1);
layui.laytpl(getTpl).render(CertificationController.imgUrl, function (html) {
$("#pp").empty().html(html);
});
if (CertificationController.imgUrl.length < 6) {
$("#uploadbox").show();
} else {
$("#uploadbox").hide();
}
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment