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 @@ ...@@ -36,17 +36,29 @@
</div> </div>
</div> </div>
<div class="cert_data"> <div class="cert_data">
<div class="hq input_div "> <div class="cert_data_box">
<span class="input_title lineBlock">经营性质:</span> <div class="hq input_div ">
<div class="input_parent"> <span class="input_title lineBlock">经营性质:</span>
<input type="radio" name="company_type" value="5" title="个人" checked> <div class="input_parent">
</div> <input type="radio" name="company_type" value="5" title="个人" checked>
</div> </div>
<div class="xh input_div "> </div>
<span class="input_title lineBlock">个人名称:</span> <div class="xh input_div">
<div class="input_parent"> <span class="input_title lineBlock">个人名称:</span>
<input type="text" placeholder="请输入姓名或昵称" class="input boxsiz" <div class="input_parent">
name="company_name"> <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> </div>
</div> </div>
...@@ -55,11 +67,8 @@ ...@@ -55,11 +67,8 @@
<span class="lineBlock cz boxsiz">重置</span> <span class="lineBlock cz boxsiz">重置</span>
</div> </div>
</div> </div>
<div class="form_right fl "> <div class="form_right fl " style="display: none">
<div class="sc"> <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="sc_div" id="upload_section" style="display: none">
<div class="icon iconfont iconjuxing16"></div> <div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p> <p>上传图片</p>
...@@ -79,8 +88,7 @@ ...@@ -79,8 +88,7 @@
<div class="icon iconfont iconjuxing16"></div> <div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p> <p>上传图片</p>
</div> </div>
<iframe name="test" id="test" style="display: none"> <iframe name="test" id="test" style="display: none"></iframe>
</iframe>
</form> </form>
<div class="upload_result"> <div class="upload_result">
<img alt="" src="" /> <img alt="" src="" />
...@@ -133,7 +141,7 @@ ...@@ -133,7 +141,7 @@
<div class="list clr" style="margin-bottom: 40px;"> <div class="list clr" style="margin-bottom: 40px;">
<div class="fl l"> <div class="fl l">
<div class="pic lineBlock va-m"> <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>
<div class="lineBlock va-m"> <div class="lineBlock va-m">
<p class="t1">{{d.company_name}}</p> <p class="t1">{{d.company_name}}</p>
...@@ -169,6 +177,16 @@ ...@@ -169,6 +177,16 @@
</div> </div>
</div> </div>
</script> </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> </body>
</html> </html>
\ No newline at end of file
dist/css/certification.css
...@@ -35,12 +35,11 @@ ...@@ -35,12 +35,11 @@
margin: 10px 0 0 51px; margin: 10px 0 0 51px;
} }
.certification_content .inquiry_form .form_content .form_left { .certification_content .inquiry_form .form_content .form_left {
width: 50%; width: 57%;
} }
.certification_content .inquiry_form .form_content .form_left .input_div { .certification_content .inquiry_form .form_content .form_left .input_div {
margin-top: 20px; margin-top: 20px;
position: relative; position: relative;
height: 40px;
line-height: 40px; line-height: 40px;
} }
.certification_content .inquiry_form .form_content .form_left .input_div.textarea_div { .certification_content .inquiry_form .form_content .form_left .input_div.textarea_div {
...@@ -213,6 +212,64 @@ ...@@ -213,6 +212,64 @@
color: #ADB6BF; color: #ADB6BF;
margin-top: 17px; 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 { .certification_content .inquiry_form .certification-show {
padding: 0 30px 0 30px; padding: 0 30px 0 30px;
margin-top: 40px; margin-top: 40px;
...@@ -263,3 +320,4 @@ ...@@ -263,3 +320,4 @@
font-size: 16px; font-size: 16px;
color: #ffffff; 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"} {"version":3,"sources":["certification.less"],"names":[],"mappings":"AAAA;EACE,eAAA;;AADF,sBAGE;EACE,eAAA;;AAJJ,sBAOE;EACE,sBAAA;EACA,oBAAA;;AATJ,sBAOE,cAIE;EACE,eAAA;EACA,cAAA;EACA,sBAAA;;AAdN,sBAOE,cAUE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AApBN,sBAOE,cAgBE;EACE,YAAA;EACA,iBAAA;EACA,yBAAA;EACA,wBAAA;EACA,cAAA;EACA,eAAA;;AA7BN,sBAOE,cAgBE,IAQE;EACE,eAAA;EACA,oBAAA;;AAjCR,sBAOE,cA8BE;EACE,eAAA;EACA,qBAAA;;AAvCN,sBAOE,cA8BE,cAIE;EACE,UAAA;;AA1CR,sBAOE,cA8BE,cAIE,WAGE;EACE,gBAAA;EACA,kBAAA;EACA,iBAAA;;AAEA,sBA1CR,cA8BE,cAIE,WAGE,WAKG;EACC,gBAAA;EACA,kBAAA;EACA,YAAA;EACA,cAAA;;AArDZ,sBAOE,cA8BE,cAIE,WAGE,WAYE;EACE,cAAA;EACA,WAAA;EACA,iBAAA;;AA3DZ,sBAOE,cA8BE,cAIE,WAGE,WAkBE;EACE,iBAAA;;AA/DZ,sBAOE,cA8BE,cAIE,WAGE,WAkBE,mBAGE;EACE,gBAAA;EACA,kBAAA;EACA,yBAAA;;AApEd,sBAOE,cA8BE,cAIE,WAGE,WA6BE;EACE,kBAAA;EACA,UAAA;EACA,QAAA;EACA,MAAA;;AA7EZ,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cAME;EACE,aAAA;;AAhFd,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cAME,kBAGE,EAAC;EACC,cAAA;;AAnFhB,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cAcE,oBACE;EACE,cAAA;;AAzFhB,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cAoBE;EACE,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,WAAA;EACA,iBAAA;;AAEA,sBA9FZ,cA8BE,cAIE,WAGE,WA6BE,cAoBE,OAQG;EACC,sBAAA;;AAGF,sBAlGZ,cA8BE,cAIE,WAGE,WA6BE,cAoBE,OAYG;EACC,YAAA;EACA,sBAAA;;AA3GhB,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cAuCE;EACE,kBAAA;EACA,cAAA;EACA,WAAA;;AAnHd,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cA6CE;EACE,kBAAA;EACA,eAAA;EACA,QAAA;EACA,WAAA;EACA,QAAA;EACA,WAAA;EACA,8BAAA;EACA,iBAAA;;AA9Hd,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cA6CE,KAUE;EACE,oBAAA;EACA,eAAA;EACA,cAAA;;AAnIhB,sBAOE,cA8BE,cAIE,WAGE,WA6BE,cA6CE,KAgBE;EACE,eAAA;EACA,cAAA;;AAxIhB,sBAOE,cA8BE,cAIE,WAuGE;EACE,qBAAA;;AAjJV,sBAOE,cA8BE,cAIE,WAuGE,SAGE;EACE,YAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,eAAA;;AAEA,sBArJV,cA8BE,cAIE,WAuGE,SAGE,KASG;EACC,WAAA;EACA,yBAAA;;AAGF,sBA1JV,cA8BE,cAIE,WAuGE,SAGE,KAcG;EACC,cAAA;EACA,yBAAA;EACA,iBAAA;;AApKd,sBAOE,cA8BE,cAqIE;EACE,kBAAA;EACA,sBAAA;;AA5KR,sBAOE,cA8BE,cAqIE,YAIE;EACE,aAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,yBAAA;;AAnLV,sBAOE,cA8BE,cAqIE,YAIE,IAOE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;;AA1LZ,sBAOE,cA8BE,cAqIE,YAIE,IAOE,KAOE;EACE,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,wBAAA;;AAlMd,sBAOE,cA8BE,cAqIE,YAIE,IAOE,KAgBE;EACE,cAAA;EACA,eAAA;;AAvMd,sBAOE,cA8BE,cAqIE,YAIE,IAOE,KAgBE,UAIE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AA5MhB,sBAOE,cA8BE,cAqIE,YAIE,IAoCE;EACE,YAAA;EACA,WAAA;EACA,eAAA;;AArNZ,sBAOE,cA8BE,cAqIE,YAIE,IA0CE;EACE,cAAA;EACA,eAAA;EACA,iBAAA;;AA3NZ,sBAOE,cA8BE,cAqIE,YAIE,IAgDE;EACE,cAAA;EACA,eAAA;EACA,gBAAA;;AAjOZ,sBAOE,cA8BE,cAqIE,YAIE,IAsDE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;;AA1OZ,sBAOE,cA8BE,cAqIE,YAIE,IAsDE,eAQE;EACE,YAAA;EACA,WAAA;;AA9Od,sBAOE,cA8BE,cAqIE,YAIE,IAsDE,eAaE;EACE,kBAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;;AAxPd,sBAOE,cA8BE,cAqIE,YAoFE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AAjQV,sBAOE,cA8BE,cAgOE;EACE,iBAAA;;AAtQR,sBAOE,cA8BE,cAgOE,UAGE;EACE,mBAAA;;AAzQV,sBAOE,cA8BE,cAgOE,UAGE,GAEE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;;AAEA,sBA3QV,cA8BE,cAgOE,UAGE,GAEE,GAQG,IACC;EACE,YAAA;EACA,aAAA;;AArRhB,sBAOE,cA8BE,cAgOE,UAGE,GAEE,GAeE;EACE,kBAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;;AApSd,sBAOE,cA8BE,cAgOE,UAGE,GAEE,GAeE,IAaE;EACE,eAAA;EACA,cAAA;EACA,eAAA;;AAzShB,sBAOE,cA8BE,cAgOE,UAyCE;EACE,cAAA;EACA,eAAA;;AAhTV,sBAOE,cA8BE,cAgOE,UA6CE;EACE,YAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;;AAvTV,sBAOE,cA8BE,cAgOE,UA6CE,SAOE;EACE,cAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,cAAA;;AA9TZ,sBAOE,cA8BE,cAgOE,UA6CE,SAeE;EACE,cAAA;EACA,eAAA;;AAnUZ,sBAOE,cAkUE;EACE,sBAAA;EACA,gBAAA;;AA3UN,sBAOE,cAkUE,oBAIE,GACE;EACE,YAAA;EACA,aAAA;EACA,kBAAA;;AAjVV,sBAOE,cAkUE,oBAIE,GACE,KAKE;EACE,YAAA;EACA,aAAA;;AArVZ,sBAOE,cAkUE,oBAIE,GAYE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AA5VV,sBAOE,cAkUE,oBAIE,GAkBE;EACE,mBAAA;;AAhWV,sBAOE,cAkUE,oBAIE,GAkBE,IAGE;EACE,eAAA;EACA,cAAA;;AApWZ,sBAOE,cAkUE,oBAIE,GAkBE,IAQE;EACE,eAAA;EACA,cAAA;;AAzWZ,sBAOE,cAkUE,oBAIE,GAgCE;EACE,iBAAA;;AA9WV,sBAOE,cAkUE,oBAIE,GAgCE,IAGE;EACE,eAAA;EACA,cAAA;;AAlXZ,sBAOE,cAkUE,oBAIE,GAgCE,IAQE;EACE,eAAA;EACA,cAAA;;AAvXZ,sBAOE,cAkUE,oBAIE,GA8CE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA","file":"certification.css"}
\ No newline at end of file \ No newline at end of file
dist/css/certification.less
...@@ -40,12 +40,11 @@ ...@@ -40,12 +40,11 @@
margin: 10px 0 0 51px; margin: 10px 0 0 51px;
.form_left { .form_left {
width: 50%; width: 57%;
.input_div { .input_div {
margin-top: 20px; margin-top: 20px;
position: relative; position: relative;
height: 40px;
line-height: 40px; line-height: 40px;
&.textarea_div { &.textarea_div {
...@@ -174,154 +173,223 @@ ...@@ -174,154 +173,223 @@
margin: 20px 0 0 6.67%; margin: 20px 0 0 6.67%;
.sc { .sc {
height: 220px; height: 220px;
width: 220px; width: 220px;
text-align: center; text-align: center;
position: relative; position: relative;
background-color: #F5F9FC; 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;
}
}
}
form {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
.sc_div { .imgfile {
height: 100%; position: absolute;
width: 100%; display: block;
cursor: pointer; font-size: 10000px;
height: 100%;
width: 100%;
filter: alpha(opacity=0);
} }
.icon { .form_div {
color: #ADB6BF; color: #ADB6BF;
font-size: 60px; font-size: 60px;
padding-top: 67px;
}
p { p {
color: #8A9299;
font-size: 16px; 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 { .deleteicon {
position: absolute; position: absolute;
top: 0; top: -15px;
left: 0; right: -10px;
right: 0; padding: 0;
bottom: 0; font-size: 30px;
display: none; color: #EA1717;
cursor: pointer;
img {
height: 100%;
width: 100%;
}
.deleteicon{
position: absolute;
top: -15px;
right: -10px;
padding: 0;
font-size: 30px;
color: #EA1717;
cursor: pointer;
}
} }
}
} }
p { p {
font-size: 14px; font-size: 14px;
color: #ADB6BF; color: #ADB6BF;
margin-top: 17px; margin-top: 17px;
} }
} }
}
.certification-show {
padding: 0 30px 0 30px;
margin-top: 40px;
.l { .pic-list {
.pic { margin-left: 20px;
width: 220px;
height: 220px;
margin-right: 40px;
img { ul {
width: 220px; white-space: nowrap;
height: 220px; 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 { p {
font-size: 24px; color: #8A9299;
color: #515559; font-size: 14px;
margin-bottom: 24px;
} }
}
}
}
.t2 { .certification-show {
margin-bottom: 70px; padding: 0 30px 0 30px;
margin-top: 40px;
span { .l {
font-size: 14px; .pic {
color: #adb6bf; width: 220px;
} height: 220px;
margin-right: 40px;
em { img {
font-size: 14px; width: 220px;
color: #515559; height: 220px;
} }
}
.t1 {
font-size: 24px;
color: #515559;
margin-bottom: 24px;
}
.t2 {
margin-bottom: 70px;
span {
font-size: 14px;
color: #adb6bf;
} }
.t3 { em {
margin-left: 40px; font-size: 14px;
color: #515559;
}
}
i { .t3 {
font-size: 20px; margin-left: 40px;
color: #adb6bf;
}
span { i {
font-size: 14px; font-size: 20px;
color: #ea1717; color: #adb6bf;
}
} }
.btn { span {
width: 140px; font-size: 14px;
height: 40px; color: #ea1717;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffffff;
} }
} }
}
.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 @@ ...@@ -2,9 +2,9 @@
window.CertificationController = { window.CertificationController = {
isClick: false, isClick: false,
token: Util.getCookie('token') || '', token: Util.getCookie('token') || '',
imgUrl: "", imgUrl: [],
init: function () { init: function () {
this.created(this).isIe(this).mounted(this).handleBind(this); this.created(this).uploadFun(this).mounted(this).handleBind(this);
}, },
created: function (opt) { created: function (opt) {
...@@ -16,54 +16,44 @@ ...@@ -16,54 +16,44 @@
//更新时间 //更新时间
$('.time').html('更新时间：' + res.data.update_time); $('.time').html('更新时间：' + res.data.update_time);
//更新认证信息 //更新认证信息
if (id) { if (id) {
$(".certisno").show(); $(".certisno").show();
layui.form.val("editauth", { layui.form.val("editauth", {
"auth_type": res.data.auth_type, "auth_type": res.data.auth_type,
"company_type": res.data.company_type, "company_type": res.data.company_type,
"company_name": res.data.company_name "company_name": res.data.company_name
}); });
if (res.data.auth_img) { if (res.data.auth_img) {
opt.imgUrl = res.data.auth_img;
$('#fileLoad').hide(); CertificationController.imgUrl=res.data.auth_img.split(',');
$('.sc_div').hide(); var getTpl = piclist.innerHTML;
$('.upload_result').show(); layui.laytpl(getTpl).render(CertificationController.imgUrl, function (html) {
$('.upload_result img').attr('src', res.data.auth_img) if (CertificationController.imgUrl.length < 6) {
$("#uploadbox").show();
} else {
$("#uploadbox").hide();
}
$("#pp").empty().html(html);
});
} }
layui.form.render(); layui.form.render();
} else { } else {
if (res.data) { if (res.data) {
$(".certis").show(); $(".certis").show();
var getTpl = listHtml.innerHTML; var getTpl = listHtml.innerHTML;
layui.laytpl(getTpl).render(res.data, function (html) { layui.laytpl(getTpl).render(res.data, function (html) {
$(".certis").empty().html(html); $(".certis").empty().html(html);
}); });
} else { } else {
$(".certisno").show(); $(".certisno").show();
} }
} }
} else if (res.errcode === 107012) { } else if (res.errcode === 107012) {
$(".certisno").show(); $(".certisno").show();
} }
}); });
...@@ -78,39 +68,54 @@ ...@@ -78,39 +68,54 @@
uploadFun: function () { uploadFun: function () {
var self = this; var self = this;
layui.upload.render({ layui.upload.render({
elem: '#upload_section', elem: '#uploadbox',
url: apis.ossupload, url: apis.ossupload,
multiple: true,
number: 6,
data: { data: {
token: Util.getCookie('token'), token: Util.getCookie('token'),
source: 2, source: 2
}, },
field: "upload", field: "upload",
before: function () { before: function (obj) {
layer.load(1, { layer.load(1, {
offset: ['50%', "50%"], offset: ['50%', "50%"],
shade: false shade: false
}); });
}, },
done: function (res) { done: function (res, index, upload) {
layer.closeAll('loading'); layer.closeAll('loading');
if (CertificationController.imgUrl.length > 5) {
layer.msg('只允许上传6张图片');
return false;
}
if (res.errcode == 103200) { if (res.errcode == 103200) {
$('#upload_section').hide(); CertificationController.imgUrl.push(res.data[0]);
$('.upload_result').show(); var getTpl = piclist.innerHTML;
$('.upload_result img').attr('src', res.data[0]) layui.laytpl(getTpl).render(CertificationController.imgUrl, function (html) {
self.imgUrl = res.data[0] || ''; $("#pp").empty().html(html);
});
} else { } else {
layer.msg(res.errmsg) layer.msg(res.errmsg)
} }
}, },
allDone: function (obj) {
if (CertificationController.imgUrl.length < 6) {
$("#uploadbox").show();
} else {
$("#uploadbox").hide();
}
},
err: function () { err: function () {
layer.closeAll('loading'); layer.closeAll('loading');
layer.msg('上传失败'); layer.msg('上传失败');
} }
}); });
return this;
}, },
isIe: function (opt) { 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")) { 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 @@ ...@@ -123,7 +128,6 @@
} else { } else {
iframe.onload = opt.iframeOnload; iframe.onload = opt.iframeOnload;
} }
;
opt.formSubmit(); opt.formSubmit();
$('#mineFiles').on('change', function () { $('#mineFiles').on('change', function () {
layer.load(1, { layer.load(1, {
...@@ -163,7 +167,6 @@ ...@@ -163,7 +167,6 @@
console.log(e) console.log(e)
layer.closeAll('loading'); layer.closeAll('loading');
layer.msg('上传失败'); layer.msg('上传失败');
} }
if (json) { if (json) {
layer.closeAll('loading'); layer.closeAll('loading');
...@@ -186,16 +189,16 @@ ...@@ -186,16 +189,16 @@
var value = data.value; var value = data.value;
if (value == 1) { if (value == 1) {
$("#tsv").text('*请上传身份证、驾驶证、工牌、名片等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)'); $(".txx").text('*请上传身份证、驾驶证、工牌、名片等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
} else if (value == 2) { } else if (value == 2) {
$("#tsv").text('*请上传企业营业执照、商用租赁合同、相关证明资料等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)'); $(".txx").text('*请上传企业营业执照、商用租赁合同、相关证明资料等扫描图片或照片，所提交资料越详尽，审核通过越快（单张图片大小不超过2M)');
} }
var getTpl = certtHtml.innerHTML; var getTpl = certtHtml.innerHTML;
layui.laytpl(getTpl).render(data.value, function (html) { layui.laytpl(getTpl).render(data.value, function (html) {
$(".cert_data").empty().html(html); $(".cert_data_box").empty().html(html);
layui.form.render(); layui.form.render();
...@@ -212,7 +215,9 @@ ...@@ -212,7 +215,9 @@
opt.isClick = true; 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) { IcController.getData(apis.addAuth, 'GET', params, function (res) {
...@@ -237,7 +242,6 @@ ...@@ -237,7 +242,6 @@
} }
}); });
//更新认证信息按钮 //更新认证信息按钮
$(document).on('click', '.edit_info', function (e) { $(document).on('click', '.edit_info', function (e) {
...@@ -248,9 +252,9 @@ ...@@ -248,9 +252,9 @@
}); });
//删除图片
$('.certification_content').on('click', '.deleteicon', function () { $('.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版本 //ie版本
$('#fileLoad').show(); $('#fileLoad').show();
} else { } else {
...@@ -259,7 +263,23 @@ ...@@ -259,7 +263,23 @@
} }
$('.upload_result').hide(); $('.upload_result').hide();
$('.upload_result img').attr('src', ''); $('.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