Skip to content

S
shop-new
提交 6f8ab46b authored 作者: huaxinzhu's avatar huaxinzhu
浏览文件
操作

云仓2.5打包

上级 9f48644c 5b6ca0ad
隐藏空白字符变更
内嵌 并排
正在显示 包含 2119 行增加 和 1277 行删除
dist/index.html
浏览文件 @ 6f8ab46b
...@@ -181,7 +181,11 @@ ...@@ -181,7 +181,11 @@
font-size: 13px; font-size: 13px;
color: #FFF; color: #FFF;
opacity: 0.5; opacity: 0.5;
<<<<<<< HEAD
}</style><link href=/static/css/chunk-libs.144811ca.css rel=stylesheet><link href=/static/css/app.b87dbed6.css rel=stylesheet></head><body><div id=app><div id=loader-wrapper><div id=loader></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div><div class=load_title>正在加载系统资源，请耐心等待</div></div></div><script src=/static/js/chunk-elementUI.e19103bf.js></script><script src=/static/js/chunk-libs.afedb25b.js></script><script>(function(e){function n(n){for(var t,u,d=n[0],f=n[1],o=n[2],h=0,i=[];h<d.length;h++)u=d[h],r[u]&&i.push(r[u][0]),r[u]=0;for(t in f)Object.prototype.hasOwnProperty.call(f,t)&&(e[t]=f[t]);k&&k(n);while(i.length)i.shift()();return a.push.apply(a,o||[]),c()}function c(){for(var e,n=0;n<a.length;n++){for(var c=a[n],t=!0,u=1;u<c.length;u++){var d=c[u];0!==r[d]&&(t=!1)}t&&(a.splice(n--,1),e=f(f.s=c[0]))}return e}var t={},u={runtime:0},r={runtime:0},a=[];function d(e){return f.p+"static/js/"+({}[e]||e)+"."+{"chunk-0a90d205":"ed4c9710","chunk-1a3cc1c2":"d67b9379","chunk-1d0944ea":"8d7ba6e6","chunk-2810acda":"28f07b4d","chunk-2ced5418":"5bd1d047","chunk-2d0c7ece":"45001674","chunk-2d0c84d3":"cdf8b2d0","chunk-0b4a9e9a":"d0af0990","chunk-2d0e28b6":"1306f738","chunk-54b56470":"f476669a","chunk-2d0d6345":"e4d18775","chunk-2d0e2366":"13651a23","chunk-2f70a18b":"80f591fc","chunk-b0d57d44":"7843fcc1","chunk-2d0d67a2":"2faff61e","chunk-779f4447":"39dd3e36","chunk-2d0f012d":"c5cdd7ec","chunk-2d22db58":"15b71c1c","chunk-40633fd4":"f100eefd","chunk-07e45201":"4a036617","chunk-5f18f729":"91b8ccb6","chunk-6a1a1b1e":"664131cb","chunk-6c237b40":"c1d15112","chunk-727a03af":"fe0f68ca","chunk-7c2f4fe6":"e2adf6aa","chunk-f18f73fa":"5d5c521b"}[e]+".js"}function f(n){if(t[n])return t[n].exports;var c=t[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,f),c.l=!0,c.exports}f.e=function(e){var n=[],c={"chunk-0a90d205":1,"chunk-1a3cc1c2":1,"chunk-1d0944ea":1,"chunk-2810acda":1,"chunk-2ced5418":1,"chunk-2f70a18b":1,"chunk-b0d57d44":1,"chunk-40633fd4":1,"chunk-07e45201":1,"chunk-5f18f729":1,"chunk-6a1a1b1e":1,"chunk-6c237b40":1,"chunk-727a03af":1,"chunk-f18f73fa":1};u[e]?n.push(u[e]):0!==u[e]&&c[e]&&n.push(u[e]=new Promise((function(n,c){for(var t="static/css/"+({}[e]||e)+"."+{"chunk-0a90d205":"9183fc08","chunk-1a3cc1c2":"436d1a21","chunk-1d0944ea":"66ed534a","chunk-2810acda":"6485bf58","chunk-2ced5418":"0e19c948","chunk-2d0c7ece":"31d6cfe0","chunk-2d0c84d3":"31d6cfe0","chunk-0b4a9e9a":"31d6cfe0","chunk-2d0e28b6":"31d6cfe0","chunk-54b56470":"31d6cfe0","chunk-2d0d6345":"31d6cfe0","chunk-2d0e2366":"31d6cfe0","chunk-2f70a18b":"313daa98","chunk-b0d57d44":"3c72d4e5","chunk-2d0d67a2":"31d6cfe0","chunk-779f4447":"31d6cfe0","chunk-2d0f012d":"31d6cfe0","chunk-2d22db58":"31d6cfe0","chunk-40633fd4":"754d6977","chunk-07e45201":"2123e5ba","chunk-5f18f729":"c9a455ad","chunk-6a1a1b1e":"5566931a","chunk-6c237b40":"fe6be668","chunk-727a03af":"06132cc6","chunk-7c2f4fe6":"31d6cfe0","chunk-f18f73fa":"0615606c"}[e]+".css",r=f.p+t,a=document.getElementsByTagName("link"),d=0;d<a.length;d++){var o=a[d],h=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(h===t||h===r))return n()}var i=document.getElementsByTagName("style");for(d=0;d<i.length;d++){o=i[d],h=o.getAttribute("data-href");if(h===t||h===r)return n()}var k=document.createElement("link");k.rel="stylesheet",k.type="text/css",k.onload=n,k.onerror=function(n){var t=n&&n.target&&n.target.src||r,a=new Error("Loading CSS chunk "+e+" failed.\n("+t+")");a.request=t,delete u[e],k.parentNode.removeChild(k),c(a)},k.href=r;var l=document.getElementsByTagName("head")[0];l.appendChild(k)})).then((function(){u[e]=0})));var t=r[e];if(0!==t)if(t)n.push(t[2]);else{var a=new Promise((function(n,c){t=r[e]=[n,c]}));n.push(t[2]=a);var o,h=document.createElement("script");h.charset="utf-8",h.timeout=120,f.nc&&h.setAttribute("nonce",f.nc),h.src=d(e),o=function(n){h.onerror=h.onload=null,clearTimeout(i);var c=r[e];if(0!==c){if(c){var t=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src,a=new Error("Loading chunk "+e+" failed.\n("+t+": "+u+")");a.type=t,a.request=u,c[1](a)}r[e]=void 0}};var i=setTimeout((function(){o({type:"timeout",target:h})}),12e4);h.onerror=h.onload=o,document.head.appendChild(h)}return Promise.all(n)},f.m=e,f.c=t,f.d=function(e,n,c){f.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:c})},f.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,n){if(1&n&&(e=f(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(f.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)f.d(c,t,function(n){return e[n]}.bind(null,t));return c},f.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return f.d(n,"a",n),n},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.p="/",f.oe=function(e){throw console.error(e),e};var o=window["webpackJsonp"]=window["webpackJsonp"]||[],h=o.push.bind(o);o.push=n,o=o.slice();for(var i=0;i<o.length;i++)n(o[i]);var k=h;c()})([]);</script><script src=/static/js/app.7f9e0b90.js></script></body><script>window.onload = function() { }</style><link href=/static/css/chunk-libs.144811ca.css rel=stylesheet><link href=/static/css/app.b87dbed6.css rel=stylesheet></head><body><div id=app><div id=loader-wrapper><div id=loader></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div><div class=load_title>正在加载系统资源，请耐心等待</div></div></div><script src=/static/js/chunk-elementUI.e19103bf.js></script><script src=/static/js/chunk-libs.afedb25b.js></script><script>(function(e){function n(n){for(var t,u,d=n[0],f=n[1],o=n[2],h=0,i=[];h<d.length;h++)u=d[h],r[u]&&i.push(r[u][0]),r[u]=0;for(t in f)Object.prototype.hasOwnProperty.call(f,t)&&(e[t]=f[t]);k&&k(n);while(i.length)i.shift()();return a.push.apply(a,o||[]),c()}function c(){for(var e,n=0;n<a.length;n++){for(var c=a[n],t=!0,u=1;u<c.length;u++){var d=c[u];0!==r[d]&&(t=!1)}t&&(a.splice(n--,1),e=f(f.s=c[0]))}return e}var t={},u={runtime:0},r={runtime:0},a=[];function d(e){return f.p+"static/js/"+({}[e]||e)+"."+{"chunk-0a90d205":"ed4c9710","chunk-1a3cc1c2":"d67b9379","chunk-1d0944ea":"8d7ba6e6","chunk-2810acda":"28f07b4d","chunk-2ced5418":"5bd1d047","chunk-2d0c7ece":"45001674","chunk-2d0c84d3":"cdf8b2d0","chunk-0b4a9e9a":"d0af0990","chunk-2d0e28b6":"1306f738","chunk-54b56470":"f476669a","chunk-2d0d6345":"e4d18775","chunk-2d0e2366":"13651a23","chunk-2f70a18b":"80f591fc","chunk-b0d57d44":"7843fcc1","chunk-2d0d67a2":"2faff61e","chunk-779f4447":"39dd3e36","chunk-2d0f012d":"c5cdd7ec","chunk-2d22db58":"15b71c1c","chunk-40633fd4":"f100eefd","chunk-07e45201":"4a036617","chunk-5f18f729":"91b8ccb6","chunk-6a1a1b1e":"664131cb","chunk-6c237b40":"c1d15112","chunk-727a03af":"fe0f68ca","chunk-7c2f4fe6":"e2adf6aa","chunk-f18f73fa":"5d5c521b"}[e]+".js"}function f(n){if(t[n])return t[n].exports;var c=t[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,f),c.l=!0,c.exports}f.e=function(e){var n=[],c={"chunk-0a90d205":1,"chunk-1a3cc1c2":1,"chunk-1d0944ea":1,"chunk-2810acda":1,"chunk-2ced5418":1,"chunk-2f70a18b":1,"chunk-b0d57d44":1,"chunk-40633fd4":1,"chunk-07e45201":1,"chunk-5f18f729":1,"chunk-6a1a1b1e":1,"chunk-6c237b40":1,"chunk-727a03af":1,"chunk-f18f73fa":1};u[e]?n.push(u[e]):0!==u[e]&&c[e]&&n.push(u[e]=new Promise((function(n,c){for(var t="static/css/"+({}[e]||e)+"."+{"chunk-0a90d205":"9183fc08","chunk-1a3cc1c2":"436d1a21","chunk-1d0944ea":"66ed534a","chunk-2810acda":"6485bf58","chunk-2ced5418":"0e19c948","chunk-2d0c7ece":"31d6cfe0","chunk-2d0c84d3":"31d6cfe0","chunk-0b4a9e9a":"31d6cfe0","chunk-2d0e28b6":"31d6cfe0","chunk-54b56470":"31d6cfe0","chunk-2d0d6345":"31d6cfe0","chunk-2d0e2366":"31d6cfe0","chunk-2f70a18b":"313daa98","chunk-b0d57d44":"3c72d4e5","chunk-2d0d67a2":"31d6cfe0","chunk-779f4447":"31d6cfe0","chunk-2d0f012d":"31d6cfe0","chunk-2d22db58":"31d6cfe0","chunk-40633fd4":"754d6977","chunk-07e45201":"2123e5ba","chunk-5f18f729":"c9a455ad","chunk-6a1a1b1e":"5566931a","chunk-6c237b40":"fe6be668","chunk-727a03af":"06132cc6","chunk-7c2f4fe6":"31d6cfe0","chunk-f18f73fa":"0615606c"}[e]+".css",r=f.p+t,a=document.getElementsByTagName("link"),d=0;d<a.length;d++){var o=a[d],h=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(h===t||h===r))return n()}var i=document.getElementsByTagName("style");for(d=0;d<i.length;d++){o=i[d],h=o.getAttribute("data-href");if(h===t||h===r)return n()}var k=document.createElement("link");k.rel="stylesheet",k.type="text/css",k.onload=n,k.onerror=function(n){var t=n&&n.target&&n.target.src||r,a=new Error("Loading CSS chunk "+e+" failed.\n("+t+")");a.request=t,delete u[e],k.parentNode.removeChild(k),c(a)},k.href=r;var l=document.getElementsByTagName("head")[0];l.appendChild(k)})).then((function(){u[e]=0})));var t=r[e];if(0!==t)if(t)n.push(t[2]);else{var a=new Promise((function(n,c){t=r[e]=[n,c]}));n.push(t[2]=a);var o,h=document.createElement("script");h.charset="utf-8",h.timeout=120,f.nc&&h.setAttribute("nonce",f.nc),h.src=d(e),o=function(n){h.onerror=h.onload=null,clearTimeout(i);var c=r[e];if(0!==c){if(c){var t=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src,a=new Error("Loading chunk "+e+" failed.\n("+t+": "+u+")");a.type=t,a.request=u,c[1](a)}r[e]=void 0}};var i=setTimeout((function(){o({type:"timeout",target:h})}),12e4);h.onerror=h.onload=o,document.head.appendChild(h)}return Promise.all(n)},f.m=e,f.c=t,f.d=function(e,n,c){f.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:c})},f.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,n){if(1&n&&(e=f(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(f.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)f.d(c,t,function(n){return e[n]}.bind(null,t));return c},f.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return f.d(n,"a",n),n},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.p="/",f.oe=function(e){throw console.error(e),e};var o=window["webpackJsonp"]=window["webpackJsonp"]||[],h=o.push.bind(o);o.push=n,o=o.slice();for(var i=0;i<o.length;i++)n(o[i]);var k=h;c()})([]);</script><script src=/static/js/app.7f9e0b90.js></script></body><script>window.onload = function() {
=======
}</style><link href=/static/css/chunk-libs.144811ca.css rel=stylesheet><link href=/static/css/app.1b1ce3f2.css rel=stylesheet></head><body><div id=app><div id=loader-wrapper><div id=loader></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div><div class=load_title>正在加载系统资源，请耐心等待</div></div></div><script src=/static/js/chunk-elementUI.e19103bf.js></script><script src=/static/js/chunk-libs.afedb25b.js></script><script>(function(e){function n(n){for(var t,u,a=n[0],d=n[1],o=n[2],h=0,i=[];h<a.length;h++)u=a[h],r[u]&&i.push(r[u][0]),r[u]=0;for(t in d)Object.prototype.hasOwnProperty.call(d,t)&&(e[t]=d[t]);k&&k(n);while(i.length)i.shift()();return f.push.apply(f,o||[]),c()}function c(){for(var e,n=0;n<f.length;n++){for(var c=f[n],t=!0,u=1;u<c.length;u++){var a=c[u];0!==r[a]&&(t=!1)}t&&(f.splice(n--,1),e=d(d.s=c[0]))}return e}var t={},u={runtime:0},r={runtime:0},f=[];function a(e){return d.p+"static/js/"+({}[e]||e)+"."+{"chunk-0a90d205":"ed4c9710","chunk-2d0c7ece":"45001674","chunk-2d0c84d3":"cdf8b2d0","chunk-0b4a9e9a":"d0af0990","chunk-2d0e28b6":"1306f738","chunk-47c51416":"42d1d71b","chunk-2d0d6345":"e4d18775","chunk-2d0e2366":"13651a23","chunk-00cef04e":"9fee9b13","chunk-b0d57d44":"7843fcc1","chunk-2d0d67a2":"2faff61e","chunk-779f4447":"d66be21c","chunk-2d0f012d":"c5cdd7ec","chunk-2d22db58":"15b71c1c","chunk-2f2393fa":"52eaad38","chunk-40633fd4":"f100eefd","chunk-07e45201":"4a036617","chunk-5f18f729":"91b8ccb6","chunk-6b92f9cd":"397ad919","chunk-6c237b40":"c1d15112","chunk-727a03af":"fe0f68ca","chunk-78e7b944":"02864e6a","chunk-792fc926":"c82f674a","chunk-7c2f4fe6":"e2adf6aa","chunk-d563c6a8":"39423d6d","chunk-f18f73fa":"5d5c521b"}[e]+".js"}function d(n){if(t[n])return t[n].exports;var c=t[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,d),c.l=!0,c.exports}d.e=function(e){var n=[],c={"chunk-0a90d205":1,"chunk-00cef04e":1,"chunk-b0d57d44":1,"chunk-2f2393fa":1,"chunk-40633fd4":1,"chunk-07e45201":1,"chunk-5f18f729":1,"chunk-6b92f9cd":1,"chunk-6c237b40":1,"chunk-727a03af":1,"chunk-78e7b944":1,"chunk-792fc926":1,"chunk-d563c6a8":1,"chunk-f18f73fa":1};u[e]?n.push(u[e]):0!==u[e]&&c[e]&&n.push(u[e]=new Promise((function(n,c){for(var t="static/css/"+({}[e]||e)+"."+{"chunk-0a90d205":"9183fc08","chunk-2d0c7ece":"31d6cfe0","chunk-2d0c84d3":"31d6cfe0","chunk-0b4a9e9a":"31d6cfe0","chunk-2d0e28b6":"31d6cfe0","chunk-47c51416":"31d6cfe0","chunk-2d0d6345":"31d6cfe0","chunk-2d0e2366":"31d6cfe0","chunk-00cef04e":"eb4c463a","chunk-b0d57d44":"3c72d4e5","chunk-2d0d67a2":"31d6cfe0","chunk-779f4447":"31d6cfe0","chunk-2d0f012d":"31d6cfe0","chunk-2d22db58":"31d6cfe0","chunk-2f2393fa":"ca8aeaeb","chunk-40633fd4":"754d6977","chunk-07e45201":"2123e5ba","chunk-5f18f729":"c9a455ad","chunk-6b92f9cd":"35744973","chunk-6c237b40":"fe6be668","chunk-727a03af":"06132cc6","chunk-78e7b944":"ef8037a3","chunk-792fc926":"5818f70b","chunk-7c2f4fe6":"31d6cfe0","chunk-d563c6a8":"77012854","chunk-f18f73fa":"0615606c"}[e]+".css",r=d.p+t,f=document.getElementsByTagName("link"),a=0;a<f.length;a++){var o=f[a],h=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(h===t||h===r))return n()}var i=document.getElementsByTagName("style");for(a=0;a<i.length;a++){o=i[a],h=o.getAttribute("data-href");if(h===t||h===r)return n()}var k=document.createElement("link");k.rel="stylesheet",k.type="text/css",k.onload=n,k.onerror=function(n){var t=n&&n.target&&n.target.src||r,f=new Error("Loading CSS chunk "+e+" failed.\n("+t+")");f.request=t,delete u[e],k.parentNode.removeChild(k),c(f)},k.href=r;var l=document.getElementsByTagName("head")[0];l.appendChild(k)})).then((function(){u[e]=0})));var t=r[e];if(0!==t)if(t)n.push(t[2]);else{var f=new Promise((function(n,c){t=r[e]=[n,c]}));n.push(t[2]=f);var o,h=document.createElement("script");h.charset="utf-8",h.timeout=120,d.nc&&h.setAttribute("nonce",d.nc),h.src=a(e),o=function(n){h.onerror=h.onload=null,clearTimeout(i);var c=r[e];if(0!==c){if(c){var t=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src,f=new Error("Loading chunk "+e+" failed.\n("+t+": "+u+")");f.type=t,f.request=u,c[1](f)}r[e]=void 0}};var i=setTimeout((function(){o({type:"timeout",target:h})}),12e4);h.onerror=h.onload=o,document.head.appendChild(h)}return Promise.all(n)},d.m=e,d.c=t,d.d=function(e,n,c){d.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:c})},d.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(e,n){if(1&n&&(e=d(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(d.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)d.d(c,t,function(n){return e[n]}.bind(null,t));return c},d.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return d.d(n,"a",n),n},d.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},d.p="/",d.oe=function(e){throw console.error(e),e};var o=window["webpackJsonp"]=window["webpackJsonp"]||[],h=o.push.bind(o);o.push=n,o=o.slice();for(var i=0;i<o.length;i++)n(o[i]);var k=h;c()})([]);</script><script src=/static/js/app.e495b3c7.js></script></body><script>window.onload = function() {
>>>>>>> M_2.5_1122
var op = 'open' var op = 'open'
var ssa = window.location.host var ssa = window.location.host
var xhttp = new XMLHttpRequest(); var xhttp = new XMLHttpRequest();
......
dist/static/css/app.1b1ce3f2.css 0 → 100644
浏览文件 @ 6f8ab46b
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/chunk-00cef04e.eb4c463a.css 0 → 100644
浏览文件 @ 6f8ab46b
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/chunk-2f70a18b.313daa98.css
浏览文件 @ 6f8ab46b
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.e495b3c7.js 0 → 100644
浏览文件 @ 6f8ab46b
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/chunk-00cef04e.9fee9b13.js 0 → 100644
浏览文件 @ 6f8ab46b
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/chunk-2f2393fa.52eaad38.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2f2393fa"],{"47af":function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4MTU5MkY0OTFFQjExRUJBQkE3REQ0N0VCRUQzQzM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4MTU5MkY1OTFFQjExRUJBQkE3REQ0N0VCRUQzQzM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzgxNTkyRjI5MUVCMTFFQkFCQTdERDQ3RUJFRDNDMzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzgxNTkyRjM5MUVCMTFFQkFCQTdERDQ3RUJFRDNDMzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7L2yVbAAAGLklEQVR42tRba2wUVRS+XXaBCiIo9dEYYjDGgA8UbKqiGB9BjSCixvhuMFarxWcTK9X6tiIVAQUREeUpaqwJqBH9oQaFEBFNFH80CBqjWKEoFKEtpa3fYb8hk8nOzt07d9qdk3zZdnf27vnm3Hte905B98RJKgLpDxQCZwOlQBEwBDgeKAaOAxLADuAPYCfwD1+/AzYC+4FW24olLY41EDgBOB84F7gAGElifiI34rQM7/8CrAW+5et2YI8NJQssWLiQSt8PTKAlbYpYeg0wB/gB2NtbFhbLnQncC0wGhqpo5AjgWuAy4CNgAbAB6OhJwsNJ9BrgZNUzMgi4BbgIWA3MBzabWClXkbX5IVDVg2TdciJv9ifAVbIsoyIsA08F3gdGqd6XYcA7wONAyjZhCTP1wAx64nwRmebPAK/rOksdwhI73+UULlT5KXcAq4BTwxIWy84FJqn8lwvpyAabEu4DPAtcp+IjFzNe9zMhXAk8pOInt9ORJXMhfD1QQyvHUcTf3JmJXybCsvCnM8GPq4hzfREYE0RYpkFFLyUUUYQsyRsGZCN8OlAW4kekqtkCtFtQ+ACwFWgKMcatQIkf4SQXvGm1I3XsJVwS04B9IRRtpeM5BRjH+ti0wJEZe1QmwlLH3mg48FccuBHoZmiQcnG3wVh76XRmcawtdEBrDHW7EhjvJdwXuNkgbexmkS6ZzibX+13AW/T0uUxvubaaCcRB1/s/smDYYLiWy9igOEx4qGE2tYvL4Fefz0Xx+zRr1w5eO9/nc/mNm4C/DPQc7xjTIXwGc2aTbkRjwDULmcS0B1i2ktdmk98MOx4plrUFCZK+wnB9SKx+IFsq5yL9GGeEV6R5V6tBVpS+CzjJUNfLhauQPYaJt4kI0To6maDuyUx6bzfpf+mN6zV+q5LX9TXUdazcLFFyNHtTYXpONfy7LuDaRQxXK/i/ePKVGr9RzZs1KGSnZFyS/amUCicDOC13BkzNLnYpnLi4XGPscuBpjWWjI8OF8LGWUjmpnefRJyzyhJVM3lunpSQR4FVLZEWKRLkii/lriklHVchZ04dr1ibZQ4STlgk7jqyWlpZsqc3gpkmS8SRwpGXdIiHsrOkakp6dQ15dyBS1VtnfwTiUYCUMEw4dkVTuKWBKDt+Zwjp2SEQ6FScCnEtYkeKhU+ntcCSYue2KUJ+OBENJFCLjPqHhsd0haznj7Z9R6SR3vjmCgZvpdN6ghXVFbsxikp+u7Df9m5MRWHg38+aFLB9NZCm/+5LFPOGwhW0SbmMfaYWFsZZxTcssOdom4R2WBmtnbqxD9h7NjKuBr2+qgB2FXAhvY/GdCjmNX9Ao8aTSuQ14zVX0LwuolRto4ToVftN9m3jp79lCMZU9dFAzNNLFB1V6r8qRuZqlpdzIR0OGLDk8szbBQb4OMY2rXRbLJo8wg+rvSUNr+FmQvM0WUJuhruukY5JgCDDtCEofeoFGnC1nTB6YpbQs14jTK9nmMZHPZAynp/WTMmt4S0FeokF2nseyfqVlEOnRhh5bfMU3EuoSrkRhlcFA0h5aojLs4VAqWOLpOMQUr63w+XwMHZxJXP5csdvpED7ATsR2g8FGMH08z6P8VDqyXOrZfux9VXlmxDmcASMN9GuhUf5zExZZD7xnuD5GkXQpOxWyr1xvWM9Kj+x54GGOVUKFSw11+5QWTrdRPCfxzgK+CFGeNfNOFivz7qJyzbomOjrTTEsc3aUqvRWkvBYW2cy7aVxgq3TfOCxZJ0kZFjKtlOpro7cG9VYrcgRoq4q/tDCx2ZeNsEgjs5q/Y0x2PxOiTZm6DJnkAzqOzpgSnsmCo0uXsGK6OCuGZJfSWAf9+kh+0smUryFGZL9U6c093+or6CSeU9CvjgHZdayzs5460DlrKbFQjkLMYWzMR1ms0hv6QXvV2qdpW5nuTVPRtlFNvPFzwN26euVyXlrW9MvADcr/iENPirSmyth80J55JifiJfWcwMrm914g2sS8/WqGz65cvhzmqRZnM13KuYkquoc8HJEc/WO2e9abdj7CPNUicU6OLP3MmB31YzyvqPRjPC1hBiuw+GSa+0EtqY3HquAHtfwkrx/U8mvZ5OWjeP8LMAADdln6uCsMhAAAAABJRU5ErkJggg=="},"83f1":function(t,s,i){"use strict";i.r(s);var c=function(){var t=this,s=t.$createElement,c=t._self._c||s;return c("div",{staticClass:"to-review"},[c("div",{staticClass:"logo-bg"},[t._e()]),t._v(" "),c("el-card",{staticClass:"box-card"},[c("div",{staticClass:"clearfix steps",attrs:{slot:"header"},slot:"header"},[c("el-steps",{attrs:{active:3,"align-center":"","finish-status":"success","process-status":"error"}},[c("el-step",{attrs:{title:"填写主体信息"}}),t._v(" "),c("el-step",{attrs:{title:"填写品牌信息"}}),t._v(" "),c("el-step",{attrs:{title:"填写店铺信息"}}),t._v(" "),c("el-step",{attrs:{title:"提交入驻审核"}})],1)],1),t._v(" "),c("div",{staticClass:"main"},[c("div",{staticClass:"main-con"},[c("p",[c("img",{attrs:{src:i("47af"),alt:""}})]),t._v(" "),c("p",[t._v("非常抱歉，您的资料审核不通过！")]),t._v(" "),c("p",[t._v("不通过原因："+t._s(t.msg)+"！请您重新提交认证资料！")]),t._v(" "),c("p",[t._v("如果您有其它的问题，可以拔打我们的服务电话与我们联系")]),t._v(" "),c("p",{staticStyle:{"padding-top":"40px"}},[c("el-button",{attrs:{type:"primary"},on:{click:t.reSubmit}},[t._v("重新提交")])],1)])])])],1)},e=[],a={name:"ReviewFail",data:function(){return{msg:"具体原因，请联系售后"}},mounted:function(){this.$route.params.msg&&(this.msg=this.$route.params.msg)},methods:{reSubmit:function(){this.$router.push({path:"/process"})}}},A=a,n=(i("f037"),i("2877")),l=Object(n["a"])(A,c,e,!1,null,"038cd2fa",null);s["default"]=l.exports},b423:function(t,s,i){},f037:function(t,s,i){"use strict";i("b423")}}]);
\ No newline at end of file
dist/static/js/chunk-6b92f9cd.397ad919.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6b92f9cd"],{"6b1f":function(e,t,s){"use strict";s.d(t,"f",(function(){return o})),s.d(t,"b",(function(){return r})),s.d(t,"d",(function(){return a})),s.d(t,"a",(function(){return l})),s.d(t,"h",(function(){return n})),s.d(t,"g",(function(){return g})),s.d(t,"c",(function(){return u})),s.d(t,"i",(function(){return m})),s.d(t,"e",(function(){return c}));var i=s("b775");function o(e){return Object(i["a"])({url:"/local/getOrganization",method:"get",params:e})}function r(e){return Object(i["a"])({url:"/local/organization",method:"post",data:e})}function a(e){return Object(i["a"])({url:"/local/shopbrand",method:"get",params:e})}function l(e){return Object(i["a"])({url:"/local/brands",method:"post",data:e})}function n(e){return Object(i["a"])({url:"/local/upbrands",method:"post",data:e})}function g(e){return Object(i["a"])({url:"/local/getShopInfo",method:"get",params:e})}function u(e){return Object(i["a"])({url:"/local/addShopInfo",method:"post",data:e})}function m(e){return Object(i["a"])({url:"/system/goodsNew/uploadImage",method:"post",data:e})}function c(e){return Object(i["a"])({url:"/local/cate",method:"get",params:e})}},a048:function(e,t,s){"use strict";s("b0aa")},b0aa:function(e,t,s){},ba53:function(e,t,s){"use strict";s.r(t);var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"fill-store-inf"},[s("div",{staticClass:"logo-bg"},[e._e()]),e._v(" "),s("el-card",{staticClass:"box-card"},[s("div",{staticClass:"clearfix steps",attrs:{slot:"header"},slot:"header"},[s("el-steps",{attrs:{active:2,"align-center":"","finish-status":"success"}},[s("el-step",{attrs:{title:"填写主体信息"}}),e._v(" "),s("el-step",{attrs:{title:"填写品牌信息"}}),e._v(" "),s("el-step",{attrs:{title:"填写店铺信息"}}),e._v(" "),s("el-step",{attrs:{title:"提交入驻审核"}})],1)],1),e._v(" "),s("div",{staticClass:"main-con"},[s("el-form",{ref:"storeForm",attrs:{model:e.storeForm,rules:e.shopRules,"label-width":"180px"}},[s("el-form-item",{attrs:{label:"电商平台经验：",prop:"is_business_experience"}},[s("el-radio-group",{model:{value:e.storeForm.is_business_experience,callback:function(t){e.$set(e.storeForm,"is_business_experience",t)},expression:"storeForm.is_business_experience"}},[s("el-radio",{attrs:{label:1}},[e._v("有")]),e._v(" "),s("el-radio",{attrs:{label:0}},[e._v("无")])],1)],1),e._v(" "),s("el-form-item",{attrs:{label:"店铺名称：",prop:"store_name","inline-message":"true"}},[s("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:"请输入店铺名称"},model:{value:e.storeForm.store_name,callback:function(t){e.$set(e.storeForm,"store_name",t)},expression:"storeForm.store_name"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"经营类目：",prop:"scope"}},[s("el-select",{staticStyle:{width:"400px"},attrs:{multiple:"",placeholder:"请选择..."},model:{value:e.storeForm.scope,callback:function(t){e.$set(e.storeForm,"scope",t)},expression:"storeForm.scope"}},e._l(e.scopeOptions,(function(e){return s("el-option",{key:e.id,attrs:{label:e.title,value:e.id}})})),1)],1),e._v(" "),s("el-form-item",{attrs:{label:"店铺LOGO：",prop:"shop_logo"}},[s("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[s("div",{staticStyle:{"padding-right":"6px"}},[s("el-upload",{staticClass:"uploadData",attrs:{action:"#","list-type":"picture-card",limit:1,"on-exceed":e.showTip1,"before-upload":e.beforeUpLogoImg,"http-request":e.uploadLogoImgs,"on-preview":e.handlePictureCardPreview,"on-remove":e.handleRemove,"file-list":e.logoImgFileList}},[s("i",{staticClass:"el-icon-plus"})]),e._v(" "),s("el-dialog",{attrs:{visible:e.dialogVisible},on:{"update:visible":function(t){e.dialogVisible=t}}},[s("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1),e._v(" "),s("div",[s("span",{staticClass:"tips-text"},[s("i",{staticClass:"el-icon-warning h-warning"})])]),e._v(" "),s("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[s("span",{staticClass:"tips-text"},[e._v("请上传店铺LOGO，文件大小在500KB以内，支持png,jpg格式，最多可上传1张")])])])]),e._v(" "),s("el-form-item",{attrs:{label:"运营负责人：",prop:"emergency_name","inline-message":"true"}},[s("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:"请输入运营负责人姓名"},model:{value:e.storeForm.emergency_name,callback:function(t){e.$set(e.storeForm,"emergency_name",t)},expression:"storeForm.emergency_name"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"联系电话：",prop:"emergency_tel"}},[s("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:"请输入联系电话"},model:{value:e.storeForm.emergency_tel,callback:function(t){e.$set(e.storeForm,"emergency_tel",t)},expression:"storeForm.emergency_tel"}})],1),e._v(" "),s("el-form-item",[s("p",{staticStyle:{width:"580px","line-height":"24px","font-size":"14px",margin:"0"}},[e._v("需要提交特殊产品资质的类目请将资质上传在此处，包括全国工业生产许可证、3C、医疗品械\n 生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交")])]),e._v(" "),s("el-form-item",{attrs:{label:"其他资质：",prop:"business_auth"}},[s("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[s("div",{staticStyle:{"padding-right":"6px"}},[s("el-upload",{staticClass:"uploadData",attrs:{action:"#","list-type":"picture-card",limit:20,"on-exceed":e.showTip20,"before-upload":e.beforeUpBusImg,"http-request":e.uploadBusinessImgs,"on-preview":e.handlePictureCardPreview2,"on-remove":e.handleRemove2,"file-list":e.businessImgFileList}},[s("i",{staticClass:"el-icon-plus"})]),e._v(" "),s("el-dialog",{attrs:{visible:e.dialogVisible2},on:{"update:visible":function(t){e.dialogVisible2=t}}},[s("img",{attrs:{width:"100%",src:e.dialogImageUrl2,alt:""}})])],1),e._v(" "),s("div",[s("span",{staticClass:"tips-text"},[s("i",{staticClass:"el-icon-warning h-warning"})])]),e._v(" "),s("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px",color:"#333"}},[s("span",{staticClass:"tips-text"},[e._v("请上其他资质，单个文件大小在2MB以内，支持jpg,png格式，最多可上传20张")])])])]),e._v(" "),s("el-form-item",{staticStyle:{margin:"40px 0 0"}},[s("el-button",{staticStyle:{"margin-right":"40px"},attrs:{type:"primary"},on:{click:e.back}},[e._v("上一步")]),e._v(" "),s("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.next("storeForm")}}},[e._v("提交审核")])],1)],1)],1)])],1)},o=[],r=(s("28a5"),s("6b1f")),a={name:"FillShopInf",data:function(){var e=this,t=function(t,s,i){e.logoImgFileList.length>0?i():0===e.logoImgFileList.length&&i(new Error("店铺logo图片至少上传一张"))},s=function(t,s,i){e.businessImgFileList.length>0?i():0===e.businessImgFileList.length&&i(new Error("其他资质图片至少上传一张"))},i=function(e,t,s){var i=/^1[3456789]\d{9}$/;i.test(t)?s():s(new Error("手机号码格式有误"))};return{dialogImageUrl:"",dialogVisible:!1,dialogImageUrl2:"",dialogVisible2:!1,logoImgFileList:[],businessImgFileList:[],scopeOptions:[],storeForm:{is_business_experience:0,store_name:"",scope:[],shop_logo:"",business_auth:"",emergency_name:""},shopRules:{store_name:[{required:!0,message:"店铺名称不能为空",trigger:"blur"}],scope:[{required:!0,message:"经营类目至少选择一种",trigger:"change"}],shop_logo:[{required:!0,message:"店铺Logo至少上传一张图片",validator:t}],emergency_name:[{required:!0,message:"运营负责人不能为空",trigger:"blur"}],emergency_tel:[{required:!0,message:"联系人手机号码不能为空",trigger:"blur"},{required:!0,validator:i,trigger:"blur"}],business_auth:[{required:!0,message:"其他资质至少上传一张图片",validator:s}]}}},created:function(){var e=this;Object(r["e"])().then((function(t){1==t.code?e.scopeOptions=t.data:e.$message({type:"error",message:t.message?t.message:""})})),this.getShop()},mounted:function(){},methods:{showTip1:function(e,t){this.$message({message:"最多上传1张图片",type:"warning"})},showTip20:function(e,t){this.$message({message:"最多上传20张图片",type:"warning"})},beforeUpLogoImg:function(e){var t=e.size/1024>500;return"image/png"!==e.type&&"image/jpg"!==e.type&&"image/jpeg"!=e.type?(this.$message({message:"上传图片格式只支持png/png格式",type:"warning"}),!1):t?(this.$message({message:"上传图片大小不能超过500kb",type:"warning"}),!1):void 0},beforeUpBusImg:function(e){var t=e.size/1024/1024>2;return"image/png"!==e.type&&"image/jpg"!==e.type&&"image/jpeg"!=e.type?(this.$message({message:"上传图片格式只支持png/png格式",type:"warning"}),!1):t?(this.$message({message:"上传图片大小不能超过2M",type:"warning"}),!1):void 0},getShop:function(){var e=this;Object(r["g"])().then((function(t){if(1==t.code&&t.data){if(e.storeForm.scope=[],""===t.data.scope)e.storeForm.scope=[];else{for(var s=t.data.scope.split(","),i=[],o=0;o<s.length;o++)i.push(parseInt(s[o]));e.storeForm=t.data,e.storeForm.scope=i}var r={},a=[];if(e.storeForm.shop_logo.indexOf(",")>0){a=e.storeForm.shop_logo.split(",");for(var l=0;l<a.length;l++)r={},r.url=a[l],e.logoImgFileList.push(r)}else e.storeForm.shop_logo?(r.url=e.storeForm.shop_logo,e.logoImgFileList=[],e.logoImgFileList.push(r)):e.logoImgFileList=[];var n={},g=[];if(e.storeForm.business_auth.indexOf(",")>0){g=e.storeForm.business_auth.split(",");for(var u=0;u<g.length;u++)n={},n.url=g[u],e.businessImgFileList.push(n)}else e.storeForm.business_auth?(n.url=e.storeForm.business_auth,e.businessImgFileList=[],e.businessImgFileList.push(n)):e.businessImgFileList=[]}else e.$message({message:t.message?t.message:"操作失败",type:"error"})}))},uploadLogoImgs:function(e){var t=this;this.getBase64(e.file).then((function(e){var s=e.split(",");t.Base64img=s[1];var i={img_data:t.Base64img};Object(r["i"])(i).then((function(e){1==e.code?(t.logoImgFileList.push({url:e.data.image_url}),t.$message({type:"success",message:"上传成功"}),t.$refs.storeForm.clearValidate("shop_logo")):t.$message({type:"error",message:e.message?e.message:"上传失败"})}))}))},uploadBusinessImgs:function(e){var t=this;this.getBase64(e.file).then((function(e){var s=e.split(",");t.Base64img=s[1];var i={img_data:t.Base64img};Object(r["i"])(i).then((function(e){1==e.code?(t.businessImgFileList.push({url:e.data.image_url}),t.$message({type:"success",message:"上传成功"}),t.$refs.storeForm.clearValidate("business_auth")):t.$message({type:"error",message:e.message?e.message:"上传失败"})}))}))},handlePictureCardPreview:function(e){this.dialogImageUrl=e.url,this.dialogVisible=!0},handleRemove:function(e,t){for(var s=0;s<this.logoImgFileList.length;s++)e.uid===this.logoImgFileList[s].uid&&this.logoImgFileList.splice(s,1)},handlePictureCardPreview2:function(e){this.dialogImageUrl2=e.url,this.dialogVisible2=!0},handleRemove2:function(e,t){for(var s=0;s<this.businessImgFileList.length;s++)e.uid===this.businessImgFileList[s].uid&&this.businessImgFileList.splice(s,1)},getBase64:function(e){return new Promise((function(t,s){var i=new FileReader,o="";i.readAsDataURL(e),i.onload=function(){o=i.result},i.onerror=function(e){s(e)},i.onloadend=function(){t(o)}}))},back:function(){this.$router.push("/fillBrandInf")},next:function(e){for(var t=this,s="",i=0;i<this.storeForm.scope.length;i++)s+=this.storeForm.scope[i]+",";if(this.storeForm.scope=s.substring(0,s.length-1),this.logoImgFileList.length>0)for(var o=0;o<this.logoImgFileList.length;o++)0===o?this.storeForm.shop_logo=this.logoImgFileList[o].url:this.storeForm.shop_logo+=","+this.logoImgFileList[o].url;if(this.businessImgFileList.length>0)for(var a=0;a<this.businessImgFileList.length;a++)0===a?this.storeForm.business_auth=this.businessImgFileList[a].url:this.storeForm.business_auth+=","+this.businessImgFileList[a].url;this.$refs[e].validate((function(e){if(e)Object(r["c"])(t.storeForm).then((function(e){if(1==e.code)t.$router.push("/reviewing");else if(t.$message({type:"error",message:e.message?e.message:"操作失败"}),""===t.storeForm.scope)t.storeForm.scope=[];else{for(var s=t.storeForm.scope.split(","),i=[],o=0;o<s.length;o++)i.push(parseInt(s[o]));t.storeForm.scope=i}}));else if(""===t.storeForm.scope)t.storeForm.scope=[];else{for(var s=t.storeForm.scope.split(","),i=[],o=0;o<s.length;o++)i.push(parseInt(s[o]));t.storeForm.scope=i}}))}}},l=a,n=(s("a048"),s("2877")),g=Object(n["a"])(l,i,o,!1,null,"ea67f3ee",null);t["default"]=g.exports}}]);
\ No newline at end of file
dist/static/js/chunk-779f4447.d66be21c.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-779f4447"],{"1e8b":function(e,t,s){"use strict";s.r(t);var r=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("el-form",{ref:"form",attrs:{model:e.user,rules:e.rules,"label-width":"80px"}},[s("el-form-item",{attrs:{label:"用户昵称",prop:"user_nickname"}},[s("el-input",{model:{value:e.user.user_nickname,callback:function(t){e.$set(e.user,"user_nickname",t)},expression:"user.user_nickname"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"手机号码",prop:"mobile"}},[s("el-input",{attrs:{maxlength:"11"},model:{value:e.user.mobile,callback:function(t){e.$set(e.user,"mobile",t)},expression:"user.mobile"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"邮箱",prop:"user_email"}},[s("el-input",{attrs:{maxlength:"50"},model:{value:e.user.user_email,callback:function(t){e.$set(e.user,"user_email",t)},expression:"user.user_email"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"性别"}},[s("el-radio-group",{model:{value:e.user.sex,callback:function(t){e.$set(e.user,"sex",t)},expression:"user.sex"}},[s("el-radio",{attrs:{label:0}},[e._v("保密")]),e._v(" "),s("el-radio",{attrs:{label:1}},[e._v("男")]),e._v(" "),s("el-radio",{attrs:{label:2}},[e._v("女")])],1)],1),e._v(" "),s("el-form-item",[s("el-button",{attrs:{type:"primary",size:"mini"},on:{click:e.submit}},[e._v("保存")]),e._v(" "),s("el-button",{attrs:{type:"danger",size:"mini"},on:{click:e.close}},[e._v("关闭")])],1)],1)},a=[],i=s("c0c7"),o={props:{user:{type:Object}},data:function(){return{rules:{user_nickname:[{required:!0,message:"用户昵称不能为空",trigger:"blur"}],user_email:[{required:!0,message:"邮箱地址不能为空",trigger:"blur"},{type:"email",message:"'请输入正确的邮箱地址",trigger:["blur","change"]}],mobile:[{required:!0,message:"手机号码不能为空",trigger:"blur"},{pattern:/^1[3|4|5|6|7|8|9][0-9]\d{8}$/,message:"请输入正确的手机号码",trigger:"blur"}]}}},methods:{submit:function(){var e=this;this.$refs["form"].validate((function(t){t&&Object(i["m"])(e.user).then((function(t){0===t.code?e.msgSuccess("修改成功"):e.msgError(t.msg)}))}))},close:function(){this.$store.dispatch("tagsView/delView",this.$route),this.$router.push({path:"/index"})}}},l=o,n=s("2877"),u=Object(n["a"])(l,r,a,!1,null,null,null);t["default"]=u.exports},"4c1b":function(e,t,s){"use strict";s.r(t);var r=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"app-container"},[s("el-row",{attrs:{gutter:20}},[s("el-col",{attrs:{span:6,xs:24}},[s("el-card",{staticClass:"box-card"},[s("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[s("span",[e._v("个人信息")])]),e._v(" "),s("div",[s("div",{staticClass:"text-center"},[s("userAvatar",{attrs:{user:e.user}})],1),e._v(" "),s("ul",{staticClass:"list-group list-group-striped"},[s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"user"}}),e._v("用户名称\n "),s("div",{staticClass:"pull-right"},[e._v(e._s(e.user.user_name))])],1),e._v(" "),s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"phone"}}),e._v("手机号码\n "),s("div",{staticClass:"pull-right"},[e._v(e._s(e.user.mobile))])],1),e._v(" "),s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"email"}}),e._v("用户邮箱\n "),s("div",{staticClass:"pull-right"},[e._v(e._s(e.user.user_email))])],1),e._v(" "),s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"tree"}}),e._v("所属部门\n "),e.user.dept_info?s("div",{staticClass:"pull-right"},[e._v(e._s(e.user.dept_info.deptName)+" / "+e._s(e.postGroup))]):e._e()],1),e._v(" "),s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"peoples"}}),e._v("所属角色\n "),s("div",{staticClass:"pull-right"},[e._v(e._s(e.roleGroup))])],1),e._v(" "),s("li",{staticClass:"list-group-item"},[s("svg-icon",{attrs:{"icon-class":"date"}}),e._v("创建日期\n "),s("div",{staticClass:"pull-right"},[e._v(e._s(e.parseTime(e.user.create_time)))])],1)])])])],1),e._v(" "),s("el-col",{attrs:{span:18,xs:24}},[s("el-card",[s("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[s("span",[e._v("基本资料")])]),e._v(" "),s("el-tabs",{model:{value:e.activeTab,callback:function(t){e.activeTab=t},expression:"activeTab"}},[s("el-tab-pane",{attrs:{label:"基本资料",name:"userinfo"}},[s("userInfo",{attrs:{user:e.user}})],1),e._v(" "),s("el-tab-pane",{attrs:{label:"修改密码",name:"resetPwd"}},[s("resetPwd",{attrs:{user:e.user}})],1)],1)],1)],1)],1)],1)},a=[],i=(s("7f7f"),s("9429")),o=s("1e8b"),l=s("ee46"),n=s("c0c7"),u={name:"Profile",components:{userAvatar:i["default"],userInfo:o["default"],resetPwd:l["default"]},data:function(){return{user:{},activeTab:"userinfo"}},created:function(){this.getUser()},computed:{postGroup:function(){return Array.isArray(this.user.posts)?this.user.posts.reduce((function(e,t,s,r){return e+t.post_name+" "}),""):""},roleGroup:function(){return Array.isArray(this.user.roles)?this.user.roles.reduce((function(e,t,s,r){return e+t.name+" "}),""):""}},methods:{getUser:function(){var e=this;Object(n["h"])().then((function(t){e.user=t.data}))}}},c=u,p=s("2877"),d=Object(p["a"])(c,r,a,!1,null,null,null);t["default"]=d.exports},9429:function(e,t,s){"use strict";s.r(t);var r=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",[s("img",{staticClass:"img-circle img-lg",attrs:{src:e.options.img,title:"点击上传头像"},on:{click:function(t){return e.editCropper()}}}),e._v(" "),s("el-dialog",{attrs:{title:e.title,visible:e.open,width:"800px","append-to-body":""},on:{"update:visible":function(t){e.open=t}}},[s("el-row",[s("el-col",{style:{height:"350px"},attrs:{xs:24,md:12}},[s("vue-cropper",{ref:"cropper",attrs:{img:e.options.img,info:!0,autoCrop:e.options.autoCrop,autoCropWidth:e.options.autoCropWidth,autoCropHeight:e.options.autoCropHeight,fixedBox:e.options.fixedBox},on:{realTime:e.realTime}})],1),e._v(" "),s("el-col",{style:{height:"350px"},attrs:{xs:24,md:12}},[s("div",{staticClass:"avatar-upload-preview"},[s("img",{style:e.previews.img,attrs:{src:e.previews.url}})])])],1),e._v(" "),s("br"),e._v(" "),s("el-row",[s("el-col",{attrs:{lg:2,md:2}},[s("el-upload",{attrs:{action:"#","http-request":e.requestUpload,"show-file-list":!1,"before-upload":e.beforeUpload}},[s("el-button",{attrs:{size:"small"}},[e._v("\n 上传\n "),s("i",{staticClass:"el-icon-upload el-icon--right"})])],1)],1),e._v(" "),s("el-col",{attrs:{lg:{span:1,offset:2},md:2}},[s("el-button",{attrs:{icon:"el-icon-plus",size:"small"},on:{click:function(t){return e.changeScale(1)}}})],1),e._v(" "),s("el-col",{attrs:{lg:{span:1,offset:1},md:2}},[s("el-button",{attrs:{icon:"el-icon-minus",size:"small"},on:{click:function(t){return e.changeScale(-1)}}})],1),e._v(" "),s("el-col",{attrs:{lg:{span:1,offset:1},md:2}},[s("el-button",{attrs:{icon:"el-icon-refresh-left",size:"small"},on:{click:function(t){return e.rotateLeft()}}})],1),e._v(" "),s("el-col",{attrs:{lg:{span:1,offset:1},md:2}},[s("el-button",{attrs:{icon:"el-icon-refresh-right",size:"small"},on:{click:function(t){return e.rotateRight()}}})],1),e._v(" "),s("el-col",{attrs:{lg:{span:2,offset:6},md:2}},[s("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(t){return e.uploadImg()}}},[e._v("提 交")])],1)],1)],1)],1)},a=[],i=s("ade3"),o=s("4360"),l=s("7e79"),n=s("c0c7"),u={components:{VueCropper:l["VueCropper"]},props:{user:{type:Object}},data:function(){var e;return{open:!1,title:"修改头像",options:(e={img:o["a"].getters.avatar},Object(i["a"])(e,"img",""),Object(i["a"])(e,"autoCrop",!0),Object(i["a"])(e,"autoCropWidth",200),Object(i["a"])(e,"autoCropHeight",200),Object(i["a"])(e,"fixedBox",!0),e),previews:{}}},methods:{editCropper:function(){this.open=!0},requestUpload:function(){},rotateLeft:function(){this.$refs.cropper.rotateLeft()},rotateRight:function(){this.$refs.cropper.rotateRight()},changeScale:function(e){e=e||1,this.$refs.cropper.changeScale(e)},beforeUpload:function(e){var t=this;if(-1==e.type.indexOf("image/"))this.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");else{var s=new FileReader;s.readAsDataURL(e),s.onload=function(){t.options.img=s.result}}},uploadImg:function(){var e=this;this.$refs.cropper.getCropBlob((function(t){var s=t.type,r={"image/jpeg":"jpeg","image/png":"png"},a="temp.jpg";r[s]&&(a="temp."+r[s]);var i=new FormData;i.append("avatarfile",t,a),Object(n["o"])(i).then((function(t){0===t.code?(e.open=!1,e.options.img="http://192.168.26.179:6605/api/v1/"+t.data.fileInfo.fileUrl,e.msgSuccess("修改成功")):e.msgError(t.msg),e.$refs.cropper.clearCrop()}))}))},realTime:function(e){this.previews=e},setAvatarBase64:function(e,t){var s=this,r=new Image;r.src=e+"?v="+Math.random(),r.crossOrigin="*",r.onload=function(){var e=s.transBase64FromImage(r);t&&t(e)}},transBase64FromImage:function(e){var t=document.createElement("canvas");t.width=e.width,t.height=e.height;var s=t.getContext("2d");return s.drawImage(e,0,0,e.width,e.height),t.toDataURL("image/png")}},watch:{user:function(e){var t=this;e.avatar&&this.setAvatarBase64("http://192.168.26.179:6605/api/v1/"+e.avatar,(function(e){t.options.img=e}))}}},c=u,p=s("2877"),d=Object(p["a"])(c,r,a,!1,null,null,null);t["default"]=d.exports},ee46:function(e,t,s){"use strict";s.r(t);var r=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("el-form",{ref:"form",attrs:{model:e.user,rules:e.rules,"label-width":"80px"}},[s("el-form-item",{attrs:{label:"旧密码",prop:"oldPassword"}},[s("el-input",{attrs:{placeholder:"请输入旧密码",type:"password"},model:{value:e.user.oldPassword,callback:function(t){e.$set(e.user,"oldPassword",t)},expression:"user.oldPassword"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"新密码",prop:"newPassword"}},[s("el-input",{attrs:{placeholder:"请输入新密码",type:"password"},model:{value:e.user.newPassword,callback:function(t){e.$set(e.user,"newPassword",t)},expression:"user.newPassword"}})],1),e._v(" "),s("el-form-item",{attrs:{label:"确认密码",prop:"confirmPassword"}},[s("el-input",{attrs:{placeholder:"请确认密码",type:"password"},model:{value:e.user.confirmPassword,callback:function(t){e.$set(e.user,"confirmPassword",t)},expression:"user.confirmPassword"}})],1),e._v(" "),s("el-form-item",[s("el-button",{attrs:{type:"primary",size:"mini"},on:{click:e.submit}},[e._v("保存")]),e._v(" "),s("el-button",{attrs:{type:"danger",size:"mini"},on:{click:e.close}},[e._v("关闭")])],1)],1)},a=[],i=s("c0c7"),o={data:function(){var e=this,t=function(t,s,r){e.user.newPassword!==s?r(new Error("两次输入的密码不一致")):r()};return{test:"1test",user:{oldPassword:void 0,newPassword:void 0,confirmPassword:void 0},rules:{oldPassword:[{required:!0,message:"旧密码不能为空",trigger:"blur"}],newPassword:[{required:!0,message:"新密码不能为空",trigger:"blur"},{min:6,max:20,message:"长度在 6 到 20 个字符",trigger:"blur"}],confirmPassword:[{required:!0,message:"确认密码不能为空",trigger:"blur"},{required:!0,validator:t,trigger:"blur"}]}}},methods:{submit:function(){var e=this;this.$refs["form"].validate((function(t){t&&Object(i["n"])(e.user.oldPassword,e.user.newPassword).then((function(t){0===t.code?e.msgSuccess("修改成功"):e.msgError(t.msg)}))}))},close:function(){this.$store.dispatch("tagsView/delView",this.$route),this.$router.push({path:"/index"})}}},l=o,n=s("2877"),u=Object(n["a"])(l,r,a,!1,null,null,null);t["default"]=u.exports}}]);
\ No newline at end of file
dist/static/js/chunk-78e7b944.02864e6a.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-78e7b944"],{"237b":function(e,i,t){"use strict";t("b425")},3746:function(e,i,t){"use strict";t.r(i);var a=function(){var e=this,i=e.$createElement,t=e._self._c||i;return t("div",{staticClass:"fill-store-inf"},[t("div",{staticClass:"logo-bg"},[e._e()]),e._v(" "),t("el-card",{staticClass:"box-card"},[t("div",{staticClass:"clearfix steps",attrs:{slot:"header"},slot:"header"},[t("el-steps",{attrs:{active:0,"align-center":"","finish-status":"success"}},[t("el-step",{attrs:{title:"填写主体信息"}}),e._v(" "),t("el-step",{attrs:{title:"填写品牌信息"}}),e._v(" "),t("el-step",{attrs:{title:"填写店铺信息"}}),e._v(" "),t("el-step",{attrs:{title:"提交入驻审核"}})],1)],1),e._v(" "),t("div",{staticClass:"main-con"},[t("el-form",{ref:"mainForm",attrs:{model:e.mainForm,rules:e.mainRules,"label-width":"180px"}},[t("el-form-item",{attrs:{label:"主体类型："}},[t("el-radio-group",{model:{value:e.mainForm.organization_type,callback:function(i){e.$set(e.mainForm,"organization_type",i)},expression:"mainForm.organization_type"}},[t("el-radio",{attrs:{label:1}},[e._v("企业/公司")]),e._v(" "),t("el-radio",{attrs:{label:2}},[e._v("个体工商户")])],1)],1),e._v(" "),t("el-form-item",{attrs:{label:"执照类型：",prop:"license_type"}},[t("el-select",{staticStyle:{width:"400px"},attrs:{placeholder:"请选择..."},model:{value:e.mainForm.license_type,callback:function(i){e.$set(e.mainForm,"license_type",i)},expression:"mainForm.license_type"}},e._l(e.zzOptions,(function(e){return t("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),e._v(" "),t("el-form-item",{attrs:{label:"营业执照电子版：",prop:"license"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[t("div",{staticStyle:{"padding-right":"6px"}},[t("el-upload",{staticClass:"uploadData",attrs:{action:"#","list-type":"picture-card","http-request":e.uploadLicenseImages,limit:2,"on-exceed":e.showTip,"before-upload":e.beforeUpImg,"on-preview":e.handlePictureCardPreview,"on-remove":e.handleRemove,"file-list":e.licenseImgFileList}},[t("i",{staticClass:"el-icon-plus"})]),e._v(" "),t("el-dialog",{attrs:{visible:e.dialogVisible},on:{"update:visible":function(i){e.dialogVisible=i}}},[t("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1),e._v(" "),t("div",[t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"})])]),e._v(" "),t("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[t("span",{staticClass:"tips-text"},[e._v("图片大小在2MB以内，支持png,jpg格式，最多可上传2张")])])])]),e._v(" "),t("el-form-item",{attrs:{label:"企业名称：",prop:"organization_name","inline-message":"true"}},[t("el-input",{staticStyle:{width:"400px"},model:{value:e.mainForm.organization_name,callback:function(i){e.$set(e.mainForm,"organization_name",i)},expression:"mainForm.organization_name"}}),e._v(" "),t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"}),e._v("请按照营业执照上登记的完整名称填写")])],1),e._v(" "),t("el-form-item",{attrs:{label:"营业执照详细地址：",prop:"organization_address"}},[t("el-input",{staticStyle:{width:"400px"},model:{value:e.mainForm.organization_address,callback:function(i){e.$set(e.mainForm,"organization_address",i)},expression:"mainForm.organization_address"}}),e._v(" "),t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"}),e._v("请按照营业执照上的详细地址填写")])],1),e._v(" "),t("el-form-item",{attrs:{gutter:20,label:"营业期限：",prop:"license_expires_time"}},[t("el-date-picker",{staticStyle:{width:"300px"},attrs:{type:"date",placeholder:"选择日期",disabled:e.isConcretePeriod},on:{change:e.periodConcrete},model:{value:e.periodConcreteTime,callback:function(i){e.periodConcreteTime=i},expression:"periodConcreteTime"}}),e._v(" "),t("el-checkbox",{staticStyle:{"padding-left":"15px"},attrs:{disabled:e.isPeriodDisabled},on:{change:e.periodLongTerm},model:{value:e.periodLongTermVal,callback:function(i){e.periodLongTermVal=i},expression:"periodLongTermVal"}},[e._v("长期\n ")]),e._v(" "),t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"}),e._v("具体时间和长期，二者必填一个")])],1),e._v(" "),t("el-form-item",{attrs:{label:"法定代表人证件类型：",prop:"idcard_type"}},[t("el-select",{staticStyle:{width:"400px"},attrs:{placeholder:"请选择..."},model:{value:e.mainForm.idcard_type,callback:function(i){e.$set(e.mainForm,"idcard_type",i)},expression:"mainForm.idcard_type"}},e._l(e.idcardTypeOptions,(function(e){return t("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),e._v(" "),t("el-form-item",{attrs:{label:"法定代表人姓名：",prop:"real_name"}},[t("el-input",{staticStyle:{width:"400px"},model:{value:e.mainForm.real_name,callback:function(i){e.$set(e.mainForm,"real_name",i)},expression:"mainForm.real_name"}}),e._v(" "),t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"}),e._v("请按照营业执照上登记的法人填写")])],1),e._v(" "),t("el-form-item",{attrs:{label:"法定代表人证件号：",prop:"idcard_number"}},[t("el-input",{staticStyle:{width:"400px"},model:{value:e.mainForm.idcard_number,callback:function(i){e.$set(e.mainForm,"idcard_number",i)},expression:"mainForm.idcard_number"}})],1),e._v(" "),t("el-form-item",{attrs:{label:"有效期至：",prop:"idcard_expires_time"}},[t("el-date-picker",{staticStyle:{width:"300px"},attrs:{type:"date",placeholder:"选择日期"},on:{change:e.validityConcrete},model:{value:e.validityConcreteTime,callback:function(i){e.validityConcreteTime=i},expression:"validityConcreteTime"}}),e._v(" "),t("el-checkbox",{staticStyle:{"padding-left":"15px"},on:{change:e.validityLongTerm},model:{value:e.validityLongTermVal,callback:function(i){e.validityLongTermVal=i},expression:"validityLongTermVal"}},[e._v("长期\n ")])],1),e._v(" "),t("el-form-item",{attrs:{label:"法人证件电子版：",prop:"idcard_front"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[t("div",{staticStyle:{"padding-right":"6px"}},[t("el-upload",{staticClass:"uploadData",attrs:{"list-type":"picture-card",action:"#",limit:2,"on-exceed":e.showTip,"before-upload":e.beforeUpImg,"http-request":e.uploadIdcardImages,"on-preview":e.handlePictureCardPreview2,"on-remove":e.handleRemove2,"file-list":e.idcardImgFileList}},[t("i",{staticClass:"el-icon-plus"})]),e._v(" "),t("el-dialog",{attrs:{visible:e.dialogVisible2},on:{"update:visible":function(i){e.dialogVisible2=i}}},[t("img",{attrs:{width:"100%",src:e.dialogImageUrl2,alt:""}})])],1),e._v(" "),t("div",[t("span",{staticClass:"tips-text"},[t("i",{staticClass:"el-icon-warning h-warning"})])]),e._v(" "),t("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[t("span",{staticClass:"tips-text"},[e._v("请按顺序分别上传正面（照片面）和反面（国徽面）电子版图片,文件大小在 2MB以内，支持png,jpg格式，最多可上传2张")])])])]),e._v(" "),t("div",{staticClass:"confirm-btn"},[t("p",[t("el-button",{staticStyle:{padding:"8px 30px"},attrs:{type:"primary"},on:{click:function(i){return e.next("mainForm")}}},[e._v("下一步")])],1)])],1)],1)])],1)},r=[],n=(t("28a5"),t("6b1f")),s={name:"FillMainInf",data:function(){var e=this,i=function(i,t,a){e.licenseImgFileList.length>0?a():0===e.licenseImgFileList.length&&a(new Error("营业执照图片至少上传一张"))},t=function(i,t,a){e.idcardImgFileList.length>0?a():0===e.idcardImgFileList.length&&a(new Error("法人证件照图片至少上传一张"))},a=function(e,i,t){var a=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;a.test(i)?t():t(new Error("法人证件号格式有误"))},r=function(i,t,a){null===e.periodConcreteTime&&!1===e.periodLongTermVal?a(new Error("营业期限具体时间和长期必须填写其中一个")):a()},n=function(i,t,a){null===e.validityConcreteTime&&!1===e.validityLongTermVal?a(new Error("有效期具体时间和长期必须填写其中一个")):a()};return{licenseImgFileList:[],idcardImgFileList:[],dialogImageUrl:"",dialogVisible:!1,dialogImageUrl2:"",dialogVisible2:!1,zzOptions:[{label:"多证合一营业执照（统一社会信用代码）",value:1},{label:"多证合一营业执照（非统一社会信用代码）",value:2}],idcardTypeOptions:[{label:"大陆身份证",value:1},{label:"护照",value:2},{label:"港奥台居民通行证",value:3},{label:"台湾居民通行证",value:4}],periodConcreteTime:null,periodLongTermVal:!1,validityConcreteTime:null,validityLongTermVal:!1,isConcretePeriod:!1,isPeriodDisabled:!1,isValidity:!0,mainForm:{organization_type:2,license_type:"",license:"",organization_name:"",organization_address:"",license_expires_time:"",idcard_type:"",real_name:"",idcard_number:"",idcard_expires_time:"",idcard_front:"",idcardback:"jiazhuangwshifanmian"},hasLicense:!1,mainRules:{license_type:[{required:!0,message:"营业执照类型不能为空",trigger:"change"}],license:[{required:!0,message:"请上传营业执照电子版",validator:i}],organization_name:[{required:!0,message:"企业名称不能为空",trigger:"blur"}],organization_address:[{required:!0,message:"营业执照地址不能为空",trigger:"blur"}],idcard_type:[{required:!0,message:"证件类型不能为空",trigger:"change"}],real_name:[{required:!0,message:"法人姓名不能为空",trigger:"blur"}],idcard_number:[{required:!0,message:"法人证件号不能为空",trigger:"blur"},{required:!0,message:"法人证件号码格式有误",validator:a,trigger:"blur"}],idcard_front:[{required:!0,message:"请上传法人证件电子版图片",validator:t}],license_expires_time:[{validator:r,required:!0,trigger:"change"}],idcard_expires_time:[{validator:n,required:!0,trigger:"change"}]}}},created:function(){this.getMain()},mounted:function(){},methods:{periodConcrete:function(){this.periodConcreteTime&&(this.periodLongTermVal=!1)},periodLongTerm:function(){this.periodLongTermVal&&(this.periodConcreteTime=null)},validityConcrete:function(){this.validityConcreteTime&&(this.validityLongTermVal=!1)},validityLongTerm:function(){this.validityLongTermVal&&(this.validityConcreteTime=null)},beforeUpImg:function(e){var i=e.size/1024/1024>2;return"image/png"!==e.type&&"image/jpg"!==e.type&&"image/jpeg"!=e.type?(this.$message({message:"上传图片格式只支持png/png格式",type:"warning"}),!1):i?(this.$message({message:"上传图片大小不能超过2M",type:"warning"}),!1):void 0},uploadLicenseImages:function(e){var i=this;this.getBase64(e.file).then((function(e){var t=e.split(",");i.Base64img=t[1];var a={img_data:i.Base64img};Object(n["i"])(a).then((function(e){1==e.code?(i.licenseImgFileList.push({url:e.data.image_url}),i.$message({type:"success",message:"上传成功"}),i.$refs.mainForm.clearValidate("license")):i.$message({type:"error",message:e.message?e.message:"上传失败"})}))}))},handlePictureCardPreview:function(e){this.dialogImageUrl=e.url,this.dialogVisible=!0},handleRemove:function(e,i){for(var t=0;t<this.licenseImgFileList.length;t++)e.uid===this.licenseImgFileList[t].uid&&this.licenseImgFileList.splice(t,1)},uploadIdcardImages:function(e){var i=this;this.getBase64(e.file).then((function(e){var t=e.split(",");i.Base64img=t[1];var a={img_data:i.Base64img};Object(n["i"])(a).then((function(e){1==e.code?(i.idcardImgFileList.push({url:e.data.image_url}),i.$message({type:"success",message:"上传成功"}),i.$refs.mainForm.clearValidate("idcard_front")):i.$message({type:"error",message:e.message?e.message:"上传失败"})}))}))},handlePictureCardPreview2:function(e){this.dialogImageUrl2=e.url,this.dialogVisible2=!0},handleRemove2:function(e,i){for(var t=0;t<this.idcardImgFileList.length;t++)e.uid===this.idcardImgFileList[t].uid&&this.idcardImgFileList.splice(t,1)},getMain:function(){var e=this;Object(n["f"])().then((function(i){if(1===i.code){e.resetForm("mainForm"),e.mainForm=i.data,e.mainForm.idcardback="jzwsfm";var t={},a=[];if(e.mainForm.license.indexOf(",")>0){a=e.mainForm.license.split(",");for(var r=0;r<a.length;r++)t={},t.url=a[r],e.licenseImgFileList.push(t)}else t.url=e.mainForm.license,e.licenseImgFileList=[],e.licenseImgFileList.push(t);var n={},s=[];if(e.mainForm.idcard_front.indexOf(",")>0){s=e.mainForm.idcard_front.split(",");for(var l=0;l<s.length;l++)n={},n.url=s[l],e.idcardImgFileList.push(n)}else n.url=e.mainForm.idcard_front,e.idcardImgFileList=[],e.idcardImgFileList.push(n);0===e.mainForm.idcard_expires_time?e.validityLongTermVal=!0:e.validityConcreteTime=e.toStandTime(e.mainForm.idcard_expires_time),0===e.mainForm.license_expires_time?e.periodLongTermVal=!0:e.periodConcreteTime=e.toStandTime(e.mainForm.license_expires_time)}else e.$message({type:"error",message:i.message?i.message:""})}))},resetForm:function(e){this.$refs[e].resetFields()},getBase64:function(e){return new Promise((function(i,t){var a=new FileReader,r="";a.readAsDataURL(e),a.onload=function(){r=a.result},a.onerror=function(e){t(e)},a.onloadend=function(){i(r)}}))},toStandTime:function(e){var i=new Date(1e3*e),t=i.getFullYear()+"-",a=(i.getMonth()+1<10?"0"+(i.getMonth()+1):i.getMonth()+1)+"-",r=(i.getDate()<10?"0"+i.getDate():i.getDate())+" ",n=(i.getHours()<10?"0"+i.getHours():i.getHours())+":",s=(i.getMinutes()<10?"0"+i.getMinutes():i.getMinutes())+":",l=i.getSeconds()<10?"0"+i.getSeconds():i.getSeconds();return t+a+r+n+s+l},showTip:function(e,i){this.$message({message:"最多上传2张图片",type:"warning"})},back:function(){this.$router.push("/agreement")},next:function(e){var i=this;if(this.periodLongTermVal?this.mainForm.license_expires_time=this.periodLongTermVal-0-1:!1===this.periodLongTermVal&&this.periodConcreteTime?this.mainForm.license_expires_time=new Date(this.periodConcreteTime).getTime()/1e3:this.mainForm.license_expires_time="",this.validityLongTermVal?this.mainForm.idcard_expires_time=this.validityLongTermVal-0-1:!1===this.validityLongTermVal&&this.validityConcreteTime?this.mainForm.idcard_expires_time=new Date(this.validityConcreteTime).getTime()/1e3:this.mainForm.idcard_expires_time="",this.licenseImgFileList.length>0)for(var t=0;t<this.licenseImgFileList.length;t++)0===t?this.mainForm.license=this.licenseImgFileList[t].url:this.mainForm.license+=","+this.licenseImgFileList[t].url;if(this.idcardImgFileList.length>0)for(var a=0;a<this.idcardImgFileList.length;a++)0===a?this.mainForm.idcard_front=this.idcardImgFileList[a].url:this.mainForm.idcard_front+=","+this.idcardImgFileList[a].url;this.$refs[e].validate((function(e){e&&Object(n["b"])(i.mainForm).then((function(e){1==e.code?i.$router.push("/fillBrandInf"):i.$message({type:"error",message:e.message?e.message:"操作失败"})}))}))}}},l=s,o=(t("237b"),t("2877")),d=Object(o["a"])(l,a,r,!1,null,"18d64163",null);i["default"]=d.exports},"6b1f":function(e,i,t){"use strict";t.d(i,"f",(function(){return r})),t.d(i,"b",(function(){return n})),t.d(i,"d",(function(){return s})),t.d(i,"a",(function(){return l})),t.d(i,"h",(function(){return o})),t.d(i,"g",(function(){return d})),t.d(i,"c",(function(){return c})),t.d(i,"i",(function(){return m})),t.d(i,"e",(function(){return g}));var a=t("b775");function r(e){return Object(a["a"])({url:"/local/getOrganization",method:"get",params:e})}function n(e){return Object(a["a"])({url:"/local/organization",method:"post",data:e})}function s(e){return Object(a["a"])({url:"/local/shopbrand",method:"get",params:e})}function l(e){return Object(a["a"])({url:"/local/brands",method:"post",data:e})}function o(e){return Object(a["a"])({url:"/local/upbrands",method:"post",data:e})}function d(e){return Object(a["a"])({url:"/local/getShopInfo",method:"get",params:e})}function c(e){return Object(a["a"])({url:"/local/addShopInfo",method:"post",data:e})}function m(e){return Object(a["a"])({url:"/system/goodsNew/uploadImage",method:"post",data:e})}function g(e){return Object(a["a"])({url:"/local/cate",method:"get",params:e})}},b425:function(e,i,t){}}]);
\ No newline at end of file
dist/static/js/chunk-792fc926.c82f674a.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-792fc926"],{a07f:function(t,e,i){},e4dd:function(t,e,i){"use strict";i.r(e);var A=function(){var t=this,e=t.$createElement,A=t._self._c||e;return A("div",{staticClass:"to-review"},[A("div",{staticClass:"logo-bg"},[t._e()]),t._v(" "),A("el-card",{staticClass:"box-card"},[A("div",{staticClass:"clearfix steps",attrs:{slot:"header"},slot:"header"},[A("el-steps",{attrs:{active:3,"align-center":"","finish-status":"success"}},[A("el-step",{attrs:{title:"填写主体信息"}}),t._v(" "),A("el-step",{attrs:{title:"填写品牌信息"}}),t._v(" "),A("el-step",{attrs:{title:"填写店铺信息"}}),t._v(" "),A("el-step",{attrs:{title:"提交入驻审核"}})],1)],1),t._v(" "),A("div",{staticClass:"main"},[A("div",{staticClass:"fuck"},[A("p",[A("img",{attrs:{src:i("e9f2"),alt:""}})]),t._v(" "),A("p",[t._v("资料已提交，工作人员审核中。。。")]),t._v(" "),A("p",[t._v("您的资料已经提交审核，审核周期为1-3个工作日，请您耐心等待审核结果。")]),t._v(" "),A("p",[t._v("如果您有其它的问题，可以拔打我们的服务电话与我们联系！")])])])])],1)},c=[],l={name:"ReviewSuccess",data:function(){return{}}},a=l,s=(i("fc37"),i("2877")),n=Object(s["a"])(a,A,c,!1,null,"61915260",null);e["default"]=n.exports},e9f2:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBRDQ3NzE4OTFFQjExRUJBN0JEQjU3QzUxQ0Q3QkQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBRDQ3NzE5OTFFQjExRUJBN0JEQjU3QzUxQ0Q3QkQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkFENDc3MTY5MUVCMTFFQkE3QkRCNTdDNTFDRDdCRDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkFENDc3MTc5MUVCMTFFQkE3QkRCNTdDNTFDRDdCRDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4rxvAYAAAE5UlEQVR42tybe2wUVRTGL0tRIA2KFChS/kABaQRaEggEhSYIgiKgtShYJBKqBAhKRINA9Z8uAlEeTWxV5BGFNghIwUYqEkhBjBFNCNhYHoqChmoiqKFNaGwJ38meqePd2e487p2d4Ut+SXc6c3e+nTtzzzn3Tof843cLjeoDBoIsMIg/pzOkRnAN/A7OgN/AT6BB1wmlaWiTjOWDB8AIkOnweDL/HTgO9oLzKk+ug6IrfDuYB54EeaCjovNrBbVgJ/gQ/Ou1wYgCo6+AOlAGxis0K7ith8AH4HuwFHRKleGnwWnwFhgg9Os+8DY4xT3JN8P9wH7uZoOE/8oGe/j+7qPb8FTwDZgmUq8n+Fwm6TL8IvjUza+qUdTbPgcLVBuOglIRXJWDlaoMR+02lmLReRZ7NbwkJGYNlfCt58rwRLBBhE+lPHY7MpzJw05YRefey4nh7eCuEBvOAFvtGn4WTBDh1xRQkMxwFw7fbhVtlGNv2fDLifp+SNUXLE5kOJ0zn6DrOlgNLtjcfzn33DjDc8GdATdbA3LBCvAM58t2HmCFVoYLA26WcuFHwVn+nOvg2DjD94ORATVKJZ4xYL1p2zvgPQfFhgdFrLbWZjhfQfVDhygTGgW+Nm37CCxy2E4ap5NtJvMCaJau4iPgL9O23RwnuNE4w3BmALvzq/JwImJFvAIPbY4GPehS54BuATJbBLZI294Eczy22wNkk+H+ATJLT9NKadt8HktV6F7q0vcE2OxEfhqrUn8y3DsAZudYmKV61T7F35NJhjun2OxiTkdlVYCuir8rnQx3T6HZ13n4kUWx8lgN33dHREHAsZMDl18cHkf3ZtRiO8UEr2n6gVvI7BUPDXwGZoEqDv9qbB53QFjXkml43KWxRzVGON1ya/Yx0+cGDu6jSY47x5mOlco05+NNEeFu8nm7ZFa+Lyn8a7L4H013Pg7+sfgf/VizNT8zGsjwzy4OrE7y/x380KmTtj8H6i32pwR9kw8PyYsRB5UDIWUsLyTZ5ySb3sOfN1uMtYZKuByjPdVM46vQKP5bd2FHNHa/z/Hp6nb2+xvM4MCiKsE+uZzc69ZVcMa4h0+4bISC+lKbPeJaO2mgH6Kc+ooxBh/10BDN5Xzicjw3Fr/4oS/NBQCa0W/10Fg+/2g9HRzTVfg3BdsiYnPbbYZp3cS3HhulutExB+kmRVNZPl7deiF1w0oFDQ/me2W4jWR8qfBPFcYfZsPbwJ8KGqd08yvBNaQEWqYhE0qkyxwXxBmmoWmdoi+hQOKQ4EqhpAyuYviltaDZyjBpg1C3zvE2EVtaVCRtf0n4V0O7BN41b5ANN/MJqRStojMvm1joc3Hhf8sVrRaXUu33C/Cwwi+mDOqGiM0U+DXRXm0MRckMk6ig9oPDcdVOVOaX/hAJyrqJoiN6Wj8lwqsZHMfbNkyqFfHV/zBokRFGOjVsBPYlITJLD8fy9nawE/C/AVaFwGyxnedExEFjSwJsdqHdi+IkpaPMZprQ+AKGC/0KJsvBhSrDxtg2ymp8S4Gq+FwOOjko4vJXnQ5miljJ1W9RmlfAObjj3uZl1uFjMEzEJq9/9MEoLWahZVU5XGFxJa/TLBR708q9ITz+HfFYObGqVBwGz4OhnM15epVH1YtazTz+EYF+UUvHm2l0X6/hvwP3Kt5NAQYA/pvkv1BL/nsAAAAASUVORK5CYII="},fc37:function(t,e,i){"use strict";i("a07f")}}]);
\ No newline at end of file
dist/static/js/chunk-d563c6a8.39423d6d.js 0 → 100644
浏览文件 @ 6f8ab46b
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-d563c6a8"],{"6b1f":function(t,e,a){"use strict";a.d(e,"f",(function(){return r})),a.d(e,"b",(function(){return n})),a.d(e,"d",(function(){return s})),a.d(e,"a",(function(){return o})),a.d(e,"h",(function(){return l})),a.d(e,"g",(function(){return d})),a.d(e,"c",(function(){return m})),a.d(e,"i",(function(){return h})),a.d(e,"e",(function(){return c}));var i=a("b775");function r(t){return Object(i["a"])({url:"/local/getOrganization",method:"get",params:t})}function n(t){return Object(i["a"])({url:"/local/organization",method:"post",data:t})}function s(t){return Object(i["a"])({url:"/local/shopbrand",method:"get",params:t})}function o(t){return Object(i["a"])({url:"/local/brands",method:"post",data:t})}function l(t){return Object(i["a"])({url:"/local/upbrands",method:"post",data:t})}function d(t){return Object(i["a"])({url:"/local/getShopInfo",method:"get",params:t})}function m(t){return Object(i["a"])({url:"/local/addShopInfo",method:"post",data:t})}function h(t){return Object(i["a"])({url:"/system/goodsNew/uploadImage",method:"post",data:t})}function c(t){return Object(i["a"])({url:"/local/cate",method:"get",params:t})}},"836f":function(t,e,a){},b176:function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"fill-brand-inf"},[a("div",{staticClass:"logo-bg"},[t._e()]),t._v(" "),a("el-card",{staticClass:"box-card"},[a("div",{staticClass:"clearfix steps",attrs:{slot:"header"},slot:"header"},[a("el-steps",{attrs:{active:1,"align-center":"","finish-status":"success"}},[a("el-step",{attrs:{title:"填写主体信息"}}),t._v(" "),a("el-step",{attrs:{title:"填写品牌信息"}}),t._v(" "),a("el-step",{attrs:{title:"填写店铺信息"}}),t._v(" "),a("el-step",{attrs:{title:"提交入驻审核"}})],1)],1),t._v(" "),a("div",{staticClass:"main-con"},[a("el-form",{ref:"brandForm",attrs:{model:t.brandForm,rules:t.brandRules,"label-width":"180px"}},[a("el-form-item",{attrs:{label:"经营品牌类型："}},[a("el-radio-group",{on:{change:t.chooseBrandType},model:{value:t.brandForm.brand_type,callback:function(e){t.$set(t.brandForm,"brand_type",e)},expression:"brandForm.brand_type"}},[a("el-radio",{attrs:{label:1}},[t._v("自有品牌")]),t._v(" "),a("el-radio",{attrs:{label:2}},[t._v("品牌厂商授权")]),t._v(" "),a("el-radio",{attrs:{label:3}},[t._v("无品牌")])],1)],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],staticClass:"spe-brand-text"},[t._v("\n 品牌一\n ")]),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],attrs:{label:"品牌中文名：",prop:"brand_cn"}},[a("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:""},model:{value:t.brandForm.brand_cn,callback:function(e){t.$set(t.brandForm,"brand_cn",e)},expression:"brandForm.brand_cn"}})],1),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],attrs:{label:"品牌英文名：",prop:"brand_en"}},[a("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:""},model:{value:t.brandForm.brand_en,callback:function(e){t.$set(t.brandForm,"brand_en",e)},expression:"brandForm.brand_en"}})],1),t._v(" "),3!==t.brandForm.brand_type?a("el-form-item",{ref:"logoImg",attrs:{label:"品牌LOGO：",prop:"brand_logo"}},[a("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[a("div",{staticStyle:{"padding-right":"6px"}},[a("el-upload",{staticClass:"uploadData",attrs:{action:"#","list-type":"picture-card","http-request":t.uploadLogoImgs,limit:2,"on-exceed":t.showTip,"before-upload":t.beforeUpLogoImg,"on-preview":t.handlePictureCardPreview,"on-remove":t.handleRemove,"file-list":t.brandImgFileList}},[a("i",{staticClass:"el-icon-plus"})]),t._v(" "),a("el-dialog",{attrs:{visible:t.dialogVisible},on:{"update:visible":function(e){t.dialogVisible=e}}},[a("img",{attrs:{width:"100%",src:t.dialogImageUrl,alt:""}})])],1),t._v(" "),a("div",[a("span",{staticClass:"tips-text"},[a("i",{staticClass:"el-icon-warning h-warning"})])]),t._v(" "),a("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[a("span",{staticClass:"tips-text"},[t._v("必须与商标图文一致。文件大小在500KB以内，支持png,jpg格式，最多可上传2张")])])])]):t._e(),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],attrs:{label:"品牌商标注册号：",prop:"brand_number"}},[a("el-input",{staticStyle:{width:"400px"},attrs:{placeholder:""},model:{value:t.brandForm.brand_number,callback:function(e){t.$set(t.brandForm,"brand_number",e)},expression:"brandForm.brand_number"}})],1),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],attrs:{label:"品牌类型：",prop:"brand_range"}},[a("el-radio-group",{model:{value:t.brandForm.brand_range,callback:function(e){t.$set(t.brandForm,"brand_range",e)},expression:"brandForm.brand_range"}},[a("el-radio",{attrs:{label:1}},[t._v("国内品牌")]),t._v(" "),a("el-radio",{attrs:{label:2}},[t._v("国外品牌")])],1)],1),t._v(" "),2===t.brandForm.brand_type?a("el-form-item",{attrs:{label:"品牌方授权书：",prop:"brand_auth"}},[a("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[a("div",{staticStyle:{"padding-right":"6px"}},[a("el-upload",{staticClass:"uploadData",attrs:{action:"#","list-type":"picture-card","http-request":t.uploadFactoryImgs,"before-upload":t.beforeUpImg,"on-preview":t.handlePictureCardPreview2,"on-remove":t.handleRemove2,"file-list":t.factoryImgFileList}},[a("i",{staticClass:"el-icon-plus"})]),t._v(" "),a("el-dialog",{attrs:{visible:t.dialogVisible2},on:{"update:visible":function(e){t.dialogVisible2=e}}},[a("img",{attrs:{width:"100%",src:t.dialogImageUrl2,alt:""}})])],1),t._v(" "),a("div",[a("span",{staticClass:"tips-text"},[a("i",{staticClass:"el-icon-warning h-warning"})])]),t._v(" "),a("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[a("span",{staticClass:"tips-text"},[t._v("品牌方给予企业的授权书。文件大小在2MB以内，支持png,jpg格式")])])])]):t._e(),t._v(" "),2===t.brandForm.brand_type?a("el-form-item",{attrs:{label:"授权有效期至：",prop:"brand_auth_time"}},[a("el-date-picker",{staticStyle:{width:"300px"},attrs:{type:"date",placeholder:"选择日期"},on:{change:t.validityConcrete},model:{value:t.validityConcreteTime,callback:function(e){t.validityConcreteTime=e},expression:"validityConcreteTime"}}),t._v(" "),a("el-checkbox",{staticStyle:{"padding-left":"15px"},on:{change:t.validityLongTerm},model:{value:t.validityLongTermVal,callback:function(e){t.validityLongTermVal=e},expression:"validityLongTermVal"}},[t._v("长期\n ")])],1):t._e(),t._v(" "),3!==t.brandForm.brand_type?a("el-form-item",{attrs:{label:"品牌经营授权：",prop:"brand_business_auth"}},[a("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[a("div",{staticStyle:{"padding-right":"6px"}},[a("el-upload",{staticClass:"uploadData",attrs:{action:"#","http-request":t.uploadShopImgs,"list-type":"picture-card",limit:2,"on-exceed":t.showTip,"before-upload":t.beforeUpImg,"on-preview":t.handlePictureCardPreview3,"on-remove":t.handleRemove3,"file-list":t.shopImgFileList}},[a("i",{staticClass:"el-icon-plus"})]),t._v(" "),a("el-dialog",{attrs:{visible:t.dialogVisible3},on:{"update:visible":function(e){t.dialogVisible3=e}}},[a("img",{attrs:{width:"100%",src:t.dialogImageUrl3,alt:""}})])],1),t._v(" "),a("div",[a("span",{staticClass:"tips-text"},[a("i",{staticClass:"el-icon-warning h-warning"})])]),t._v(" "),a("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[a("span",{staticClass:"tips-text"},[t._v("授权在云仓平台经营此品牌。文件大小在2MB以内，支持png,jpg格式，最多可上传2张")])])])]):t._e(),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}],attrs:{label:""}},[a("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"row","justify-content":"normal"}},[a("a",{staticClass:"download-Template-btn",attrs:{href:t.downTemplatehttp}},[a("i",{staticClass:"el-icon-download"}),t._v("下载模板")]),t._v(" "),a("div",[a("span",{staticClass:"tips-text"},[a("i",{staticClass:"el-icon-warning h-warning"})])]),t._v(" "),a("div",{staticStyle:{width:"380px","line-height":"24px","padding-top":"6px"}},[a("span",{staticClass:"tips-text"},[t._v("请您点击下载授权书模板，打印并签字盖章，拍照上传。\n 如暂时无法上传该授权，可选择【无品牌】，稍后在店铺信息里面完善品牌信息")])])])]),t._v(" "),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:3!==t.brandForm.brand_type,expression:"brandForm.brand_type !== 3"}]},[a("el-button",{staticStyle:{"margin-right":"40px"},attrs:{type:"primary"},on:{click:t.back}},[t._v("上一步")]),t._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:function(e){return t.next("brandForm")}}},[t._v("下一步")])],1)],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.hasBrand,expression:"!hasBrand"}],staticClass:"no-brand"},[a("p",[t._v("您当前选择的是无品牌")]),t._v(" "),a("p",[t._v("这不会影响您入驻的审核")]),t._v(" "),a("p",[t._v("入驻成功后，您可以在店铺信息里，添加您的品牌")]),t._v(" "),a("div",{staticClass:"no-brand-btn"},[a("el-button",{staticStyle:{"margin-right":"40px"},attrs:{type:"primary"},on:{click:t.back}},[t._v("上一步")]),t._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:t.noBrandNext}},[t._v("下一步")])],1)])],1)])],1)},r=[],n=(a("28a5"),a("6b1f")),s={name:"FillBrandInf",data:function(){var t=this,e=function(e,a,i){2===t.brandForm.brand_type&&null===t.validityConcreteTime&&!1===t.validityLongTermVal?i(new Error("授权有效期具体时间和长期必须填写其中一个")):i()},a=function(e,a,i){t.brandImgFileList.length>0?i():0===t.brandImgFileList.length&&i(new Error("品牌logo图片至少上传一张"))},i=function(e,a,i){t.shopImgFileList.length>0?i():0===t.shopImgFileList.length&&i(new Error("品牌logo图片至少上传一张"))};return{shopTemplatehttp:"http://img3.jxhh.com/shop/brand.doc",factoryTemplatehttp:"http://img3.jxhh.com/shop/factory.doc",hasBrand:!0,dialogImageUrl:"",dialogVisible:!1,dialogImageUrl2:"",dialogVisible2:!1,dialogImageUrl3:"",dialogVisible3:!1,validityConcreteTime:null,validityLongTermVal:!1,downTemplatehttp:"",brandImgFileList:[],factoryImgFileList:[],shopImgFileList:[],brandForm:{id:0,brand_type:1,brand_cn:"",brand_en:"",brand_logo:"",brand_number:"",brand_range:"",brand_auth_time:"",brand_auth:"",brand_business_auth:""},brandRules:{brand_cn:[{required:!0,message:"品牌中文名称不能为空",trigger:"blur"}],brand_logo:[{required:!0,message:"品牌logo图片至少上传一张",validator:a}],brand_range:[{required:!0,message:"品牌类型需要选择其一",trigger:"blur"}],brand_auth:[{required:!0,message:"品牌授权至少上传一张图片"}],brand_auth_time:[{validator:e,required:!0,trigger:"change"}],brand_business_auth:[{required:!0,message:"品牌经营授权至少上传一张图片",validator:i}]}}},watch:{factoryImgFileList:{handler:function(t,e){var a=this;2===this.brandForm.brand_type&&(this.$refs.brandForm.validateField("brand_auth"),0!==t.length&&this.$nextTick((function(){a.$refs.brandForm.clearValidate("brand_auth")})))},deep:!0}},created:function(){this.getBrands()},mounted:function(){this.downTemplatehttp=this.factoryTemplatehttp},methods:{beforeUpImg:function(t){var e=t.size/1024/1024>2;return"image/png"!==t.type&&"image/jpg"!==t.type&&"image/jpeg"!=t.type?(this.$message({message:"上传图片格式只支持jpg/png格式",type:"warning"}),!1):e?(this.$message({message:"上传图片大小不能超过2M",type:"warning"}),!1):void 0},beforeUpLogoImg:function(t){var e=t.size/1024>500;return"image/png"!==t.type&&"image/jpg"!==t.type&&"image/jpeg"!=t.type?(this.$message({message:"上传图片格式只支持jpg/png格式",type:"warning"}),!1):e?(this.$message({message:"上传图片大小不能超过500 kb",type:"warning"}),!1):void 0},uploadLogoImgs:function(t){var e=this;this.getBase64(t.file).then((function(t){var a=t.split(",");e.Base64img=a[1];var i={img_data:e.Base64img};Object(n["i"])(i).then((function(t){1==t.code?(e.brandImgFileList.push({url:t.data.image_url}),e.$message({type:"success",message:"上传成功"}),e.$refs.brandForm.clearValidate("brand_logo")):e.$message({type:"error",message:t.message?t.message:"上传失败"})}))}))},uploadShopImgs:function(t){var e=this;this.getBase64(t.file).then((function(t){var a=t.split(",");e.Base64img=a[1];var i={img_data:e.Base64img};Object(n["i"])(i).then((function(t){1==t.code?(e.shopImgFileList.push({url:t.data.image_url}),e.$message({type:"success",message:"上传成功"}),e.$refs.brandForm.clearValidate("brand_business_auth")):e.$message({type:"error",message:t.message?t.message:"上传失败"})}))}))},uploadFactoryImgs:function(t){var e=this;this.getBase64(t.file).then((function(t){var a=t.split(",");e.Base64img=a[1];var i={img_data:e.Base64img};Object(n["i"])(i).then((function(t){1==t.code?(e.factoryImgFileList.push({url:t.data.image_url}),e.$message({type:"success",message:"上传成功"})):e.$message({type:"error",message:t.message?t.message:"上传失败"})}))}))},getBase64:function(t){return new Promise((function(e,a){var i=new FileReader,r="";i.readAsDataURL(t),i.onload=function(){r=i.result},i.onerror=function(t){a(t)},i.onloadend=function(){e(r)}}))},chooseBrandType:function(){this.downTemplatehttp="",1===this.brandForm.brand_type?(this.hasBrand=!0,this.downTemplatehttp=this.shopTemplatehttp):2===this.brandForm.brand_type?(this.hasBrand=!0,this.downTemplatehttp=this.factoryTemplatehttp,this.factoryImgFileList=[],this.brandForm.brand_auth="",this.brand_auth_time="",this.validityConcreteTime=null,this.validityLongTermVal=!1):3===this.brandForm.brand_type&&(this.hasBrand=!1)},clearImg:function(){this.brandImgFileList=[],this.factoryImgFileList=[],this.shopImgFileList=[],this.brandForm.brand_logo="",this.brandForm.brand_auth="",this.brandForm.brand_business_auth="",this.brand_auth_time="",this.validityConcreteTime=null,this.validityLongTermVal=!1},handlePictureCardPreview:function(t){this.dialogImageUrl=t.url,this.dialogVisible=!0},handleRemove:function(t,e){for(var a=0;a<this.brandImgFileList.length;a++)t.uid===this.brandImgFileList[a].uid&&this.brandImgFileList.splice(a,1)},handlePictureCardPreview2:function(t){this.dialogImageUrl2=t.url,this.dialogVisible2=!0},handleRemove2:function(t){for(var e=0;e<this.factoryImgFileList.length;e++)t.uid===this.factoryImgFileList[e].uid&&this.factoryImgFileList.splice(e,1)},handlePictureCardPreview3:function(t){this.dialogImageUrl3=t.url,this.dialogVisible3=!0},handleRemove3:function(t){for(var e=0;e<this.shopImgFileList.length;e++)t.uid===this.shopImgFileList[e].uid&&this.shopImgFileList.splice(e,1)},validityConcrete:function(){this.validityConcreteTime&&(this.validityLongTermVal=!1)},validityLongTerm:function(){this.validityLongTermVal&&(this.validityConcreteTime=null)},getBrands:function(){var t=this;Object(n["d"])().then((function(e){if(1===e.code&&e.data){t.brandForm=e.data[0];var a={},i=[];if(t.brandForm.brand_logo.indexOf(",")>0){i=t.brandForm.brand_logo.split(",");for(var r=0;r<i.length;r++)a={},a.url=i[r],t.brandImgFileList.push(a)}else a.url=t.brandForm.brand_logo,t.brandImgFileList=[],t.brandImgFileList.push(a);var n={},s=[];if(t.brandForm.brand_auth.indexOf(",")>0){s=t.brandForm.brand_auth.split(",");for(var o=0;o<s.length;o++)n={},n.url=s[o],t.factoryImgFileList.push(n)}else n.url=t.brandForm.brand_auth,t.factoryImgFileList=[],t.factoryImgFileList.push(n);var l={},d=[];if(t.brandForm.brand_business_auth.indexOf(",")>0){d=t.brandForm.brand_business_auth.split(",");for(var m=0;m<d.length;m++)l={},l.url=d[m],t.shopImgFileList.push(l)}else l.url=t.brandForm.brand_business_auth,t.shopImgFileList=[],t.shopImgFileList.push(l);0===t.brandForm.brand_auth_time?t.validityLongTermVal=!0:t.validityConcreteTime=t.toStandTime(t.brandForm.brand_auth_time)}else t.$message({type:"error",message:e.message?e.message:""})}))},toStandTime:function(t){var e=new Date(1e3*t),a=e.getFullYear()+"-",i=(e.getMonth()+1<10?"0"+(e.getMonth()+1):e.getMonth()+1)+"-",r=(e.getDate()<10?"0"+e.getDate():e.getDate())+" ",n=(e.getHours()<10?"0"+e.getHours():e.getHours())+":",s=(e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes())+":",o=e.getSeconds()<10?"0"+e.getSeconds():e.getSeconds();return a+i+r+n+s+o},showTip:function(t,e){this.$message({message:"最多上传2张图片",type:"warning"})},back:function(){this.$router.push("/fillMainInf")},next:function(t){var e=this;if(this.validityLongTermVal?this.brandForm.brand_auth_time=this.validityLongTermVal-0-1:!1===this.validityLongTermVal&&this.validityConcreteTime?this.brandForm.brand_auth_time=new Date(this.validityConcreteTime).getTime()/1e3:this.brandForm.brand_auth_time="",this.brandImgFileList.length>0){for(var a=0;a<this.brandImgFileList.length;a++)0===a?this.brandForm.brand_logo=this.brandImgFileList[a].url:this.brandForm.brand_logo+=","+this.brandImgFileList[a].url;this.brandForm.brand_register_cert=this.brandImgFileList[0].url}if(this.factoryImgFileList.length>0)for(var i=0;i<this.factoryImgFileList.length;i++)0===i?this.brandForm.brand_auth=this.factoryImgFileList[i].url:this.brandForm.brand_auth+=","+this.factoryImgFileList[i].url;if(this.shopImgFileList.length>0)for(var r=0;r<this.shopImgFileList.length;r++)0===r?this.brandForm.brand_business_auth=this.shopImgFileList[r].url:this.brandForm.brand_business_auth+=","+this.shopImgFileList[r].url;this.$refs[t].validate((function(t){if(t){var a={},i=[];i.push(e.brandForm),0===e.brandForm.id?(a.brands=i,Object(n["a"])(a).then((function(t){1==t.code?e.$router.push("/fillShopInf"):e.$message({type:"error",message:t.message?t.message:"操作失败"})}))):Object(n["h"])(i).then((function(t){1==t.code?e.$router.push("/fillShopInf"):e.$message({type:"error",message:t.message?t.message:"操作失败"})}))}}))},noBrandNext:function(){this.$router.push("/fillShopInf")}}},o=s,l=(a("c4f7"),a("2877")),d=Object(l["a"])(o,i,r,!1,null,"3482731f",null);e["default"]=d.exports},c4f7:function(t,e,a){"use strict";a("836f")}}]);
\ No newline at end of file
src/api/module/brand/brand.js
浏览文件 @ 6f8ab46b
...@@ -9,7 +9,7 @@ export function getBrandsInf(query) { ...@@ -9,7 +9,7 @@ export function getBrandsInf(query) {
} }
// 新增品牌 // 新增品牌
export function addBrand(data) { export function addBrandData(data) {
return request({ return request({
url: '/local/brands', url: '/local/brands',
method: 'post', method: 'post',
...@@ -17,12 +17,29 @@ export function addBrand(data) { ...@@ -17,12 +17,29 @@ export function addBrand(data) {
}); });
} }
// 删除 品牌
export function delBrandData(data) {
return request({
url: '/local/brand/deleteBrand',
method: 'post',
data: data
});
}
// 获取品牌详情 // 获取品牌详情
export function getDetails (id) { // export function (id) {
// return request({
// url: '?id='+id,
// method: 'get'
// })
// }
export function getDetails(query) {
return request({ return request({
url: '/local/brandsInfo?id='+id, url: '/local/brandsInfo',
method: 'get' method: 'get',
}) params: query
});
} }
// 修改品牌信息 // 修改品牌信息
......
src/api/module/entry.js
浏览文件 @ 6f8ab46b
import request from '@/utils/request'; import request from '@/utils/request';
// 获取用户详细信息
export function getInfo(param) {
return request({
url: '/system/index/getInfo',
method: 'get',
params: param
})
}
// 获取主体信息 // 获取主体信息
export function getMainInf(query) { export function getMainInf(query) {
...@@ -69,14 +77,6 @@ export function upLoadImg (data) { ...@@ -69,14 +77,6 @@ export function upLoadImg (data) {
}); });
} }
// old
// export function upLoadImg (data) {
// return request({
// url: '/system/goods/uploadImg',
// method: 'post',
// data: data
// });
// }
// 获取商品类目 // 获取商品类目
export function getGoodsType(query) { export function getGoodsType(query) {
return request({ return request({
...@@ -85,3 +85,30 @@ export function getGoodsType(query) { ...@@ -85,3 +85,30 @@ export function getGoodsType(query) {
params: query params: query
}); });
} }
// 营业执照 图片识别信息
export function getLicenseImgInfoData(query) {
return request({
url: '/local/check/businessLicense',
method: 'get',
params: query
});
}
// 身份证 正/反 图片识别信息
export function getIdcardImgInfoData(query) {
return request({
url: '/local/check/idCard',
method: 'get',
params: query
});
}
// 查询 入驻类目资质
export function getUploadQualificationListData(query) {
return request({
url: '/local/qualification/list',
method: 'get',
params: query
});
}
src/store/modules/user.js
浏览文件 @ 6f8ab46b
...@@ -11,11 +11,11 @@ const user = { ...@@ -11,11 +11,11 @@ const user = {
roles: [], roles: [],
permissions: [], permissions: [],
ssourl:'', ssourl:'',
// 客户信息中的，入驻审核状态：0 是默认值 // 客户信息中，入驻审核状态
// 0-未提交未审核 // 0-未提交信息；
// 1-审核成功 // 1-审核成；
// 2-审核中 // 2-审核中；
// 3-审核失败 // 3-审核拒绝；
applyState: -1, applyState: -1,
}, },
...@@ -107,7 +107,7 @@ const user = { ...@@ -107,7 +107,7 @@ const user = {
} }
commit('SET_NAME', user.Username) commit('SET_NAME', user.Username)
commit('SET_SELLERID', user.SellerId) commit('SET_SELLERID', user.SellerId)
commit('SET_APPLYSTATE', user.state) // 商户入驻后的审核状态 commit('SET_APPLYSTATE', user.state) // 记录 商户入驻后的审核状态
commit('SET_AVATAR', avatar) commit('SET_AVATAR', avatar)
resolve(res) resolve(res)
}).catch(error => { }).catch(error => {
......
src/views/entry/fillMainInf.vue
浏览文件 @ 6f8ab46b
...@@ -5,43 +5,28 @@ ...@@ -5,43 +5,28 @@
</div> </div>
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix steps"> <div slot="header" class="clearfix steps">
<el-steps :active="0" align-center finish-status="success"> <el-steps :active="1" align-center finish-status="success">
<!-- <el-step title="签署入驻协议"></el-step>--> <el-step title="注册账号"></el-step>
<el-step title="填写主体信息"></el-step> <el-step title="填写主体信息"></el-step>
<el-step title="填写品牌信息"></el-step>
<el-step title="填写店铺信息"></el-step> <el-step title="填写店铺信息"></el-step>
<el-step title="提交入驻审核"></el-step> <el-step title="提交入驻审核"></el-step>
</el-steps> </el-steps>
</div> </div>
<div class="main-con"> <div class="main-con">
<el-form ref="mainForm" :model="mainForm" :rules="mainRules" label-width="180px"> <el-form ref="mainForm" :model="mainForm" :rules="mainRules" label-width="180px" class="main-form-con" size="small">
<el-form-item label="主体类型："> <el-form-item>
<el-radio-group v-model="mainForm.organization_type"> <p class="main-form-title">企业资质信息</p>
<el-radio :label="1">企业/公司</el-radio>
<el-radio :label="2">个体工商户</el-radio>
</el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="执照类型：" prop="license_type"> <el-form-item label="营业执照：" prop="license" >
<el-select v-model="mainForm.license_type" placeholder="请选择..." style="width: 400px;">
<el-option
v-for="item in zzOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="营业执照电子版：" prop="license" >
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<el-upload <el-upload
class="uploadData" :class="['uploadData',{ 'hiden-dom': licenseImgFileList.length >= 1 }]"
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:http-request="uploadLicenseImages" :http-request="uploadLicenseImages"
:limit="2" :limit="1"
:on-exceed="showTip" :on-exceed="showTip"
:before-upload = "beforeUpImg" :before-upload = "beforeUpImg"
:on-preview="handlePictureCardPreview" :on-preview="handlePictureCardPreview"
...@@ -60,7 +45,8 @@ ...@@ -60,7 +45,8 @@
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">图片大小在2MB以内，支持png,jpg格式，最多可上传2张</span> <span class="tips-text">图片大小在2MB以内，支持png,jpg格式，最多可上传2张</span></br>
<span class="tips-text">请确保营业执照在有效期内</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
...@@ -70,59 +56,50 @@ ...@@ -70,59 +56,50 @@
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的完整名称填写</span> <span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的完整名称填写</span>
</el-form-item> </el-form-item>
<el-form-item label="营业执照详细地址：" prop="organization_address"> <el-form-item label="统一社会代码：" prop="license_number" inline-message="true">
<el-input v-model="mainForm.organization_address" style="width: 400px;"></el-input> <el-input v-model="mainForm.license_number" style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上的详细地址填写</span> <span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的完整名称填写</span>
</el-form-item> </el-form-item>
<el-form-item :gutter="20" label="营业期限：" prop="license_expires_time"> <el-form-item :gutter="20" label="营业期限：" prop="license_expires_time">
<el-date-picker type="date" placeholder="选择日期" v-model="periodConcreteTime" <el-date-picker
style="width: 300px;" :disabled="isConcretePeriod" @change="periodConcrete"></el-date-picker> style="width:400px;"
v-model="periodConcreteTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
@change="periodLongTermChange"
:clearable="false"
/>
<el-checkbox v-model="periodLongTermVal" :disabled="isPeriodDisabled" <el-checkbox v-model="periodLongTermVal" :disabled="isPeriodDisabled"
style="padding-left:15px;" @change="periodLongTerm">长期 style="padding-left:15px;" @change="periodConcreteChange">长期
</el-checkbox> </el-checkbox>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>具体时间和长期，二者必填一个</span> <span class="tips-text"><i class="el-icon-warning h-warning"></i>具体时间和长期，二者必填一个</span>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人证件类型：" prop="idcard_type"> <el-form-item>
<el-select v-model="mainForm.idcard_type" placeholder="请选择..." style="width: 400px;"> <p class="main-form-tips">请核对营业执照信息，若信息不符合，可手动修改</p>
<el-option
v-for="item in idcardTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="法定代表人姓名：" prop="real_name">
<el-input v-model="mainForm.real_name" style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的法人填写</span>
</el-form-item>
<el-form-item label="法定代表人证件号：" prop="idcard_number">
<el-input v-model="mainForm.idcard_number" style="width: 400px;"></el-input>
</el-form-item> </el-form-item>
<el-divider></el-divider>
<el-form-item label="有效期至：" prop="idcard_expires_time"> <el-form-item>
<el-date-picker type="date" placeholder="选择日期" v-model="validityConcreteTime" <p class="main-form-title">企业法人信息</p>
style="width: 300px;" @change="validityConcrete"></el-date-picker>
<el-checkbox v-model="validityLongTermVal" style="padding-left:15px;"
@change="validityLongTerm">长期
</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item label="法人证件电子版：" prop="idcard_front"> <el-form-item label="法人身份证：" prop="idcard_front">
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <!-- 身份证正面 -->
<div style="padding: 0 20px;">
<el-upload <el-upload
class="uploadData" :class="['uploadData',{ 'hiden-dom': idcardImgFileList.length >= 1 }]"
list-type="picture-card" list-type="picture-card"
action="#" action="#"
:limit="2" :limit="1"
:on-exceed="showTip" :on-exceed="showTip"
:before-upload = "beforeUpImg" :before-upload = "beforeUpImg"
:http-request="uploadIdcardImages" :http-request="uploadIdcardPositive"
:on-preview="handlePictureCardPreview2" :on-preview="handlePictureCardPreview2"
:on-remove="handleRemove2" :on-remove="handleRemove2"
:file-list = 'idcardImgFileList' :file-list = 'idcardImgFileList'
...@@ -133,21 +110,70 @@ ...@@ -133,21 +110,70 @@
<img width="100%" :src="dialogImageUrl2" alt=""> <img width="100%" :src="dialogImageUrl2" alt="">
</el-dialog> </el-dialog>
</div> </div>
<!-- 身份证反面 -->
<div style="padding: 0 20px;">
<el-upload
:class="['uploadData',{ 'hiden-dom': idcardBackImgFileList.length >= 1 }]"
list-type="picture-card"
action="#"
:limit="1"
:on-exceed="showTip"
:file-list = 'idcardBackImgFileList'
:before-upload = "beforeUpImg"
:on-preview="handleBackPictureCardPreview2"
:on-remove="handleBackRemove2"
:http-request="uploadIdcardBack"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogBackVisible2">
<img width="100%" :src="dialogBackImageUrl2" alt="">
</el-dialog>
</div>
<div> <div>
<span class="tips-text"> <span class="tips-text">
<i class="el-icon-warning h-warning"></i> <i class="el-icon-warning h-warning"></i>
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">请按顺序分别上传正面（照片面）和反面（国徽面）电子版图片,文件大小在 2MB以内，支持png,jpg格式，最多可上传2张</span> <span class="tips-text">请按顺序分别上传正面（照片面）和反面（国徽面）电子版图片,文件大小在 2MB以内，支持png,jpg格式，最多可上传2张</span>
</div> </div>
</div> </div>
<div class="idcard-tips-con">
<p>请上传身份证正面</p>
<p>请上传身份证国徽面</p>
</div>
</el-form-item>
<el-form-item label="法定姓名：" prop="real_name">
<el-input v-model="mainForm.real_name" style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的法人填写</span>
</el-form-item>
<el-form-item label="法定代表人证件号：" prop="idcard_number">
<el-input v-model="mainForm.idcard_number" style="width: 400px;"></el-input>
</el-form-item>
<el-form-item label="有效期至：" prop="idcard_expires_time">
<el-date-picker
style="width:400px;"
v-model="validityConcreteTime"
type="daterange"
range-separator="至"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="validityConcreteTimeChange"
:clearable="false"
/>
<el-checkbox v-model="validityLongTermVal" style="padding-left:15px;" @change="validityLongTermValChange">长期
</el-checkbox>
</el-form-item>
<el-form-item>
<p class="main-form-tips">请核对企业法人信息，若信息不符合，可手动修改</p>
</el-form-item> </el-form-item>
<!-- <el-form-item style="padding-top:20px;">-->
<!--&lt;!&ndash; <el-button type="primary" @click="back" style="margin-right: 40px;">上一步</el-button>&ndash;&gt;-->
<!-- <el-button type="primary" @click="next('mainForm')">下一步</el-button>-->
<!-- </el-form-item>-->
<div class="confirm-btn"> <div class="confirm-btn">
<p> <p>
<el-button type="primary" style="padding: 8px 30px;" @click="next('mainForm')">下一步</el-button> <el-button type="primary" style="padding: 8px 30px;" @click="next('mainForm')">下一步</el-button>
...@@ -161,7 +187,8 @@ ...@@ -161,7 +187,8 @@
</template> </template>
<script> <script>
import { getMainInf,addMain,upLoadImg } from '@/api/module/entry'; import { getInfo,getMainInf,addMain,upLoadImg,getLicenseImgInfoData,getIdcardImgInfoData } from '@/api/module/entry';
import { dateFormat } from '@/utils'
export default { export default {
name: "FillMainInf", name: "FillMainInf",
data() { data() {
...@@ -199,7 +226,7 @@ ...@@ -199,7 +226,7 @@
} }
}; };
let licenseTimeValidator = (rule, value, callback) => { let licenseTimeValidator = (rule, value, callback) => {
if (this.periodConcreteTime === null && this.periodLongTermVal === false) { if (this.periodConcreteTime == [] && this.periodLongTermVal === false) {
callback(new Error("营业期限具体时间和长期必须填写其中一个")); callback(new Error("营业期限具体时间和长期必须填写其中一个"));
} else { } else {
callback(); callback();
...@@ -214,55 +241,46 @@ ...@@ -214,55 +241,46 @@
}; };
return { return {
licenseImgFileList: [], // 营业执照图片 licenseImgFileList: [], // 营业执照图片
idcardImgFileList: [], // 法人证件照图片 idcardImgFileList: [], // 身份证件照图片
idcardBackImgFileList: [], // 身份证国徽面
dialogImageUrl: '', dialogImageUrl: '',
dialogVisible: false, dialogVisible: false,
dialogImageUrl2: '', dialogImageUrl2: '',
dialogVisible2: false, dialogVisible2: false,
// 执照类型 dialogBackImageUrl2: '',
zzOptions: [ dialogBackVisible2: false,
{label: "多证合一营业执照（统一社会信用代码）", value: 1},
{label: "多证合一营业执照（非统一社会信用代码）", value: 2},
],
// 法人执照类型
idcardTypeOptions: [
{label: "大陆身份证", value: 1},
{label: "护照", value: 2},
{label: "港奥台居民通行证", value: 3},
{label: "台湾居民通行证", value: 4},
],
// 营业期限 // 营业期限
periodConcreteTime: null, periodConcreteTime: [],
periodLongTermVal: false, periodLongTermVal: false,
// 证件有效期 // 证件有效期
validityConcreteTime: null, validityConcreteTime: [],
validityLongTermVal: false, validityLongTermVal: false,
isConcretePeriod: false, isConcretePeriod: false,
isPeriodDisabled: false, isPeriodDisabled: false,
isValidity: true, // 有效期至 是否填写 isValidity: true, // 有效期至 是否填写
submitTime: [],
// 主体信息 // 主体信息
mainForm: { mainForm: {
organization_type: 2,
license_type: '',
license: '', license: '',
organization_name: '', organization_name: '',
organization_address: '', license_number: '',
license_expires_time: '', // 法人信息
idcard_type: '', idcard_front: '',
idcard_back: '',
real_name: '', real_name: '',
idcard_number: '', idcard_number: '',
idcard_start_time: '',
idcard_expires_time: '', idcard_expires_time: '',
idcard_front: '', license_expires_time: '',
idcardback: 'jiazhuangwshifanmian' license_start_time: ''
}, },
// 主体信息校验 // 主体信息校验
hasLicense: false, hasLicense: false,
mainRules: { mainRules: {
license_type: [{required: true, message: '营业执照类型不能为空', trigger: 'change'}],
license: [{required: true, message: '请上传营业执照电子版',validator: licenseValidator}], license: [{required: true, message: '请上传营业执照电子版',validator: licenseValidator}],
organization_name: [{required: true, message: '企业名称不能为空', trigger: 'blur'}], organization_name: [{required: true, message: '企业名称不能为空', trigger: 'blur'}],
organization_address: [{required: true, message: '营业执照地址不能为空', trigger: 'blur'}], license_number: [{required: true, message: '统一社会代码不能为空', trigger: 'blur'}],
idcard_type: [{required: true, message: '证件类型不能为空', trigger: 'change'}], // idcard_type: [{required: true, message: '证件类型不能为空', trigger: 'change'}],
real_name: [{required: true, message: '法人姓名不能为空', trigger: 'blur'}], real_name: [{required: true, message: '法人姓名不能为空', trigger: 'blur'}],
idcard_number: [ idcard_number: [
{required: true, message: '法人证件号不能为空', trigger: 'blur'}, {required: true, message: '法人证件号不能为空', trigger: 'blur'},
...@@ -275,34 +293,55 @@ ...@@ -275,34 +293,55 @@
} }
}, },
created() { created() {
// console.log('主体页面',this.$store.state.user.applyState) // 根据 用户信息，判断是否请求 回显接口
this.getMain(); getInfo().then(res=> {
if (res.code == 1 && res.data.user) {
let isRrequest = false;
if (res.data.user.state == 0) {
if (res.data.user.status == 1) {
isRrequest = true;
}else {
isRrequest = false;
}
}else if (res.data.user.state == 1 || res.data.user.state == 2 || res.data.user.state == 3) {
isRrequest = true;
}
if (isRrequest) {
this.getMain();
}
} // if end
}); // getInfo end
}, },
mounted() {}, mounted() {},
methods: { methods: {
periodConcrete() { /** 营业期限 选择区间时间时 */
if (this.periodConcreteTime) { periodLongTermChange() {
if (Array.isArray(this.periodConcreteTime) && this.periodConcreteTime.length == 2) {
this.periodLongTermVal = false; this.periodLongTermVal = false;
} }
}, },
periodLongTerm() { /** 营业期限 选择 长期时 */
periodConcreteChange() {
if (this.periodLongTermVal) { if (this.periodLongTermVal) {
this.periodConcreteTime = null; this.periodConcreteTime = [];
} }
}, },
validityConcrete() { /** 身份证有效期 选择区间时间时 */
if (this.validityConcreteTime) { validityConcreteTimeChange() {
if (Array.isArray(this.validityConcreteTime) && this.validityConcreteTime.length == 2) {
this.validityLongTermVal = false; this.validityLongTermVal = false;
} }
}, },
validityLongTerm() { /** 身份证有效期 选择 长期时 */
validityLongTermValChange() {
if (this.validityLongTermVal) { if (this.validityLongTermVal) {
this.validityConcreteTime = null; this.validityConcreteTime = [];
} }
}, },
// 上传图片格式和大小的校验 /** 上传 图片大小和格式校验 */
beforeUpImg(file) { beforeUpImg(file) {
let isImgSize = (file.size / 1024 /1024) > 2; // let isImgSize = (file.size / 1024 / 100) > 5;
if(file.type !== "image/png" && file.type !== "image/jpg" && file.type != "image/jpeg") { if(file.type !== "image/png" && file.type !== "image/jpg" && file.type != "image/jpeg") {
this.$message({ this.$message({
message: '上传图片格式只支持png/png格式', message: '上传图片格式只支持png/png格式',
...@@ -310,15 +349,15 @@ ...@@ -310,15 +349,15 @@
}); });
return false; return false;
} }
if(isImgSize) { // if(isImgSize) {
this.$message({ // this.$message({
message: '上传图片大小不能超过2M', // message: '上传图片大小不能超过500k',
type: "warning" // type: "warning"
}); // });
return false; // return false;
} // }
}, },
// 营业执照图片，上传 /** 上传 营业执照图片 */
uploadLicenseImages(param) { uploadLicenseImages(param) {
this.getBase64(param.file).then((res) => { this.getBase64(param.file).then((res) => {
let result = res.split(","); let result = res.split(",");
...@@ -329,6 +368,8 @@ ...@@ -329,6 +368,8 @@
this.licenseImgFileList.push({'url':res.data.image_url}); this.licenseImgFileList.push({'url':res.data.image_url});
this.$message({type: 'success',message:'上传成功'}); this.$message({type: 'success',message:'上传成功'});
this.$refs.mainForm.clearValidate('license'); this.$refs.mainForm.clearValidate('license');
// 图片识别
this.readLicenseImgInfo(this.licenseImgFileList);
}else { }else {
this.$message({type:'error',message:res.message ? res.message : '上传失败'}); this.$message({type:'error',message:res.message ? res.message : '上传失败'});
} }
...@@ -346,8 +387,39 @@ ...@@ -346,8 +387,39 @@
} }
} }
}, },
// 上传法人证件照 /** 识别 营业执照信息 */
uploadIdcardImages(param) { readLicenseImgInfo(fileList) {
// debugger
if ( !Array.isArray(fileList) || !fileList[0].url) return
let data = {img: fileList[0].url}
// let data = {img: 'http://excel.jxhh.com/1626058781.jpg'}
getLicenseImgInfoData(data).then(res=> {
// console.log(369,res);
if (res.code == 1 ) {
this.mainForm.organization_name = res.data.words_result['单位名称'].words ? res.data.words_result['单位名称'].words : '';
this.mainForm.license_number = res.data.words_result['社会信用代码'].words ? res.data.words_result['社会信用代码'].words : '';
// 营业期限处理
if (res.data.words_result['有效期'].words == '长期' || res.data.words_result['有效期'].words == '年月日') {
this.periodConcreteTime = [];
this.periodLongTermVal = true;
// this.isConcretePeriod = true;
}else {
// 营业期限 日期处理 XXXX年XX月XX日 => xx-xx-xx
let beginTimeStr = res.data.words_result['成立日期'].words ? res.data.words_result['成立日期'].words : '';
let endTimeStr = res.data.words_result['有效期'].words
let beginTime = beginTimeStr.replace(/年|月|日/g,"-").substr(0,beginTimeStr.length - 1)
let endTime = endTimeStr.replace(/年|月|日/g,"-").substr(0,endTimeStr.length - 1)
this.periodConcreteTime = [];
this.periodConcreteTime.push(beginTime);
this.periodConcreteTime.push(endTime);
// this.isConcretePeriod = false;
this.periodLongTermVal = false;
}
}
});
},
/** 上传身份证 正面 */
uploadIdcardPositive(param) {
this.getBase64(param.file).then((res) => { this.getBase64(param.file).then((res) => {
let result = res.split(","); let result = res.split(",");
this.Base64img = result[1]; this.Base64img = result[1];
...@@ -357,12 +429,24 @@ ...@@ -357,12 +429,24 @@
this.idcardImgFileList.push({'url':res.data.image_url}); this.idcardImgFileList.push({'url':res.data.image_url});
this.$message({type:'success',message:'上传成功'}); this.$message({type:'success',message:'上传成功'});
this.$refs.mainForm.clearValidate('idcard_front'); this.$refs.mainForm.clearValidate('idcard_front');
this.readIdcardPositive(this.idcardImgFileList);
}else { }else {
this.$message({type:'error',message:res.message ? res.message : '上传失败'}); this.$message({type:'error',message:res.message ? res.message : '上传失败'});
} }
}); });
}); });
}, },
/** 识别 身份证 正面 */
readIdcardPositive(fileList) {
if ( !Array.isArray(fileList) || !fileList[0].url) return
let data = {img: fileList[0].url}
getIdcardImgInfoData(data).then(res=> {
if (res.code == 1 ) {
this.mainForm.real_name = res.data.words_result['姓名'].words ? res.data.words_result['姓名'].words : '';
this.mainForm.idcard_number = res.data.words_result['公民身份号码'].words ? res.data.words_result['公民身份号码'].words : '';
}
});
},
handlePictureCardPreview2(file) { handlePictureCardPreview2(file) {
this.dialogImageUrl2 = file.url; this.dialogImageUrl2 = file.url;
this.dialogVisible2 = true; this.dialogVisible2 = true;
...@@ -374,64 +458,148 @@ ...@@ -374,64 +458,148 @@
} }
} }
}, },
/** 上传身份证 反面 */
uploadIdcardBack(param) {
this.getBase64(param.file).then((res) => {
let result = res.split(",");
this.Base64img = result[1];
let data = {"img_data":this.Base64img};
upLoadImg(data).then((res) => {
if (res.code == 1){
this.idcardBackImgFileList.push({'url':res.data.image_url});
this.$message({type:'success',message:'上传成功'});
this.$refs.mainForm.clearValidate('idcard_back');
this.readIdcardBack(this.idcardBackImgFileList);
}else {
this.$message({type:'error',message:res.message ? res.message : '上传失败'});
}
});
});
},
/** 识别 身份证 反面 */
readIdcardBack(fileList) {
if ( !Array.isArray(fileList) || !fileList[0].url) return
let data = {img: fileList[0].url}
getIdcardImgInfoData(data).then(res=> {
if (res.code == 1 ) {
// 身份证 有效 XXXXXXXX日 => xx-xx-xx
let endStr = res.data.words_result['失效日期'].words ? res.data.words_result['失效日期'].words : '';
if (endStr == '长期') {
this.validityConcreteTime = [];
this.validityLongTermVal = true;
}else {
let beginStr = res.data.words_result['签发日期'].words ? res.data.words_result['签发日期'].words : '';
let reg = /^(\d{4})(\d{2})(\d{2})$/;
let begin = beginStr.replace(reg, "$1-$2-$3");
let end = endStr.replace(reg, "$1-$2-$3");
this.validityConcreteTime = [];
this.validityConcreteTime.push(begin);
this.validityConcreteTime.push(end);
this.validityLongTermVal = false;
}
}
});
},
handleBackPictureCardPreview2(file) {
this.dialogBackImageUrl2 = file.url;
this.dialogBackVisible2 = true;
},
handleBackRemove2(file) {
for(let i = 0; i < this.idcardBackImgFileList.length; i++) {
if(file.uid === this.idcardBackImgFileList[i].uid) {
this.idcardBackImgFileList.splice(i,1);
}
}
},
// 获取主体信息接口 // 获取主体信息接口
getMain() { getMain() {
getMainInf().then(res => { getMainInf().then(res => {
if(res.code == 1) { if(res.code == 1) {
this.resetForm('mainForm'); this.resetForm('mainForm');
this.mainForm = res.data; this.mainForm = res.data;
this.mainForm.idcardback = "jzwsfm";
// 营业执照电子图片处理
// 处理证件照 let licenseImgArr = [];
let licenseList = {}; let licenseImgUrl = {};
let licenseArr = []; licenseImgArr = this.mainForm.license.split(",");
if (licenseImgArr.length > 0) {
if(this.mainForm.license.indexOf(",") > 0) { licenseImgArr.forEach(item=> {
licenseArr = this.mainForm.license.split(","); licenseImgUrl = {};
for(let a = 0; a < licenseArr.length; a++){ if (item) {
licenseList = {}; licenseImgUrl.url = item
licenseList.url = licenseArr[a]; this.licenseImgFileList.push(licenseImgUrl)
this.licenseImgFileList.push(licenseList); }
} });
}else { }else {
licenseList.url = this.mainForm.license;
this.licenseImgFileList = []; this.licenseImgFileList = [];
this.licenseImgFileList.push(licenseList);
} }
// 处理法人证件照 // 身份证 正面数据处理
let idcardList = {}; let idcardFrontImgArr = [];
let idcardArr = []; let idcardFrontImgUrl = {};
if(this.mainForm.idcard_front.indexOf(",") > 0) { idcardFrontImgArr = this.mainForm.idcard_front.split(",");
idcardArr = this.mainForm.idcard_front.split(","); if (idcardFrontImgArr.length > 0) {
for(let a = 0; a < idcardArr.length; a++){ idcardFrontImgArr.forEach(item=> {
idcardList = {}; idcardFrontImgUrl = {};
idcardList.url = idcardArr[a]; if (item) {
this.idcardImgFileList.push(idcardList); idcardFrontImgUrl.url = item
} this.idcardImgFileList.push(idcardFrontImgUrl)
}
});
}else { }else {
idcardList.url = this.mainForm.idcard_front;
this.idcardImgFileList = []; this.idcardImgFileList = [];
this.idcardImgFileList.push(idcardList);
} }
if(this.mainForm.idcard_expires_time === 0) { // 身份证 反面数据处理
this.validityLongTermVal = true; let idcardBackImgArr = [];
let idcardBackImgUrl = {};
idcardBackImgArr = this.mainForm.idcard_back.split(",");
if (idcardBackImgArr.length > 0) {
idcardBackImgArr.forEach(item=> {
idcardBackImgUrl = {};
if (item) {
idcardBackImgUrl.url = item
this.idcardBackImgFileList.push(idcardBackImgUrl)
}
});
}else { }else {
this.validityConcreteTime = this.toStandTime(this.mainForm.idcard_expires_time); this.idcardBackImgFileList = [];
} }
if(this.mainForm.license_expires_time === 0) { // 营业期限 日期格式处理
this.periodLongTermVal = true; if (this.mainForm.license_expires_time == 0) {
}else { this.periodLongTermVal = true
this.periodConcreteTime = this.toStandTime(this.mainForm.license_expires_time); this.periodConcreteTime = [];
} else if (this.mainForm.license_expires_time > 0) {
this.periodLongTermVal = false;
this.periodConcreteTime = [];
let start = this.formatterTime(this.mainForm.license_start_time)
let end = this.formatterTime(this.mainForm.license_expires_time);
this.periodConcreteTime.push(start)
this.periodConcreteTime.push(end)
}
// 身份证 有效期 日期格式处理
if (this.mainForm.idcard_expires_time == 0) {
this.validityLongTermVal = true
this.validityConcreteTime = [];
} else if (this.mainForm.idcard_expires_time > 0) {
this.validityLongTermVal = false;
this.validityConcreteTime = [];
let start = this.formatterTime(this.mainForm.idcard_start_time)
let end = this.formatterTime(this.mainForm.idcard_expires_time);
this.validityConcreteTime.push(start)
this.validityConcreteTime.push(end)
} }
} else { } else {
this.$message({type:'error',message:res.message ? res.message : ''}); this.$message({type:'error',message:res.message ? res.message : '获取主体信息失败'});
} }
}); });
}, },
resetForm(formName) { resetForm(formName) {
this.periodConcreteTime = [];
this.validityConcreteTime = [];
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
// 图片转换为base64位 // 图片转换为base64位
...@@ -452,39 +620,41 @@ ...@@ -452,39 +620,41 @@
}); });
}, },
// 时间戳转换为 标准时间格式 // 时间戳转换为 标准时间格式
toStandTime(val) { formatterTime(time) {
let date = new Date(val * 1000) return dateFormat(time *1000, 'Y-m-d')
let Y = date.getFullYear() + '-'
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
const s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
return Y + M + D + h + m + s;
}, },
showTip(files,fileList) { /** 图片上传 数量限制 1张 */
showTip2() {
this.$message({message: '最多上传2张图片', type: 'warning'}); this.$message({message: '最多上传2张图片', type: 'warning'});
}, },
showTip() {
this.$message({message: '最多上传1张图片', type: 'warning'});
},
back() { back() {
this.$router.push("/agreement"); this.$router.push("/agreement");
}, },
next(form) { next(form) {
// 营业期限 // 营业期限 数据处理
if(this.periodLongTermVal) { if (this.periodLongTermVal) {
this.mainForm.license_expires_time = (this.periodLongTermVal - 0 - 1); // 布尔值减0得到对应数字 this.mainForm.license_expires_time = 0;
} else if(this.periodLongTermVal === false && this.periodConcreteTime) { this.mainForm.license_start_time = 0;
this.mainForm.license_expires_time = new Date(this.periodConcreteTime).getTime() / 1000; } else {
}else { if( Array.isArray(this.periodConcreteTime) && this.periodConcreteTime.length == 2) {
this.mainForm.license_expires_time = ''; this.mainForm.license_start_time = new Date(this.periodConcreteTime[0]).getTime() / 1000;
this.mainForm.license_expires_time = new Date(this.periodConcreteTime[1]).getTime() / 1000;
}
} }
// 法人证件期限
if(this.validityLongTermVal) { // 身份证有效期 数据处理
this.mainForm.idcard_expires_time = (this.validityLongTermVal - 0 -1); if (this.validityLongTermVal) {
}else if(this.validityLongTermVal === false && this.validityConcreteTime) { this.mainForm.idcard_expires_time = 0;
this.mainForm.idcard_expires_time = new Date(this.validityConcreteTime).getTime() / 1000; this.mainForm.idcard_start_time = 0;
}else { } else {
this.mainForm.idcard_expires_time = ''; if( Array.isArray(this.validityConcreteTime) && this.validityConcreteTime.length == 2) {
this.mainForm.idcard_start_time = new Date(this.validityConcreteTime[0]).getTime() / 1000;
this.mainForm.idcard_expires_time = new Date(this.validityConcreteTime[1]).getTime() / 1000;
}
} }
// 处理营业执照 // 处理营业执照
...@@ -499,7 +669,7 @@ ...@@ -499,7 +669,7 @@
} }
} }
// 处理法人证件照 // 身份证 正面 数据处理
if(this.idcardImgFileList.length > 0) { if(this.idcardImgFileList.length > 0) {
for(let i = 0; i < this.idcardImgFileList.length; i++) { for(let i = 0; i < this.idcardImgFileList.length; i++) {
if(i === 0) { if(i === 0) {
...@@ -510,11 +680,22 @@ ...@@ -510,11 +680,22 @@
} }
} }
// 身份证 反面 数据处理
if(this.idcardBackImgFileList.length > 0) {
for(let i = 0; i < this.idcardBackImgFileList.length; i++) {
if(i === 0) {
this.mainForm.idcard_back = this.idcardBackImgFileList[i].url;
}else {
this.mainForm.idcard_back += ',' + this.idcardBackImgFileList[i].url;
}
}
}
this.$refs[form].validate((valid) => { this.$refs[form].validate((valid) => {
if (valid) { if (valid) {
addMain(this.mainForm).then(res => { addMain(this.mainForm).then(res => {
if(res.code == 1) { if(res.code == 1) {
this.$router.push("/fillBrandInf"); this.$router.push("/fillShopInf");
}else { }else {
this.$message({type:'error',message:res.message ? res.message : '保存失败'}); this.$message({type:'error',message:res.message ? res.message : '保存失败'});
} }
...@@ -536,9 +717,9 @@ ...@@ -536,9 +717,9 @@
.box-card { .box-card {
width: 80%; width: 80%;
margin: 30px auto 30px; margin: 30px auto 30px;
height: calc(100% - 120px); height: calc(100% - 140px);
/deep/.el-card__body{ /deep/.el-card__body{
height: calc(100% - 120px); height: calc(100% - 140px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -597,7 +778,7 @@ ...@@ -597,7 +778,7 @@
// 主体信息 // 主体信息
.main-con { .main-con {
width: 70%; width: 70%;
margin: 30px auto 50px; margin: 30px auto;
overflow-y: scroll; overflow-y: scroll;
// 重置 提示图标颜色 // 重置 提示图标颜色
.tips-text { .tips-text {
...@@ -636,10 +817,44 @@ ...@@ -636,10 +817,44 @@
} }
} }
} }
.hiden-dom >>> .el-upload--picture-card {
display :none!important;
}
.idcard-tips-con {
display: flex;
flex-direction: row;
justify-content: normal;
justify-items : center;
}
.idcard-tips-con > p {
margin: 0;
padding: 0 15px;
}
.main-form-con {
margin-left: 100px;
}
.main-form-title {
color: #666;
font-size: 18px;
font-weight: 600;
padding: 0;
margin: 10px 0 10px -180px;
}
.main-form-tips {
color: #aaa;
font-size: 14px;
font-weight: 400;
padding: 0;
}
.confirm-btn { .confirm-btn {
//height: 100px;
width: 50%; width: 50%;
margin: 0 auto; margin: 40px auto 0;
p { p {
text-align: center; text-align: center;
} }
......
src/views/entry/fillShopInf.vue
浏览文件 @ 6f8ab46b
...@@ -7,15 +7,14 @@ ...@@ -7,15 +7,14 @@
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix steps"> <div slot="header" class="clearfix steps">
<el-steps :active="2" align-center finish-status="success"> <el-steps :active="2" align-center finish-status="success">
<!-- <el-step title="签署入驻协议"></el-step>--> <el-step title="注册账号"></el-step>
<el-step title="填写主体信息"></el-step> <el-step title="填写主体信息"></el-step>
<el-step title="填写品牌信息"></el-step>
<el-step title="填写店铺信息"></el-step> <el-step title="填写店铺信息"></el-step>
<el-step title="提交入驻审核"></el-step> <el-step title="提交入驻审核"></el-step>
</el-steps> </el-steps>
</div> </div>
<div class="main-con"> <div class="main-con">
<el-form ref="storeForm" :model="storeForm" :rules="shopRules" label-width="180px"> <el-form ref="storeForm" :model="storeForm" :rules="shopRules" label-width="180px" size="small">
<el-form-item label="电商平台经验：" prop="is_business_experience"> <el-form-item label="电商平台经验：" prop="is_business_experience">
<el-radio-group v-model="storeForm.is_business_experience"> <el-radio-group v-model="storeForm.is_business_experience">
...@@ -29,7 +28,7 @@ ...@@ -29,7 +28,7 @@
</el-form-item> </el-form-item>
<el-form-item label="经营类目：" prop="scope"> <el-form-item label="经营类目：" prop="scope">
<el-select v-model="storeForm.scope" multiple placeholder="请选择..." style="width: 400px;"> <el-select v-model="storeForm.scope" @remove-tag="removeTag" @visible-change="scopeVisibleChange($event)" multiple placeholder="请选择..." style="width: 400px;">
<el-option <el-option
v-for="item in scopeOptions" v-for="item in scopeOptions"
:key="item.id" :key="item.id"
...@@ -43,7 +42,7 @@ ...@@ -43,7 +42,7 @@
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<el-upload <el-upload
class="uploadData" :class="['uploadData',{ 'hiden-dom': logoImgFileList.length >= 1 }]"
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:limit="1" :limit="1"
...@@ -84,50 +83,56 @@ ...@@ -84,50 +83,56 @@
生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p> 生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p>
</el-form-item> </el-form-item>
<el-form-item label="其他资质：" prop="business_auth"> <el-form-item label="其他资质：">
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div class="auth-con">
<div style="padding-right:6px;"> <!--*** 方法二 start ***-->
<el-upload <div v-for="(item,index) in qualificationList" :key="item.id" class="single-upload-con">
class="uploadData" <div v-show="!item.url" class="single-auth-img" @click="upPreAuthImg(index)"></div>
action="#"
list-type="picture-card" <div v-show="item.url" class="single-auth-img-con">
:limit="20" <img class="auth-spec-img" :src="item.url" alt="" />
:on-exceed="showTip20" <span class="span-img-del-loading">
:before-upload = "beforeUpBusImg" <span class="span-img-del el-icon-zoom-in zoom-span-block" @click="viewSingleSpecImg(index,item)"></span>
:http-request="uploadBusinessImgs" <span class="span-img-del el-icon-delete del-span-block" @click="delSingleSpecImg(index,item)"></span>
:on-preview="handlePictureCardPreview2" </span>
:on-remove="handleRemove2" </div>
:file-list = 'businessImgFileList'> <div class="single-title">{{ authTitleFormatter(item.content) }}</div>
<i class="el-icon-plus"></i> <!-- 真正上传 dom 原生 input -->
</el-upload> <input type="file" style="display: none;" :ref=" 'hxz' + index " accept="image/*"
<el-dialog :visible.sync="dialogVisible2"> @change="changeIMG(index,item)">
<img width="100%" :src="dialogImageUrl2" alt="">
</el-dialog>
</div>
<div>
<span class="tips-text">
<i class="el-icon-warning h-warning"></i>
</span>
</div>
<div style="width:380px;line-height: 24px;padding-top: 6px;color: #333;">
<span class="tips-text">请上其他资质，单个文件大小在2MB以内，支持jpg,png格式，最多可上传20张</span>
</div> </div>
<!--*** 方法二 end ***-->
</div> </div>
</el-form-item> </el-form-item>
<el-form-item style="margin: 40px 0 0;"> <el-form-item class="confirm-btn">
<el-button type="primary" @click="back" style="margin-right: 40px;">上一步</el-button> <div>
<el-button type="primary" @click="next('storeForm')">提交审核</el-button> <el-button type="primary" @click="back" style="margin-right: 40px;">上一步</el-button>
<el-button type="primary" @click="next('storeForm')">提交审核</el-button>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-card> </el-card>
<!-- 图片预览 -->
<el-dialog
:visible.sync="imgDialog"
:destroy-on-close="true"
width="60%"
center
:close-on-click-modal="false"
class="img-dialog-con"
>
<img class="img-spe" :src="qualificationUrl" alt="">
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { getGoodsType, getShopInf ,addShopInf ,upLoadImg} from '@/api/module/entry'; import { getInfo,getGoodsType, getShopInf ,addShopInf ,upLoadImg,getUploadQualificationListData} from '@/api/module/entry';
export default { export default {
name: "FillShopInf", name: "FillShopInf",
data() { data() {
...@@ -173,7 +178,10 @@ ...@@ -173,7 +178,10 @@
}, },
// //
shopRules: { shopRules: {
store_name: [{required: true, message: '店铺名称不能为空', trigger: 'blur'}], store_name: [
{required: true, message: '店铺名称不能为空', trigger: 'blur'},
{ max: 36,message: '店铺名称最多输入36个字符', trigger: 'blur' }
],
scope: [{required: true, message: '经营类目至少选择一种', trigger: 'change'}], scope: [{required: true, message: '经营类目至少选择一种', trigger: 'change'}],
shop_logo: [{required: true, message: '店铺Logo至少上传一张图片', validator: logoValidator}],// shop_logo: [{required: true, message: '店铺Logo至少上传一张图片', validator: logoValidator}],//
emergency_name: [{required: true, message: '运营负责人不能为空', trigger: 'blur'}],// emergency_name: [{required: true, message: '运营负责人不能为空', trigger: 'blur'}],//
...@@ -181,8 +189,11 @@ ...@@ -181,8 +189,11 @@
{required: true, message: '联系人手机号码不能为空', trigger: 'blur'}, {required: true, message: '联系人手机号码不能为空', trigger: 'blur'},
{required: true, validator: checkTel,trigger: 'blur' } {required: true, validator: checkTel,trigger: 'blur' }
], ],
business_auth: [{required: true, message: '其他资质至少上传一张图片', validator: busAuthValidator}],// },
} // 需要上传的资质
qualificationList: [],
qualificationUrl: '',
imgDialog: false
} }
}, },
created() { created() {
...@@ -196,7 +207,15 @@ ...@@ -196,7 +207,15 @@
} }
}); });
// 获取店铺信息 // 获取店铺信息
this.getShop(); getInfo().then(res=> {
if (res.code == 1 && res.data.user) {
if (res.data.user.state > 0) {
this.getShop();
}
}else {
this.$message({type:'error',message: res.message ? res.message : '获取数据失败'});
}
});
}, },
mounted() {}, mounted() {},
methods: { methods: {
...@@ -242,10 +261,10 @@ ...@@ -242,10 +261,10 @@
return false; return false;
} }
}, },
// 获取 店铺信息 /** 获取 店铺信息 */
getShop() { getShop() {
getShopInf().then(res => { getShopInf().then(res => {
if (res.code == 1){ if(res.code == 1){
// 处理 select 下拉回显数据格式 // 处理 select 下拉回显数据格式
this.storeForm.scope = []; this.storeForm.scope = [];
if(res.data.scope === '') { if(res.data.scope === '') {
...@@ -259,41 +278,26 @@ ...@@ -259,41 +278,26 @@
this.storeForm = res.data; this.storeForm = res.data;
this.storeForm.scope = scopeList; this.storeForm.scope = scopeList;
} }
//console.log("处理后的格式：",this.storeForm.scope);
// 店铺logo回显处理 // 店铺logo回显处理
let logoList = {}; let logoImgArr = [];
let logoArr = []; let logoImgUrl = {};
if(this.storeForm.shop_logo.indexOf(",") > 0) { logoImgArr = this.storeForm.shop_logo.split(",");
logoArr = this.storeForm.shop_logo.split(","); if (logoImgArr.length > 0) {
for(let a = 0; a < logoArr.length; a++){ logoImgArr.forEach(item=> {
logoList = {}; logoImgUrl = {};
logoList.url = logoArr[a]; if (item) {
this.logoImgFileList.push(logoList); logoImgUrl.url = item
} this.logoImgFileList.push(logoImgUrl)
}else if(this.storeForm.shop_logo) { }
logoList.url = this.storeForm.shop_logo; });
this.logoImgFileList = [];
this.logoImgFileList.push(logoList);
}else { }else {
this.logoImgFileList = []; this.logoImgFileList = [];
} }
// 资质图片回显处理 // 资质图片回显处理
let businessList = {}; this.qualificationList = this.storeForm.qualification;
let busArr = [];
if(this.storeForm.business_auth.indexOf(",") > 0) {
busArr = this.storeForm.business_auth.split(",");
for(let a = 0; a < busArr.length; a++){
businessList = {};
businessList.url = busArr[a];
this.businessImgFileList.push(businessList);
}
}else if(this.storeForm.business_auth) {
businessList.url = this.storeForm.business_auth;
this.businessImgFileList = [];
this.businessImgFileList.push(businessList);
}else {
this.businessImgFileList = [];
}
}else { }else {
this.$message({type: 'error', message: res.message ? res.message : ''}); this.$message({type: 'error', message: res.message ? res.message : ''});
} }
...@@ -319,20 +323,22 @@ ...@@ -319,20 +323,22 @@
// 上传资质图片 // 上传资质图片
uploadBusinessImgs(param) { uploadBusinessImgs(param) {
this.getBase64(param.file).then((res) => {
let result = res.split(","); console.log(368,param);
this.Base64img = result[1]; // this.getBase64(param.file).then((res) => {
let data = {"img_data":this.Base64img}; // let result = res.split(",");
upLoadImg(data).then((res) => { // this.Base64img = result[1];
if(res.code == 1){ // let data = {"img_data":this.Base64img};
this.businessImgFileList.push({'url':res.data.image_url}); // upLoadImg(data).then((res) => {
this.$message({type:'success',message:'上传成功'}); // if(res.code == 1){
this.$refs.storeForm.clearValidate('business_auth'); // this.businessImgFileList.push({'url':res.data.image_url});
}else { // this.$message({type:'success',message:'上传成功'});
this.$message({type:'error',message:res.message ? res.message : '上传失败'}); // this.$refs.storeForm.clearValidate('business_auth');
} // }else {
}); // this.$message({type:'error',message:res.message ? res.message : '上传失败'});
}); // }
// });
// });
}, },
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
...@@ -376,18 +382,34 @@ ...@@ -376,18 +382,34 @@
}, },
// //
back() { back() {
this.$router.push("/fillBrandInf"); this.$router.push("/fillMainInf");
}, },
/** 提交审核数据 */ /** 提交审核数据 */
next(formName) { next(formName) {
// 其他 资质 填写拦截校验
let isComplete = false;
if (this.qualificationList.length > 0) {
for (let i = 0; i < this.qualificationList.length; i++) {
if (!this.qualificationList[i].url) {
isComplete = true;
break
}
}
if (isComplete) {
this.$message({type:'warning',message: '请上传对应资质所需的图片'});
return;
}
}
let scoprStr = ''; let scoprStr = '';
for(let i = 0; i < this.storeForm.scope.length; i++) { for(let i = 0; i < this.storeForm.scope.length; i++) {
scoprStr += this.storeForm.scope[i] + ','; scoprStr += this.storeForm.scope[i] + ',';
} }
this.storeForm.scope = scoprStr.substring(0,scoprStr.length - 1); this.storeForm.scope = scoprStr.substring(0,scoprStr.length - 1);
//console.log("提交前的scope",this.storeForm.scope);
// shop_logo图片地址字段 // shop_logo图片
if(this.logoImgFileList.length > 0) { if(this.logoImgFileList.length > 0) {
for(let i = 0; i < this.logoImgFileList.length; i++) { for(let i = 0; i < this.logoImgFileList.length; i++) {
if(i === 0) { if(i === 0) {
...@@ -398,16 +420,9 @@ ...@@ -398,16 +420,9 @@
} }
} }
// 其他资质图片字段处理 // 其他资质 数据格式处理
if(this.businessImgFileList.length > 0) { // let JSONqualificationList = JSON.stringify(this.qualificationList)
for(let i = 0; i < this.businessImgFileList.length; i++) { this.storeForm.qualification_auth = JSON.stringify(this.qualificationList)
if(i === 0) {
this.storeForm.business_auth = this.businessImgFileList[i].url;
}else {
this.storeForm.business_auth += ',' + this.businessImgFileList[i].url;
}
}
}
//formName //formName
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
...@@ -447,8 +462,104 @@ ...@@ -447,8 +462,104 @@
} }
} }
}); });
} },
} /** 删除单个 经营类目 触发 */
removeTag(indexVal) {
if (!indexVal) return;
if (this.storeForm.scope.length == 0) {
this.qualificationList = [];
}
if (this.storeForm.scope.length > 0) {
let data = { cate_ids: this.storeForm.scope }
getUploadQualificationListData(data).then(res=> {
if (res.code == 1) {
this.qualificationList = res.data ? res.data : [];
}
})
}
},
/** 经营类目 下拉框隐藏时候，触发 */
scopeVisibleChange(handleType) {
if (!handleType) {
if (Array.isArray(this.storeForm.scope) && this.storeForm.scope.length > 0) {
let data = { cate_ids: this.storeForm.scope }
getUploadQualificationListData(data).then(res=> {
if (res.code == 1) {
this.qualificationList = res.data ? res.data : [];
}
})
}
}
},
/** 上传 对应资质图片 */
upPreAuthImg(index) {
let domRef = "hxz" + index;
this.$refs[domRef][0].value = '';
this.$refs[domRef][0].click();
},
/** 真正的上传图片方法，原生input */
changeIMG(index, item) {
let curItem = item;
let inputDom = "hxz" + index;
let file = this.$refs[inputDom][0].files[0];
if( file.size > 1024 * 1024 * 3 ) {
this.$message({ type: 'error',message: '规格图片不能大于 3 M'});
return;
}
this.getBase64(file).then((res) => {
let result = res.split(",");
this.Base64img = result[1];
let data = {"img_data": this.Base64img}
upLoadImg(data).then(res => {
// this.loading = false;
if (res && res.code == 1) {
curItem.url = res.data.image_url;
// this.singleSpecImgList.push({'url': res.data.image_url})
this.$message({ message:'上传成功',type:'success'});
}else {
this.$message({ message:'上传失败，请重新上传',type:'error'});
}
})
});
},
/** 更换图片 */
// changeSpeImg(index,item) {
// this.upPreAuthImg(index,item);
// },
/** 删除 当前图片 */
delSingleSpecImg(index,item) {
if( item.url ) {
item.url = '';
this.$message({type: 'success',message: '删除成功'});
}
},
/** 查看 当前图片 */
viewSingleSpecImg(index,item) {
this.imgDialog = false;
// this.qualificationUrl = "";
if (!item.url) return;
this.imgDialog = true;
this.qualificationUrl = item.url
},
/** 资质类目 title格式化 */
authTitleFormatter(textVal) {
let res = '',resoult = '';
if (textVal) {
res = textVal.trim();
// if(textVal.left(0) == '《') {
//
// }
// if(textVal.right(0) == '《') {
//
// }
// console.log(111,textVal.left(0));
// console.log(222,textVal.right(0));
}
return res
},
} // methods end
} }
</script> </script>
...@@ -461,9 +572,9 @@ ...@@ -461,9 +572,9 @@
.box-card { .box-card {
width: 80%; width: 80%;
margin: 30px auto 30px; margin: 30px auto 30px;
height: calc(100% - 120px); height: calc(100% - 140px);
/deep/.el-card__body{ /deep/.el-card__body{
height: calc(100% - 120px); height: calc(100% - 180px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -526,9 +637,8 @@ ...@@ -526,9 +637,8 @@
// 主体信息 // 主体信息
.main-con { .main-con {
width: 70%; width: 70%;
//height :calc(100% - 170px); height: 100%;
margin: 20px auto 0; margin: 20px auto 0;
overflow-y: scroll;
// 重置 提示图标颜色 // 重置 提示图标颜色
...@@ -575,5 +685,120 @@ ...@@ -575,5 +685,120 @@
} }
} }
.hiden-dom >>> .el-upload--picture-card {
display :none!important;
}
/*** 资质 样式 start ***/
.auth-con {
width:100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: normal;
flex-wrap: wrap;
}
.single-upload-con {
width: 160px;
height: 140px;
text-align :center;
overflow:hidden;
}
.single-auth-img {
width: 98px;
height: 98px;
border-radius : 6px;
border: 1px dashed #eee;
margin: 5px auto;
cursor: pointer;
}
.single-auth-img-con{
margin: 0;
padding: 0;
display : inline-block;
width:98px;
height:98px;
position: relative;
//top:4px;
cursor: pointer;
border-radius: 6px;
border: 1px solid #c0ccda;
}
.auth-spec-img {
width: 100%;
height: 100%;
border-radius: 6px;
cursor: pointer;
position: relative;
border: none;
}
/* 当前图片滑过 效果，显示删除icon */
.span-img-del-loading {
display : none;
position: absolute;
width: 98px;
height: 98px;
top: 0;
left: 0;
border-radius : 5px;
z-index: 66;
background-color: rgba(0,0,0,0.5);
opacity: 0.75;
transition: opacity .3s;
}
.span-img-del-loading > .zoom-span-block {
color: #fff;
font-size: 20px;
font-weight : 500;
margin: 41px 4px 0;
z-index: 70;
}
.span-img-del-loading > .del-span-block {
color: #fff;
font-size: 20px;
font-weight : 500;
margin: 41px 4px 0;
z-index: 70;
}
.single-auth-img-con:hover > .span-img-del-loading {
display : block;
}
.single-title {
font-size: 12px;
color: #666;
text-align: center;
//line-height :14px;
//margin: 10px 0;
}
/*** 资质 样式 end ***/
.confirm-btn {
width: 50%;
margin: 40px auto 20px;
}
.confirm-btn > div {
text-align: center;
}
}
.img-dialog-con >>> .el-dialog__body {
text-align : center;
}
.img-spe {
//width: 80%;
margin: 0 auto;
} }
</style> </style>
src/views/entry/newyuncang.vue
浏览文件 @ 6f8ab46b
...@@ -801,59 +801,6 @@ ...@@ -801,59 +801,6 @@
</script> </script>
<style lang="scss" type="text/stylus" scoped> <style lang="scss" type="text/stylus" scoped>
/* 手机竖屏时，可视区域的最大宽度为 480 */
//@media screen and (max-width: 480px) and (orientation: portrait) {
// .pc-content {
// display: none!important;
// }
// .mobile-show {
// display: none!important;
// }
//}
/* 手机横屏和pc最小宽度为 812px */
/* 手机横屏 812px 为iphoneX 横屏的设备独立像素*/
//@media screen and (max-width: 961px) and (orientation: landscape) {
// .pc-content {
// display: none !important;
// }
//
// .mobile-content {
// display: block!important;
// font-size: 0.16rem;
// }
//}
@media screen and (min-width: 750px) {
html {
font-size: 100px;
}
}
@media screen and (min-width: 640px) and (max-width: 749) {
html {
font-size: 85.333px;
}
}
@media screen and (min-width: 414px) and (max-width: 639) {
html {
font-size: 61.333px;
}
}
@media screen and (min-width: 375px) and (max-width: 413) {
html {
font-size: 50px;
}
}
@media screen and (min-width: 320px) and (max-width: 374) {
html {
font-size: 42.6667px;
}
}
@media screen and (max-width: 961px) { @media screen and (max-width: 961px) {
.pc-content { .pc-content {
display: none !important; display: none !important;
......
src/views/entry/reviewFail.vue
浏览文件 @ 6f8ab46b
...@@ -6,9 +6,8 @@ ...@@ -6,9 +6,8 @@
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix steps"> <div slot="header" class="clearfix steps">
<el-steps :active="3" align-center finish-status="success" process-status="error"> <el-steps :active="3" align-center finish-status="success" process-status="error">
<!-- <el-step title="签署入驻协议"></el-step>--> <el-step title="注册账号"></el-step>
<el-step title="填写主体信息"></el-step> <el-step title="填写主体信息"></el-step>
<el-step title="填写品牌信息"></el-step>
<el-step title="填写店铺信息"></el-step> <el-step title="填写店铺信息"></el-step>
<el-step title="提交入驻审核"></el-step> <el-step title="提交入驻审核"></el-step>
</el-steps> </el-steps>
...@@ -30,6 +29,7 @@ ...@@ -30,6 +29,7 @@
</template> </template>
<script> <script>
import { getInfo } from '@/api/module/entry';
export default { export default {
name: "ReviewFail", name: "ReviewFail",
data() { data() {
...@@ -38,20 +38,31 @@ ...@@ -38,20 +38,31 @@
} }
}, },
created() { created() {
// console.log(555,this.$store.state.user.applyState) getInfo().then(res=> {
if (res.code == 1 && res.data.user) {
if (res.data.user.state == 1) {
this.$router.push({path: '/home/index'});
}
if (res.data.user.state == 2) {
this.$router.push({path: '/reviewing'})
}
if (res.data.user.state == 3) {
this.$router.push({path: '/reviewFail'});
}
} else {
this.$router.push({path: '/reviewFail'});
}
});
},
mounted() {
if(this.$route.params.msg) { if(this.$route.params.msg) {
this.msg = this.$route.params.msg; this.msg = this.$route.params.msg;
} }
// 刷新当前页面，如果sys操作，审核通过，那么这个applyState状态值会变为 1，代表审核通过，可以直接跳转登录页面,审核拒绝，则 为3，跳转到失败页面 /** 禁止 浏览器 后退 */
if (this.$store.state.user.applyState == 1) { history.pushState(null,null,document.URL);
this.$router.push({path: '/home/index'}); window.addEventListener('popstate', function () {
} history.pushState(null, null, document.URL);
if (this.$store.state.user.applyState == 2) { })
this.$router.push({path: '/reviewing'});
}
if (this.$store.state.user.applyState == 3) {
this.$router.push({path: '/reviewFail'});
}
}, },
methods: { methods: {
// 重新提交审核 // 重新提交审核
......
src/views/entry/reviewing.vue
浏览文件 @ 6f8ab46b
...@@ -6,9 +6,8 @@ ...@@ -6,9 +6,8 @@
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix steps"> <div slot="header" class="clearfix steps">
<el-steps :active="3" align-center finish-status="success"> <el-steps :active="3" align-center finish-status="success">
<!-- <el-step title="签署入驻协议" ></el-step>--> <el-step title="注册账号" ></el-step>
<el-step title="填写主体信息" ></el-step> <el-step title="填写主体信息" ></el-step>
<el-step title="填写品牌信息" ></el-step>
<el-step title="填写店铺信息" ></el-step> <el-step title="填写店铺信息" ></el-step>
<el-step title="提交入驻审核" ></el-step> <el-step title="提交入驻审核" ></el-step>
</el-steps> </el-steps>
...@@ -19,7 +18,7 @@ ...@@ -19,7 +18,7 @@
<img src="../../../public/images/entry/reviewSuccess.png" alt=""> <img src="../../../public/images/entry/reviewSuccess.png" alt="">
</p> </p>
<p>资料已提交，工作人员审核中。。。</p> <p>资料已提交，工作人员审核中。。。</p>
<!-- <p>感谢您使用云仓！</p>--> <p style="margin-top: 10px;">感谢您使用云仓！</p>
<p>您的资料已经提交审核，审核周期为1-3个工作日，请您耐心等待审核结果。</p> <p>您的资料已经提交审核，审核周期为1-3个工作日，请您耐心等待审核结果。</p>
<p>如果您有其它的问题，可以拔打我们的服务电话与我们联系！</p> <p>如果您有其它的问题，可以拔打我们的服务电话与我们联系！</p>
<!-- <p>服务电话：4000-188-199</p>--> <!-- <p>服务电话：4000-188-199</p>-->
...@@ -36,7 +35,6 @@ ...@@ -36,7 +35,6 @@
return {} return {}
}, },
created() { created() {
console.log(444,this.$store.state.user.applyState)
// 刷新当前页面，如果sys操作，审核通过，那么这个applyState状态值会变为 1，代表审核通过，可以直接跳转登录页面,审核拒绝，则 为3，跳转到失败页面 // 刷新当前页面，如果sys操作，审核通过，那么这个applyState状态值会变为 1，代表审核通过，可以直接跳转登录页面,审核拒绝，则 为3，跳转到失败页面
if (this.$store.state.user.applyState == 1) { if (this.$store.state.user.applyState == 1) {
this.$router.push({path: '/home/index'}); this.$router.push({path: '/home/index'});
...@@ -47,6 +45,13 @@ ...@@ -47,6 +45,13 @@
if (this.$store.state.user.applyState == 3) { if (this.$store.state.user.applyState == 3) {
this.$router.push({path: '/reviewFail'}); this.$router.push({path: '/reviewFail'});
} }
},
mounted() {
/** 禁止 浏览器 后退 */
history.pushState(null,null,document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
})
} }
} }
</script> </script>
......
src/views/system/goods/add/components/goodsimg.vue
浏览文件 @ 6f8ab46b
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
'image': function (value) { 'image': function (value) {
if (value) { if (value) {
// 触发input框选择图片文件 // 触发input框选择图片文件
document.querySelector('#file').value = '' // 清空是为了解决，联系上传同一张图片时，后续上传失效问题 document.querySelector('#file').value = ''; // 清空是为了解决，连续上传同一张图片时，后续图片上传失效问题
document.querySelector('#file').click() document.querySelector('#file').click()
} else { } else {
this.quill.format('image', false); this.quill.format('image', false);
......
src/views/system/goods/add/components/goodsinfomation.vue
浏览文件 @ 6f8ab46b
...@@ -44,8 +44,8 @@ ...@@ -44,8 +44,8 @@
<!-- <span class="tip-span ml20">关键词之间用逗号分开，最多可以添加5个</span>--> <!-- <span class="tip-span ml20">关键词之间用逗号分开，最多可以添加5个</span>-->
</el-form-item> </el-form-item>
<el-form-item label="所属品牌：" prop="goods_brand"> <el-form-item label="所属品牌：" prop="brand_id">
<el-select v-model="goodsInfoForm.goods_brand" placeholder="请选择商品品牌" style="width: 420px;"> <el-select v-model="goodsInfoForm.brand_id" placeholder="请选择商品品牌" style="width: 420px;">
<el-option <el-option
v-for="item in brandOptions" v-for="item in brandOptions"
:key="item.id" :key="item.id"
...@@ -169,6 +169,7 @@ ...@@ -169,6 +169,7 @@
deliver_area: '', // 发货地 deliver_area: '', // 发货地
unit: '', // 单位 unit: '', // 单位
goods_brand: '', // 品牌 goods_brand: '', // 品牌
brand_id: 0, // 品牌id
web_url: '', // 外部链接 web_url: '', // 外部链接
out_goods_id: '', // 商品编码 out_goods_id: '', // 商品编码
imgs: [] // 商品图片 imgs: [] // 商品图片
...@@ -262,25 +263,16 @@ ...@@ -262,25 +263,16 @@
}, },
// 获取 商品品牌 // 获取 商品品牌
getBrands() { getBrands() {
getBrandsInf().then( res => { // 增加入参
if(res.data) { let data = {
this.brandOptions = res.data.data; status: 1
}
getBrandsInf(data).then( res => {
if(res.code == 1 ) {
this.brandOptions = res.data.data ? res.data.data : [];
}else { }else {
this.brandOptions = []; this.brandOptions = [];
} }
// let num_goods_brand = Number(this.goodsInfoForm.goods_brand);
//
// if( this.goodsInfoForm.goods_brand !== '') {
// let result = this.brandOptions.find( item => {
// return item.id === num_goods_brand;
// });
// //console.log(315,result)
// if( result == undefined) {
// this.goodsInfoForm.goods_brand = '';
// }
// }
}); });
}, },
/* 修改 商品分类 类目 */ /* 修改 商品分类 类目 */
......
src/views/system/goods/add/index.vue
浏览文件 @ 6f8ab46b
...@@ -178,13 +178,12 @@ ...@@ -178,13 +178,12 @@
deliver_area: res.data.deliver_area, // 发货地 deliver_area: res.data.deliver_area, // 发货地
unit: res.data.unit, // 单位 unit: res.data.unit, // 单位
goods_brand: res.data.goods_brand, // 品牌 goods_brand: res.data.goods_brand, // 品牌
brand_id: res.data.brand_id, // 品牌
web_url: res.data.web_url, // 外部链接 web_url: res.data.web_url, // 外部链接
out_goods_id: (res.data.out_goods_id == 0) ? '' : res.data.out_goods_id , // 商品编码 out_goods_id: (res.data.out_goods_id == 0) ? '' : res.data.out_goods_id , // 商品编码
imgs: res.data.imgs // 商品图片 imgs: res.data.imgs // 商品图片
} }
this.goodsinfodata.categoryStr = res.data.category_first_name + '/' + res.data.category_first_name + '/' + res.data.category_three_name; this.goodsinfodata.categoryStr = res.data.category_first_name + '/' + res.data.category_first_name + '/' + res.data.category_three_name;
// 发货地 需要 处理
// this.goodsinfodata.deliver_area = this.goodsinfodata.deliver_area === 0 ? '' : this.goodsinfodata.deliver_area;
let arr = []; let arr = [];
arr[0] = res.data.category_first_id; arr[0] = res.data.category_first_id;
...@@ -505,13 +504,18 @@ ...@@ -505,13 +504,18 @@
let spxxData = this.$refs.goodsInfo.goodsInfoForm; let spxxData = this.$refs.goodsInfo.goodsInfoForm;
// 品牌处理 goods_brand // 品牌处理 goods_brand
let brandOptions = this.$refs.goodsInfo.brandOptions; let brandOptions = this.$refs.goodsInfo.brandOptions;
for(let bi = 0; bi < brandOptions.length; bi++) { debugger
if( Number(spxxData.goods_brand) === Number(brandOptions[bi].id) ) { // goods_brand
spxxData.goods_brand = brandOptions[bi].brand_cn; if (Array.isArray(brandOptions) && brandOptions.length > 0) {
break; for(let bi = 0; bi < brandOptions.length; bi++) {
if( Number(spxxData.goods_id) === Number(brandOptions[bi].id) ) {
spxxData.goods_brand = brandOptions[bi].brand_cn;
break;
}
} }
} }
// 产地数据处理 // 产地数据处理
let areaOptions = this.$refs.goodsInfo.areaOptions; let areaOptions = this.$refs.goodsInfo.areaOptions;
for(let ai = 0; ai < areaOptions.length; ai++) { for(let ai = 0; ai < areaOptions.length; ai++) {
......
src/views/system/shop/brand.vue
浏览文件 @ 6f8ab46b
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<el-col :span="22"> <el-col :span="22">
<el-form-item label="品牌名称"> <el-form-item label="品牌名称">
<el-input <el-input
v-model="queryParams.brand_cn" v-model="queryParams.brand_name"
placeholder="请输品牌名称" placeholder="请输品牌名称"
clearable clearable
size="small" size="small"
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</el-form-item> </el-form-item>
<el-form-item label="品牌经营类型："> <el-form-item label="品牌经营类型：">
<el-select v-model="queryParams.brand_type" clearable size="small" placeholder="全部品牌类型" @change="typeChange"> <el-select v-model="queryParams.brand_type" clearable size="small" placeholder="全部品牌类型">
<el-option <el-option
v-for="item in brandTypeOptions" v-for="item in brandTypeOptions"
:key="item.value" :key="item.value"
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</el-form-item> </el-form-item>
<el-form-item label="品牌状态："> <el-form-item label="品牌状态：">
<el-select v-model="queryParams.status" clearable size="small" placeholder="全部状态" @change="statusChange"> <el-select v-model="queryParams.status" clearable size="small" placeholder="全部状态">
<el-option <el-option
v-for="item in statusOptions" v-for="item in statusOptions"
:key="item.value" :key="item.value"
...@@ -39,35 +39,38 @@ ...@@ -39,35 +39,38 @@
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2">
<el-form-item style="float: right"> <el-form-item style="float: right">
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleAdd">新 增</el-button> <el-button type="primary" size="mini" icon="el-icon-plus" @click="addBrand">新 增</el-button>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<el-table v-loading="loading" :data="brandList" :height="tableHeight"> <el-table :data="brandList" :height="tableHeight">
<!-- <el-table-column type="selection" width="45" align="center"/>-->
<el-table-column label="序号" prop="id" align="center"></el-table-column>
<el-table-column label="品牌名称" prop="brand_cn" align="center"></el-table-column> <el-table-column label="品牌名称" prop="brand_cn" align="center"></el-table-column>
<el-table-column label="品牌经营类型" prop="brand_type" align="center"> <el-table-column label="品牌经营类型" prop="brand_type" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.brand_type === 1 ? '自有品牌' : '品牌厂商授权' }} {{ scope.row.brand_type === 1 ? '自有品牌' : '品牌厂商授权' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="品牌类型" prop="brand_range" align="center"> <el-table-column label="品牌商标注册号" prop="brand_number" align="center"></el-table-column>
<el-table-column label="品牌状态" prop="status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.brand_range === 1 ? '国内' : '国外' }} {{ brandStatusFormatter(scope.row.status) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="品牌商标注册号" prop="brand_number" align="center"></el-table-column> <el-table-column label="授权期限" align="center">
<el-table-column label="品牌状态" prop="status" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.status === 0 ? '未审核' : scope.row.status === 1 ? '已通过' : '已拒绝'}} <span>{{ timeFormatter(scope.row.brand_start_time) }}</span>
<span>--</span>
<span>{{ timeFormatter(scope.row.brand_end_time) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="审核说明" prop="last_check_content" align="center"></el-table-column>
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="handleDetails(scope.row)" :disabled="(scope.row.id === 1)">详情</el-button> <el-button type="text" size="small" @click="editBrand(scope.row)" :disabled="(scope.row.id === 1)">编辑</el-button>
<el-divider direction="vertical"></el-divider>
<el-button type="text" size="small" @click="deleteBrand(scope.row)" :disabled="(scope.row.id === 1)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -80,8 +83,17 @@ ...@@ -80,8 +83,17 @@
></pagination> ></pagination>
</el-card> </el-card>
<!-- 新增/修改/详情 --> <!-- 新增/修改/详情 -->
<el-dialog :title="brandTitle" :visible.sync="isOpen" width="60%" class="brandInf-add"> <el-dialog :title="brandTitle" :visible.sync="isOpen" width="70%" class="brandInf-add" center
<el-form :model="brandForm" :rules="brandRules" ref="brandForm" label-width="140px"> :destroy-on-close="true" :close-on-click-modal="false" :before-close="handleCancel">
<el-form v-if="isOpen" :model="brandForm" :rules="brandRules" ref="brandForm" label-width="140px">
<el-row v-if="indexBrandId != 0 && brandForm.status != 3">
<p class="brand-status-con">
<span v-if="brandForm.status == 1" class="color-spe-success"><i class="el-icon-success"></i></span>
<span v-if="brandForm.status == 2" class="color-spe-error"><i class="el-icon-error"></i></span>
<span v-if="brandForm.status == 0" class="color-spe-waiting"><i class="el-icon-success"></i></span>
<span class="brand-form-status-text">{{ statusVal }}</span>
</p>
</el-row>
<el-row> <el-row>
<el-col :span="16" :offset="3"> <el-col :span="16" :offset="3">
<el-form-item label="经营品牌类型：" prop="brand_type"> <el-form-item label="经营品牌类型：" prop="brand_type">
...@@ -96,7 +108,7 @@ ...@@ -96,7 +108,7 @@
<el-row> <el-row>
<el-col :span="16" :offset="3"> <el-col :span="16" :offset="3">
<el-form-item label="品牌中文名：" prop="brand_cn"> <el-form-item label="品牌中文名：" prop="brand_cn">
<el-input v-model="brandForm.brand_cn"></el-input> <el-input v-model="brandForm.brand_cn" @input="checkIsExsitBrandName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -127,8 +139,8 @@ ...@@ -127,8 +139,8 @@
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:http-request="uploadLogoImgs" :http-request="uploadLogoImgs"
:limit="2" :limit="1"
:on-exceed="limitTwo" :on-exceed="limit1"
:before-upload="UpImgSizeFiveKB" :before-upload="UpImgSizeFiveKB"
:on-preview="handlePreviewLogo" :on-preview="handlePreviewLogo"
:on-remove="handleRemoveLogo" :on-remove="handleRemoveLogo"
...@@ -163,8 +175,8 @@ ...@@ -163,8 +175,8 @@
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:http-request="uploadCertImgs" :http-request="uploadCertImgs"
:limit="2" :limit="1"
:on-exceed="limitTwo" :on-exceed="limit1"
:before-upload="UpImgSizeTwoMb" :before-upload="UpImgSizeTwoMb"
:on-preview="handlePreviewCert" :on-preview="handlePreviewCert"
:on-remove="handleRemoveCert" :on-remove="handleRemoveCert"
...@@ -200,9 +212,37 @@ ...@@ -200,9 +212,37 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="16" :offset="3">
<el-form-item label="商标注册有效期：" prop="brand_auth_time" v-if="brandForm.brand_type === 2">
<el-date-picker type="date" placeholder="选择日期" v-model="validityConcreteTime"
style="width: 300px;" @change="validityConcreteChange"></el-date-picker>
<el-checkbox v-model="validityLongTermVal" style="padding-left:15px;"
@change="validityLongTermChange">长期
</el-checkbox>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16" :offset="3">
<el-form-item label="品牌授权期限：" prop="brandAuthRangeTime">
<el-date-picker
style="width:400px;"
v-model="brandForm.brandAuthRangeTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="21" :offset="3"> <el-col :span="21" :offset="3">
<el-form-item label="品牌方授权书：" prop="brand_auth" v-if="brandForm.brand_type === 2"> <el-form-item label="品牌厂商授权：" prop="brand_auth" v-if="brandForm.brand_type === 2">
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<el-upload <el-upload
...@@ -234,18 +274,6 @@ ...@@ -234,18 +274,6 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="16" :offset="3">
<el-form-item label="授权有效期至：" prop="brand_auth_time" v-if="brandForm.brand_type === 2">
<el-date-picker type="date" placeholder="选择日期" v-model="validityConcreteTime"
style="width: 300px;" @change="validityConcrete"></el-date-picker>
<el-checkbox v-model="validityLongTermVal" style="padding-left:15px;"
@change="validityLongTerm">长期
</el-checkbox>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="21" :offset="3"> <el-col :span="21" :offset="3">
<el-form-item label="品牌经营授权：" prop="brand_business_auth"> <el-form-item label="品牌经营授权：" prop="brand_business_auth">
...@@ -301,7 +329,7 @@ ...@@ -301,7 +329,7 @@
</el-row> </el-row>
<el-form-item class="btnCen"> <el-form-item class="btnCen">
<el-button type="" @click="handleCancel('brandForm')" style="margin-right: 30px">取 消</el-button> <el-button type="" @click="handleCancel" style="margin-right: 30px">取 消</el-button>
<el-button type="primary" @click="handleSave('brandForm')">提交审核</el-button> <el-button type="primary" @click="handleSave('brandForm')">提交审核</el-button>
</el-form-item> </el-form-item>
...@@ -311,8 +339,8 @@ ...@@ -311,8 +339,8 @@
</template> </template>
<script> <script>
import {getBrandsInf, getDetails, addBrand, upBrand, upLoadImg} from '@/api/module/brand/brand' import {getBrandsInf, getDetails, addBrandData, upBrand, upLoadImg, delBrandData} from '@/api/module/brand/brand'
import { dateFormat } from '@/utils'
export default { export default {
name: "Brand", name: "Brand",
data() { data() {
...@@ -340,7 +368,7 @@ ...@@ -340,7 +368,7 @@
let authTimeValidator = (rule, value, callback) => { let authTimeValidator = (rule, value, callback) => {
if(this.brandForm.brand_type === 2) { if(this.brandForm.brand_type === 2) {
if (this.validityConcreteTime === null && this.validityLongTermVal === false) { if (this.validityConcreteTime === null && this.validityLongTermVal === false) {
callback(new Error("授权有效期具体时间和长期必须填写其中一个")); callback(new Error("品牌注册有效期具体时间和长期必须填写其中一个"));
} else { } else {
callback(); callback();
} }
...@@ -348,6 +376,13 @@ ...@@ -348,6 +376,13 @@
callback(); callback();
} }
}; };
let authRangeTimeValidator = (rule, value, callback) => {
if( Array.isArray(this.brandForm.brandAuthRangeTime) && this.brandForm.brandAuthRangeTime.length == 2) {
callback();
}else {
callback(new Error("请选择品牌授权期限"));
}
};
let authBusValidator = (rule, value, callback) => { let authBusValidator = (rule, value, callback) => {
if(this.shopImgFileList.length > 0) { if(this.shopImgFileList.length > 0) {
callback(); callback();
...@@ -358,25 +393,26 @@ ...@@ -358,25 +393,26 @@
return { return {
fullHeight: 0, fullHeight: 0,
tableHeight: 0, tableHeight: 0,
loading: false,
isOpen: false, isOpen: false,
brandTitle: '', brandTitle: '',
brandTypeOptions: [ brandTypeOptions: [
{label: "自有品牌", value: 1}, {label: "全部品牌", value: '-1'},
{label: "品牌厂商授权", value: 2}, {label: "自有品牌", value: '1'},
{label: "品牌厂商授权", value: '2'},
], ],
statusOptions: [ statusOptions: [
{label: '未审核', value: 0}, {label: '未审核', value: '0'},
{label: '已通过', value: 1}, {label: '已通过', value: '1'},
{label: '已拒绝', value: 2} {label: '已拒绝', value: '2'},
{label: '已过期', value: '3'},
], ],
total: 0, total: 0,
queryParams: { queryParams: {
page: 1, page: 1,
limit: 10, limit: 10,
brand_cn: null, brand_name: '',
brand_type: null, brand_type: '',
status: null status: ''
}, },
LogoVisible: false, LogoVisible: false,
LogoImageUrl: '', LogoImageUrl: '',
...@@ -393,6 +429,8 @@ ...@@ -393,6 +429,8 @@
validityConcreteTime: null, validityConcreteTime: null,
validityLongTermVal: false, // 长期 validityLongTermVal: false, // 长期
brandList: [], brandList: [],
indexBrandId: 0, // 当前品牌 id
statusVal: '',
brandForm: { brandForm: {
id: 0, id: 0,
brand_type: '', // 品牌经营类型 brand_type: '', // 品牌经营类型
...@@ -402,7 +440,8 @@ ...@@ -402,7 +440,8 @@
brand_register_cert: '', // 商标注册证书 brand_register_cert: '', // 商标注册证书
brand_number: '', // 品牌商标注册号 brand_number: '', // 品牌商标注册号
brand_range: '', // 品牌类型 brand_range: '', // 品牌类型
brand_auth_time: '', // 授权有效期 == 商标授权时间期限 brand_auth_time: '', // 商品注册有效期
brandAuthRangeTime: [], // 品牌授权有效期
brand_auth: '', // 商标授权 == 品牌授权 == factoryImgFileList brand_auth: '', // 商标授权 == 品牌授权 == factoryImgFileList
brand_business_auth: '', // 商标经营授权 == 品牌经营授权 == shopImgFileList brand_business_auth: '', // 商标经营授权 == 品牌经营授权 == shopImgFileList
}, },
...@@ -415,11 +454,10 @@ ...@@ -415,11 +454,10 @@
brand_range: [{ required: true, message: '品牌类型需要选择其一', trigger: 'blur' }], brand_range: [{ required: true, message: '品牌类型需要选择其一', trigger: 'blur' }],
brand_auth: [{ required: true, message: '品牌授权书图片至少上传一张', validator: authValidator}], // 品牌授权 brand_auth: [{ required: true, message: '品牌授权书图片至少上传一张', validator: authValidator}], // 品牌授权
brand_auth_time: [{ required: true,trigger: 'change',validator:authTimeValidator }], brand_auth_time: [{ required: true,trigger: 'change',validator:authTimeValidator }],
brandAuthRangeTime: [{ required: true,trigger: 'blur',validator:authRangeTimeValidator }],
brand_business_auth: [{ required: true, message: '品牌经营授权至少上传一张图片', validator: authBusValidator }], brand_business_auth: [{ required: true, message: '品牌经营授权至少上传一张图片', validator: authBusValidator }],
}, },
downTemplatehttp: '', downTemplatehttp: '',
// shopTemplatehttp : 'http://excel.jxhh.com/brand_new.doc',
// factoryTemplatehttp : 'http://excel.jxhh.com/brand_new.doc',
shopTemplatehttp : 'http://excel.jxhh.com/brand_new.doc', shopTemplatehttp : 'http://excel.jxhh.com/brand_new.doc',
factoryTemplatehttp : 'http://excel.jxhh.com/brand_new.doc', factoryTemplatehttp : 'http://excel.jxhh.com/brand_new.doc',
} }
...@@ -438,24 +476,23 @@ ...@@ -438,24 +476,23 @@
}, },
methods: { methods: {
typeChange(val){ /** 查询 品牌 列表 */
if(val === "") { getList() {
this.queryParams.brand_type = null; let data = {
page: this.queryParams.page,
limit: this.queryParams.limit
} }
}, if (this.queryParams.brand_name != "") {
statusChange(val){ data['brand_name'] = this.queryParams.brand_name
if(val === "") {
this.queryParams.status = null;
} }
}, if (this.queryParams.brand_type == '1' || this.queryParams.brand_type == '2' || this.queryParams.brand_type == '3') {
isClick() { data['brand_type'] = this.queryParams.brand_type
return false; }
}, if (this.queryParams.status == '0' || this.queryParams.status == '1' || this.queryParams.status == '2') {
getList() { data['status'] = this.queryParams.status
this.loading = true; }
//let params = this.handleQueryParams(this.queryParams); getBrandsInf(data).then(res => {
getBrandsInf(this.queryParams).then(res => { if ( res.code == 1) {
if ( res && res.data && res.code === 1) {
if(res.data) { if(res.data) {
this.brandList = res.data.data; this.brandList = res.data.data;
this.total = res.data.count; this.total = res.data.count;
...@@ -463,12 +500,370 @@ ...@@ -463,12 +500,370 @@
this.brandList = []; this.brandList = [];
} }
}else { }else {
this.$message({ message: '数据出错啦！', type: 'error'}); this.$message({ type: 'error',message: res.message ? res.message : '获取品牌列表数据失败' });
}
});
},
/** 品牌 审核状态 */
statusFormatter(status) {
let res = '';
if (status == 0) {
res = '等待审核'
}
if (status == 1) {
res = '审核通过'
}
if (status == 2) {
res = '审核被拒绝'
}
return res
},
/** 校验品牌 */
checkIsExsitBrandName() {
if (!this.brandForm.brand_cn) return
let data = {
brand_name : this.brandForm.brand_cn
}
getDetails(data).then(res=> {
if (res.code == 1 && res.data) {
this.$message({ type: 'warning', message: '品牌名称已存在'});
}
});
},
/** 新增 品牌 */
addBrand() {
if(this.total <= 20 ) {
this.isOpen = true;
this.reset('brandForm')
this.brandTitle = '新增品牌信息';
this.indexBrandId = 0;
this.brandForm.brand_auth = '';
this.brandForm.brand_auth_time = '';
}else {
this.$message({ type: 'warning', message: '目前暂时只支持维护20个品牌数据'});
}
},
/** 编辑 品牌 */
editBrand(row) {
this.indexBrandId = row.id;
let data = {
id : this.indexBrandId
}
getDetails(data).then(res => {
if(res.code == 1) {
this.isOpen = true;
this.reset('brandForm')
this.brandTitle = '品牌信息详情';
this.brandForm = res.data;
// 品牌审核状态
this.statusVal = this.statusFormatter(res.data.status)
// 模板下载地址赋值
this.downTemplatehttp = (this.brandForm.brand_type === 1 ? this.shopTemplatehttp : this.factoryTemplatehttp);
// 品牌logo图片
let brandArr = [];
let brandUrl = {};
brandArr = this.brandForm.brand_logo.split(",");
if (brandArr.length > 0) {
brandArr.forEach(item=> {
brandUrl = {};
if (item) {
brandUrl.url = item
this.brandImgFileList.push(brandUrl)
}
});
}else {
this.brandImgFileList = [];
}
// 商标注册证书图片
let certArr = [];
let certRrl = {};
certArr = this.brandForm.brand_register_cert.split(",");
if (certArr.length > 0) {
certArr.forEach(item=> {
certRrl = {};
if (item) {
certRrl.url = item
this.certImgFileList.push(certRrl)
}
});
}else {
this.certImgFileList = [];
}
// 商标注册有效期
if(this.brandForm.brand_auth_time === 0) {
this.validityLongTermVal = true;
this.validityConcreteTime = '';
}else {
this.validityLongTermVal = false;
this.validityConcreteTime = this.timeFormatter(this.brandForm.brand_auth_time);
}
// 品牌授权期限
this.brandForm.brandAuthRangeTime = []
this.brandForm.brandAuthRangeTime.push(this.timeFormatter(this.brandForm.brand_start_time))
this.brandForm.brandAuthRangeTime.push(this.timeFormatter(this.brandForm.brand_end_time))
// 品牌厂商授权 图片
let factoryArr = [];
let factoryUrl = {};
factoryArr = this.brandForm.brand_auth.split(",");
if (factoryArr.length > 0) {
factoryArr.forEach(item=> {
factoryUrl = {};
if (item) {
factoryUrl.url = item
this.factoryImgFileList.push(factoryUrl)
}
});
}else {
this.factoryImgFileList = [];
}
// 品牌经营授权 图片
let shopArr = [];
let shopUrl = {};
shopArr = this.brandForm.brand_business_auth.split(",");
if (shopArr.length > 0) {
shopArr.forEach(item=> {
shopUrl = {};
if (item) {
shopUrl.url = item
this.shopImgFileList.push(shopUrl)
}
});
}else {
this.shopImgFileList = [];
}
}else {
this.$message({type: 'error',message: res.message ? res.message : '获取品牌失败' });
} }
this.loading = false;
}); });
}, },
/** 取消、关闭 新增，编辑 */
handleCancel() {
this.reset('brandForm')
this.isOpen = false;
},
/** 提交審核 */
handleSave(form) {
this.$refs[form].validate(valid => {
if(valid) {
// 入参数据
let brandsData = { brands: [] };
let data = {}
data['id'] = this.indexBrandId;
data['brand_type'] = this.brandForm.brand_type;
data['brand_cn'] = this.brandForm.brand_cn;
data['brand_en'] = this.brandForm.brand_en;
data['brand_number'] = this.brandForm.brand_number;
// 品牌logo图片处理
if(this.brandImgFileList.length > 0) {
for(let i = 0; i < this.brandImgFileList.length; i++) {
if(i === 0) {
data['brand_logo'] = this.brandImgFileList[i].url;
}else {
data['brand_logo'] += ',' + this.brandImgFileList[i].url;
}
}
}
// 商标注册证书图片
if(this.certImgFileList.length > 0) {
for(let a = 0; a < this.certImgFileList.length; a++) {
if(a === 0) {
data['brand_register_cert'] = this.certImgFileList[a].url;
}else {
data['brand_register_cert'] += ',' + this.certImgFileList[a].url;
}
}
}
// 品牌类型
data['brand_range'] = this.brandForm.brand_range
// 商标注册有效期
if (this.validityLongTermVal) {
data['brand_auth_time'] = 0;
}else {
data['brand_auth_time'] = new Date(this.validityConcreteTime).getTime() / 1000;
}
// 品牌 授权期限
if (Array.isArray(this.brandForm.brandAuthRangeTime) && this.brandForm.brandAuthRangeTime.length == 2) {
data['brand_start_time'] = new Date(this.brandForm.brandAuthRangeTime[0]).getTime() / 1000;
data['brand_end_time'] = new Date(this.brandForm.brandAuthRangeTime[1]).getTime() / 1000;
}
// 品牌商标授权 图片
if(this.factoryImgFileList.length > 0) {
for(let i = 0; i < this.factoryImgFileList.length; i++) {
if(i === 0) {
data['brand_auth'] = this.factoryImgFileList[i].url;
}else {
data['brand_auth'] += ',' + this.factoryImgFileList[i].url;
}
}
}
// 品牌经营授权 图片处理
if(this.shopImgFileList.length > 0) {
for(let i = 0; i < this.shopImgFileList.length; i++) {
if(i === 0) {
data['brand_business_auth'] = this.shopImgFileList[i].url;
}else {
data['brand_business_auth'] += ',' + this.shopImgFileList[i].url;
}
}
}
// 新增 品牌
if (this.indexBrandId == 0) {
// 入参 格式处理
brandsData.brands.push(data);
addBrandData(brandsData).then(res => {
if(res.code == 1) {
this.$message({ message: '新增成功', type: 'success'});
this.getList();
this.isOpen = false;
}else {
this.$message({ type: 'error', message: res.message ? res.message : "新增失败"});
}
});
}
// 修改 品牌
if (this.indexBrandId != 0) {
// 入参 格式处理
// brandsData.brands.push(data);
this.$confirm('确定要提交审核吗？提交审核后，品牌处于待审核状态，对应商品将做下架处理', '提示：', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(async() => {
let res = await upBrand(data)
if ( res.code == 1 ) {
this.$message({ message: '编辑成功', type: 'success'});
this.getList();
this.isOpen = false;
}else {
this.$message({ type: 'error', message: res.message ? res.message : "编辑失败"});
}
}).catch(() => {});
}
} // vilid end
})
},
/** 删除 品牌 */
deleteBrand(row) {
if (!row.id) { return }
let data = {
brand_ids: []
}
data.brand_ids.push(row.id);
this.$confirm('确定要删除品牌吗？品牌删除后，使用该品牌的商品也会作下架处理！', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async() => {
let result = await delBrandData(data);
if(result.code == 1) {
this.$message({type:'success',message:'删除成功'});
this.getList()
}else {
this.$message({type:'error',message: result.message ? result.message : '删除成功'});
}
}).catch(()=> {});
},
/** 查询 */
handleQuery() {
this.queryParams.page = 1;
this.getList();
},
/** 商品注册有效期 具体时间 */
validityConcreteChange() {
if (this.validityConcreteTime) {
this.validityLongTermVal = false;
}
},
/** 商品注册有效期 长期 */
validityLongTermChange() {
if (this.validityLongTermVal) {
this.validityConcreteTime = null;
}
},
// 通用方法
/** 重置 编辑 表单*/
reset(formName){
if (this.$refs[formName]) {
this.$refs[formName].resetFields();
}else {
this.$nextTick(()=> {
this.$refs[formName].resetFields();
})
}
this.brandImgFileList= [];
this.certImgFileList= [];
this.factoryImgFileList= [];
this.shopImgFileList= [];
},
/** 上传图片 数量限制 */
limit1() {
this.$message({message: '最多上传1张图片', type: 'warning'});
},
/** 时间格式化 */
timeFormatter(timeVal) {
return dateFormat(timeVal *1000, 'Y-m-d')
},
/** 品牌 状态格式化 */
brandStatusFormatter(statusVal) {
let res = '';
if (statusVal == 0) {
res = '未审核'
}
if (statusVal == 1) {
res = '已通过'
}
if (statusVal == 2) {
res = '已拒绝'
}
if (statusVal == 3) {
res = '已过期'
}
return res;
},
/** 图片转换为base64位 */
getBase64(file) {
return new Promise(function(resolve, reject) {
let reader = new FileReader();
let imgResult = "";
reader.readAsDataURL(file);
reader.onload = function() {
imgResult = reader.result;
};
reader.onerror = function(error) {
reject(error);
};
reader.onloadend = function() {
resolve(imgResult);
};
});
},
/**********---------------------------------------------************************** */
// 品牌经营类型 改变触发 // 品牌经营类型 改变触发
chooseBrandType() { chooseBrandType() {
this.downTemplatehttp = ''; this.downTemplatehttp = '';
...@@ -486,9 +881,7 @@ ...@@ -486,9 +881,7 @@
chooseBrandRange() { chooseBrandRange() {
this.$refs.brandForm.clearValidate('brand_range'); this.$refs.brandForm.clearValidate('brand_range');
}, },
limitTwo() {
this.$message({message: '最多上传2张图片', type: 'warning'});
},
// 品牌商标图片 自定义上传 // 品牌商标图片 自定义上传
uploadLogoImgs(param) { uploadLogoImgs(param) {
this.getBase64(param.file).then((res) => { this.getBase64(param.file).then((res) => {
...@@ -641,314 +1034,14 @@ ...@@ -641,314 +1034,14 @@
} }
} }
}, },
} // methods end
// 授权有效期 二选一效果
validityConcrete() {
if (this.validityConcreteTime) {
this.validityLongTermVal = false;
}
},
validityLongTerm() {
if (this.validityLongTermVal) {
this.validityConcreteTime = null;
}
},
// 新增，修改，详情
handleAdd() {
if(this.total < 20 ) {
this.isOpen = true;
this.brandTitle = '新增品牌信息';
this.reset('brandForm');
this.brandForm.id = 0;
this.brandForm.brand_auth = '';
this.brandForm.brand_auth_time = '';
}else {
this.$message({ type: 'warning', message: '目前暂时只支持维护20个品牌数据！'});
}
},
// 详情
handleDetails(row) {
this.isOpen = true;
this.brandTitle = '品牌信息详情';
const ids = row.id;
getDetails(ids).then(res => {
if(res.code && res.code === 1 && res.data) {
this.brandForm = res.data;
// 模板下载地址赋值
this.downTemplatehttp = (this.brandForm.brand_type === 1 ? this.shopTemplatehttp : this.factoryTemplatehttp);
// 商标logo图片处理
let brandList = {};
let brandArr = [];
if(this.brandForm.brand_logo.indexOf(",") > 0) {
brandArr = this.brandForm.brand_logo.split(",");
for(let a = 0; a < brandArr.length; a++){
brandList = {};
brandList.url = brandArr[a];
this.brandImgFileList.push(brandList);
}
}else {
brandList.url = this.brandForm.brand_logo;
this.brandImgFileList = [];
this.brandImgFileList.push(brandList);
}
// 商标注册证书处理 brand_register_cert
let certList = {};
let certArr = [];
if(this.brandForm.brand_register_cert.indexOf(",") > 0) {
certArr = this.brandForm.brand_register_cert.split(",");
for(let a = 0; a < certArr.length; a++){
certList = {};
certList.url = certArr[a];
this.certImgFileList.push(certList);
}
}else {
certList.url = this.brandForm.brand_register_cert;
this.certImgFileList = [];
this.certImgFileList.push(certList);
}
// 品牌授权 图片处理 factoryImgFileList
let factoryList = {};
let factoryArr = [];
if(this.brandForm.brand_auth.indexOf(",") > 0) {
factoryArr = this.brandForm.brand_auth.split(",");
for(let authIndex = 0; authIndex < factoryArr.length; authIndex++){
factoryList = {};
factoryList.url = factoryArr[authIndex];
this.factoryImgFileList.push(factoryList);
}
}else {
factoryList.url = this.brandForm.brand_auth;
this.factoryImgFileList = [];
this.factoryImgFileList.push(factoryList);
}
// 品牌经营授权 图片处理 shopImgFileList
let shopList = {};
let shopArr = [];
if(this.brandForm.brand_business_auth.indexOf(",") > 0) {
shopArr = this.brandForm.brand_business_auth.split(",");
for(let busIndex = 0; busIndex < shopArr.length; busIndex++){
shopList = {};
shopList.url = shopArr[busIndex];
this.shopImgFileList.push(shopList);
}
}else {
shopList.url = this.brandForm.brand_business_auth;
this.shopImgFileList = [];
this.shopImgFileList.push(shopList);
}
// 期限处理
if(this.brandForm.brand_auth_time === 0) {
this.validityLongTermVal = true;
}else {
this.validityConcreteTime = this.toStandTime(this.brandForm.brand_auth_time);
}
}else if(res.code === 0) {
if(res.msg) {
this.$message({message: res.msg, type: 'error'});
}else {
this.$message({message: '数据出错啦！', type: 'error'});
}
}
});
},
// 查询
handleQuery() {
this.queryParams.page = 1;
this.getList();
},
// 保存
handleSave(form) {
this.$refs[form].validate(valid => {
if(valid) {
let addBrandForm = {};
let toArrBrandForm = [];
if(this.validityLongTermVal) {
this.brandForm.brand_auth_time = (this.validityLongTermVal - 0 - 1);
}else if(this.validityLongTermVal === false && this.validityConcreteTime) {
this.brandForm.brand_auth_time = new Date(this.validityConcreteTime).getTime() / 1000;
}else {
this.brandForm.brand_auth_time = '';
}
// 品牌logo图片处理
if(this.brandImgFileList.length > 0) {
for(let i = 0; i < this.brandImgFileList.length; i++) {
if(i === 0) {
this.brandForm.brand_logo = this.brandImgFileList[i].url;
}else {
this.brandForm.brand_logo += ',' + this.brandImgFileList[i].url;
}
}
}
// 商标注册证书图片处理 certImgFileList
if(this.certImgFileList.length > 0) {
for(let i = 0; i < this.certImgFileList.length; i++) {
if(i === 0) {
this.brandForm.brand_register_cert = this.certImgFileList[i].url;
}else {
this.brandForm.brand_register_cert += ',' + this.certImgFileList[i].url;
}
}
}
// 品牌授权图片处理
if(this.factoryImgFileList.length > 0) {
for(let i = 0; i < this.factoryImgFileList.length; i++) {
if(i === 0) {
this.brandForm.brand_auth = this.factoryImgFileList[i].url;
}else {
this.brandForm.brand_auth += ',' + this.factoryImgFileList[i].url;
}
}
}
// 品牌经营授权 图片处理
if(this.shopImgFileList.length > 0) {
for(let i = 0; i < this.shopImgFileList.length; i++) {
if(i === 0) {
this.brandForm.brand_business_auth = this.shopImgFileList[i].url;
}else {
this.brandForm.brand_business_auth += ',' + this.shopImgFileList[i].url;
}
}
}
// 数据处理完毕
toArrBrandForm.push(this.brandForm);
addBrandForm.brands = toArrBrandForm;
// 新增/修改
if(this.brandForm.id === 0) {
addBrand(addBrandForm).then(res => {
if(res.code && res.code === 1) {
this.$message({ message: '新增成功', type: 'success'});
this.getList();
this.reset('brandForm');
this.isOpen = false;
}else if( res.code === 0) {
if(res.msg) {
this.$message({ message: res.msg, type: 'error'});
}else {
this.$message({ message: '新增失败', type: 'error'});
}
}
});
// 修改
}else {
this.$confirm('是否确认修改此数据项？', '提示：', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(() => {
this.edit(toArrBrandForm);
}).catch(() => {
this.isOpen = false;
});
}
}
})
},
// 修改
edit(param) {
upBrand(param).then(res => {
if(res.code === 1) {
this.$message({ message: '修改成功', type: 'success'});
this.getList();
}else if( res.code === 0 ) {
if(res.msg) {
this.$message({
message: res.msg,
type: 'error'
});
}else {
this.$message({
message: '数据出错啦！',
type: 'error'
});
}
}
this.reset('brandForm');
this.isOpen = false;
});
},
// 取消
handleCancel(form) {
this.reset(form);
this.isOpen = false;
},
// -----------通用 方法----------
// 搜索参数处理
handleQueryParams(parmas) {
let newParmas = {};
// 对象深拷贝
newParmas = JSON.parse(JSON.stringify(parmas));
for(let key in newParmas){
if(key) {
if(newParmas[key] !== 0 && newParmas[key] !== '') {
if(!newParmas[key]) {
newParmas[key] = null;
}
}
}
}
return newParmas;
},
// 究极清空
reset(form){
if(this.$refs[form]) {
this.$refs[form].resetFields();
}else {
this.$nextTick(() => {
this.$refs[form].resetFields();
});
}
// 取消按钮，图片清空
this.brandImgFileList= [];
this.certImgFileList= [];
this.factoryImgFileList= [];
this.shopImgFileList= [];
},
// 图片转换为base64位
getBase64(file) {
return new Promise(function(resolve, reject) {
let reader = new FileReader();
let imgResult = "";
reader.readAsDataURL(file);
reader.onload = function() {
imgResult = reader.result;
};
reader.onerror = function(error) {
reject(error);
};
reader.onloadend = function() {
resolve(imgResult);
};
});
},
// 时间戳转换为 标准时间格式
toStandTime(val) {
let date = new Date(val * 1000)
let Y = date.getFullYear() + '-'
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
const s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
return Y + M + D + h + m + s;
},
}
} }
</script> </script>
<style lang="scss" type="text/stylus" scoped> <style lang="scss" type="text/stylus" scoped>
.brandInf-add { .brandInf-add {
/deep/.el-dialog { /deep/.el-dialog {
height: 80%; height: 85%;
overflow : hidden; overflow : hidden;
} }
/deep/.el-dialog__body{ /deep/.el-dialog__body{
...@@ -957,6 +1050,36 @@ ...@@ -957,6 +1050,36 @@
overflow-y: scroll; overflow-y: scroll;
} }
} }
.brand-status-con {
font-size: 16px;
margin: 0 10% 10px;
padding: 12px 20px;
border: 1px solid #00afff;
display : flex;
justify-content : normal;
align-items :center;
flex-direction : row;
}
.color-spe-success {
color: #67C23A;
font-size: 20px;
padding-top: 2px;
}
.color-spe-error {
color: #F56C6C;
font-size: 20px;
padding-top: 2px;
}
.color-spe-waiting {
color: #909399;
font-size: 20px;
padding-top: 2px;
}
.brand-form-status-text {
padding: 0 10px;
}
.btnCen { .btnCen {
/deep/.el-form-item__content { /deep/.el-form-item__content {
margin-left: 0!important; margin-left: 0!important;
......
src/views/system/shop/index.vue
浏览文件 @ 6f8ab46b
<template> <template>
<div class="app-container" v-loading="loading"> <div class="app-container">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<div style="display: flex;flex-direction: row;justify-content: space-between;padding: 0 20px;"> <div style="display: flex;flex-direction: row;justify-content: space-between;padding: 0 20px;">
...@@ -17,77 +17,110 @@ ...@@ -17,77 +17,110 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<p>企业认证信息</p> <p>企业认证信息</p>
</div> </div>
<div> <el-form ref="mainForm" :model="mainForm" label-width="180px" class="main-form-con"
<el-form ref="mainForm" :model="mainForm" :rules="mainRules" label-width="180px"> size="small">
<el-form-item label="执照类型：" prop="license_type">
<el-select v-model="mainForm.license_type" placeholder="请选择..." :disabled="isMainItem" <el-form-item label="营业执照：" prop="license">
style="width: 400px;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<el-option
v-for="item in zzOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="营业执照电子版：" prop="license">
<div class="demo-image__preview">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<div class="demo-image__preview"> <el-upload
<el-image v-for="(item,index) in licenseFileList" :key="index" :disabled="true"
style="width: 100px; height: 100px;border: 1px dashed #c0ccda;border-radius: 6px;margin: 0 5px;" :class="['uploadData',{ 'hiden-dom': licenseImgFileList.length >= 1 }]"
:src="item" action="#"
:preview-src-list="getPreviewImgList(item)"> list-type="picture-card"
</el-image> :on-preview="handleLicenseImgview"
</div> :file-list='licenseImgFileList'
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="isLicenseVisible">
<img width="100%" :src="licenseImgUrl" alt="">
</el-dialog>
</div> </div>
<div> <div>
<span class="tips-text"> <span class="tips-text">
<i class="el-icon-warning h-warning"></i> <i class="el-icon-warning h-warning"></i>
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<!-- <span class="tips-text">图片大小在2MB以内，支持png,jpg格式，最多可上传2张</span>--> <span class="tips-text">点击可查看大图</span>
<span class="tips-text">点击图片,查看大图</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业名称：" prop="organization_name" inline-message="true"> <el-form-item label="企业名称：" prop="organization_name" inline-message="true">
<el-input v-model="mainForm.organization_name" :disabled="isMainItem" style="width: 400px;"></el-input> <el-input v-model="mainForm.organization_name" :disabled="isMainItem" style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的完整名称填写</span>
</el-form-item> </el-form-item>
<el-form-item label="营业执照详细地址：" prop="organization_address"> <el-form-item label="统一社会代码：" prop="license_number" inline-message="true">
<el-input v-model="mainForm.organization_address" :disabled="isMainItem" <el-input v-model="mainForm.license_number" :disabled="isMainItem" style="width: 400px;"></el-input>
style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上的详细地址填写</span>
</el-form-item> </el-form-item>
<el-form-item :gutter="20" label="营业期限：" prop="license_expires_time"> <el-form-item label="营业期限：" prop="license_expires_time">
<el-date-picker type="date" placeholder="选择日期" v-model="periodConcreteTime" <el-date-picker
style="width: 300px;" :disabled="isMainItem"></el-date-picker> style="width:400px;"
<el-checkbox v-model="periodLongTermVal" :disabled="isMainItem" v-model="periodConcreteTime"
style="padding-left:15px;" >长期 type="daterange"
</el-checkbox> range-separator="至"
<span class="tips-text"><i class="el-icon-warning h-warning"></i>具体时间和长期，二者必填一个</span> start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
:disabled="isMainItem"
/>
<el-checkbox v-model="periodLongTermVal" :disabled="isMainItem" style="padding-left:15px;">长期</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人证件类型：" prop="idcard_type"> <el-form-item label="法人身份证：">
<el-select v-model="mainForm.idcard_type" :disabled="isMainItem" placeholder="请选择..." <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
style="width: 400px;"> <!-- 身份证正面 -->
<el-option <div style="padding: 0 20px;">
v-for="item in idcardTypeOptions" <el-upload
:key="item.value" :disabled="true"
:label="item.label" :class="['uploadData',{ 'hiden-dom': idcardImgFileList.length >= 1 }]"
:value="item.value" list-type="picture-card"
></el-option> action="#"
</el-select> :on-preview="handleIdcardPositiveImgview"
:file-list='idcardImgFileList'
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="idcardPositiveVisible">
<img width="100%" :src="idcardPositiveImgUrl" alt="">
</el-dialog>
</div>
<!-- 身份证反面 -->
<div style="padding: 0 20px;">
<el-upload
:disabled="true"
:class="['uploadData',{ 'hiden-dom': idcardBackImgFileList.length >= 1 }]"
list-type="picture-card"
action="#"
:on-preview="handleIdcardBackImgview"
:file-list='idcardBackImgFileList'
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="idcardBackVisible">
<img width="100%" :src="idcardBackImgUrl" alt="">
</el-dialog>
</div>
<div>
<span class="tips-text">
<i class="el-icon-warning h-warning"></i>
</span>
</div>
<div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">点击可查看大图</span>
</div>
</div>
<div class="idcard-tips-con">
<p>请上传身份证正面</p>
<p>请上传身份证国徽面</p>
</div>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人姓名：" prop="real_name"> <el-form-item label="法定姓名：" prop="real_name">
<el-input v-model="mainForm.real_name" :disabled="isMainItem" style="width: 400px;"></el-input> <el-input v-model="mainForm.real_name" :disabled="isMainItem" style="width: 400px;"></el-input>
<span class="tips-text"><i class="el-icon-warning h-warning"></i>请按照营业执照上登记的法人填写</span>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人证件号：" prop="idcard_number"> <el-form-item label="法定代表人证件号：" prop="idcard_number">
...@@ -95,43 +128,30 @@ ...@@ -95,43 +128,30 @@
</el-form-item> </el-form-item>
<el-form-item label="有效期至：" prop="idcard_expires_time"> <el-form-item label="有效期至：" prop="idcard_expires_time">
<el-date-picker type="date" placeholder="选择日期" v-model="validityConcreteTime" <el-date-picker
style="width: 300px;" :disabled="isMainItem"></el-date-picker> style="width:400px;"
<el-checkbox v-model="validityLongTermVal" style="padding-left:15px;" :disabled="isMainItem">长期</el-checkbox> v-model="validityConcreteTime"
</el-form-item> type="daterange"
range-separator="至"
<el-form-item label="法人证件电子版：" prop="idcard_front"> value-format="yyyy-MM-dd"
<div class="demo-image__preview"> start-placeholder="开始日期"
<div style="padding-right:6px;"> end-placeholder="结束日期"
<div class="demo-image__preview"> :disabled="isMainItem"
<el-image v-for="(item,index) in idcardFileList" :key="index" />
style="width: 100px; height: 100px;border: 1px dashed #c0ccda;border-radius: 6px;margin: 0 5px;" <el-checkbox v-model="validityLongTermVal" style="padding-left:15px;"
:src="item" :disabled="isMainItem">长期
:preview-src-list="getPreviewImgList(item)"> </el-checkbox>
</el-image>
</div>
</div>
<div>
<span class="tips-text">
<i class="el-icon-warning h-warning"></i>
</span>
</div>
<div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">点击图片,查看大图</span>
</div>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</el-card> </el-card>
</div> </div>
<!-- 店铺信息 -->
<div style="margin-top: 15px;"> <div style="margin-top: 15px;">
<el-card> <el-card>
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<p>店铺信息</p> <p>店铺信息</p>
</div> </div>
<div> <el-form ref="storeForm" :model="storeForm" label-width="180px">
<el-form ref="storeForm" :model="storeForm" :rules="shopRules" label-width="180px">
<el-form-item label="电商平台经验：" prop="is_business_experience"> <el-form-item label="电商平台经验：" prop="is_business_experience">
<el-radio-group v-model="storeForm.is_business_experience" :disabled="isMainItem"> <el-radio-group v-model="storeForm.is_business_experience" :disabled="isMainItem">
...@@ -158,15 +178,21 @@ ...@@ -158,15 +178,21 @@
</el-form-item> </el-form-item>
<el-form-item label="店铺LOGO：" prop="shop_logo"> <el-form-item label="店铺LOGO：" prop="shop_logo">
<div class="demo-image__preview"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<div class="demo-image__preview"> <el-upload
<el-image v-for="(item,index) in logoFileList" :key="index" :disabled="true"
style="width: 100px; height: 100px;border: 1px dashed #c0ccda;border-radius: 6px;margin: 0 5px;" :class="['uploadData',{ 'hiden-dom': logoImgFileList.length >= 1 }]"
:src="item" action="#"
:preview-src-list="getPreviewImgList(item)"> list-type="picture-card"
</el-image> :on-preview="handleShopLogoPreview"
</div> :file-list='logoImgFileList'
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="shopLogoVisible">
<img width="100%" :src="shopLogoImgUrl" alt="">
</el-dialog>
</div> </div>
<div> <div>
<span class="tips-text"> <span class="tips-text">
...@@ -174,7 +200,7 @@ ...@@ -174,7 +200,7 @@
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">点击图片,查看大图</span> <span class="tips-text">点击可查看大图</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
...@@ -190,41 +216,37 @@ ...@@ -190,41 +216,37 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<p style="width:580px;line-height:24px;font-size:14px;margin: 0;"> <p style="width:580px;line-height:24px;font-size:14px;margin: 0;color: #333;">
需要提交特殊产品资质的类目请将资质上传在此处，包括全国工业生产许可证、3C、医疗品械 需要提交特殊产品资质的类目请将资质上传在此处，包括全国工业生产许可证、3C、医疗品械
生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p> 生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p>
</el-form-item> </el-form-item>
<el-form-item label="其他资质：" prop="business_auth"> <el-form-item label="其他资质：">
<div class="demo-image__preview"> <div class="auth-con">
<div style="padding-right:6px;"> <div v-for="(item,index) in qualificationList" :key="item.id" class="single-upload-con">
<div class="demo-image__preview"> <div v-show="!item.url" class="single-auth-img"></div>
<el-image v-for="(item,index) in businessFileList" :key="index"
style="width: 100px; height: 100px;border: 1px dashed #c0ccda;border-radius: 6px;margin: 0 5px;" <div v-show="item.url" class="single-auth-img-con">
:src="item" <img class="auth-spec-img" :src="item.url" alt=""/>
:preview-src-list="getPreviewImgList(item)"> <span class="span-img-del-loading">
</el-image> <span class="span-img-del el-icon-zoom-in zoom-span-block"
@click="viewSingleSpecImg(index,item)"></span>
</span>
</div> </div>
</div> <div class="single-title">{{ authTitleFormatter(item.content) }}</div>
<div>
<span class="tips-text">
<i class="el-icon-warning h-warning"></i>
</span>
</div>
<div style="width:380px;line-height: 24px;padding-top: 6px;color: #333;">
<span class="tips-text">点击图片,查看大图</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</el-card> </el-card>
</div> </div>
</el-card> </el-card>
<!--编辑--> <!--编辑-->
<el-dialog :title="title" :visible.sync="isOpen" width="60%" class="shopinf-edit"> <el-dialog title="编辑店铺信息" :visible.sync="isOpen" width="65%" class="shopinf-edit"
<el-form ref="editForm" :model="editForm" :rules="eidtRules" label-width="180px"> center :destroy-on-close="true" :close-on-click-modal="false" :before-close="handleCancel">
<el-form v-if="isOpen" ref="editForm" :model="editForm" :rules="editRules" label-width="180px" size="small">
<el-form-item label="电商平台经验：" prop="is_business_experience"> <el-form-item label="电商平台经验：" prop="is_business_experience">
<el-radio-group v-model="editForm.is_business_experience"> <el-radio-group v-model="editForm.is_business_experience">
...@@ -238,7 +260,7 @@ ...@@ -238,7 +260,7 @@
</el-form-item> </el-form-item>
<el-form-item label="经营类目：" prop="scope"> <el-form-item label="经营类目：" prop="scope">
<el-select v-model="editForm.scope" multiple placeholder="请选择..." style="width: 400px;" @change=""> <el-select v-model="editForm.scope" @remove-tag="removeEditTag" @visible-change="editScopeVisibleChange($event)" multiple placeholder="请选择..." style="width: 400px;">
<el-option <el-option
v-for="item in scopeOptions" v-for="item in scopeOptions"
:key="item.id" :key="item.id"
...@@ -252,21 +274,21 @@ ...@@ -252,21 +274,21 @@
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;">
<div style="padding-right:6px;"> <div style="padding-right:6px;">
<el-upload <el-upload
class="uploadData" :class="['uploadData',{ 'hiden-dom': editLogoImgFileList.length >= 1 }]"
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:limit="1" :limit="1"
:on-exceed="showTip1" :on-exceed="showTip1"
:before-upload = "beforeUpLogoImg" :before-upload = "beforeUploadLogoImg"
:http-request="uploadLogoImgs" :http-request="uploadShopLogoImg"
:on-preview="handlePictureCardPreview" :on-preview="handleEditShopLogoView"
:on-remove="handleRemove" :on-remove="removeEditShopLogoImg"
:file-list = 'logoImgFileList' :file-list = 'editLogoImgFileList'
> >
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
</el-upload> </el-upload>
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="isEditShopLogoVisible" append-to-body>
<img width="100%" :src="dialogImageUrl" alt=""> <img width="100%" :src="editShopLogoImgUrl" alt="">
</el-dialog> </el-dialog>
</div> </div>
<div> <div>
...@@ -293,156 +315,161 @@ ...@@ -293,156 +315,161 @@
生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p> 生产许可证、化妆品生产企业许可证等，根据具体类目资质要求提交</p>
</el-form-item> </el-form-item>
<el-form-item label="其他资质：" prop="business_auth"> <el-form-item label="其他资质：">
<div style="width:100%;height: 100%;display: flex;flex-direction: row;justify-content: normal;"> <div class="auth-con">
<div style="padding-right:6px;"> <div v-for="(item,index) in editQualificationList" :key="item.id" class="single-upload-con">
<el-upload <div v-show="!item.url" class="single-auth-img" @click="upPreAuthImg(index)"></div>
class="uploadData"
action="#" <div v-show="item.url" class="single-auth-img-con">
list-type="picture-card" <img class="auth-spec-img" :src="item.url" alt="" />
:limit="20" <span class="span-img-del-loading">
:on-exceed="showTip20" <span class="span-img-del el-icon-zoom-in zoom-span-block" @click="viewSingleAuthImg(index,item)"></span>
:before-upload = "beforeUpBusImg" <span class="span-img-del el-icon-delete del-span-block" @click="delSingleAuthImg(index,item)"></span>
:http-request="uploadBusinessImgs" </span>
:on-preview="handlePictureCardPreview2" </div>
:on-remove="handleRemove2" <div class="single-title">{{ authTitleFormatter(item.content) }}</div>
:file-list = 'businessImgFileList'> <!-- 真正上传 dom 原生 input -->
<i class="el-icon-plus"></i> <input type="file" style="display: none;" :ref=" 'hxz' + index " accept="image/*"
</el-upload> @change="changeIMG(index,item)">
<el-dialog :visible.sync="dialogVisible2">
<img width="100%" :src="dialogImageUrl2" alt="">
</el-dialog>
</div>
<div>
<span class="tips-text">
<i class="el-icon-warning h-warning"></i>
</span>
</div>
<div style="width:380px;line-height: 24px;padding-top: 6px;color: #333;">
<span class="tips-text">请上其他资质，单个文件大小在2MB以内，支持jpg,png格式，最多可上传20张</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item class="btnCen"> <el-form-item class="btnCen">
<el-button type="" @click="handleCancel" style="margin-right: 40px;">取 消</el-button> <el-button type="" @click="handleCancel" style="margin-right: 20px;">取 消</el-button>
<el-button type="primary" @click="handleAdd('editForm')">提交审核</el-button> <el-button type="primary" @click="handleAdd('editForm')">提交审核</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>
<!-- 资质图片预览 -->
<el-dialog
:visible.sync="imgDialog"
:destroy-on-close="true"
width="60%"
center
:close-on-click-modal="false"
class="img-dialog-con"
>
<img class="img-spe" :src="qualificationUrl" alt="">
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {getGoodsType, getMainInf, getShopInf,upLoadImg, addShopInf} from '@/api/module/entry'; import {getGoodsType, getMainInf, getShopInf, upLoadImg, addShopInf, getUploadQualificationListData} from '@/api/module/entry';
import { dateFormat } from '@/utils'
export default { export default {
name: "Shop", name: "Shop",
data() { data() {
let logoValidator = (rule, value, callback) => { let logoValidator = (rule, value, callback) => {
if(this.logoImgFileList.length > 0) { if (this.logoImgFileList.length > 0) {
callback(); callback();
}else if(this.logoImgFileList.length === 0) { } else if (this.logoImgFileList.length === 0) {
callback(new Error("店铺logo图片至少上传一张")); callback(new Error("店铺logo图片至少上传一张"));
} }
}; };
let busAuthValidator = (rule, value, callback) => { let busAuthValidator = (rule, value, callback) => {
if(this.businessImgFileList.length > 0) { if (this.businessImgFileList.length > 0) {
callback(); callback();
}else if(this.businessImgFileList.length === 0) { } else if (this.businessImgFileList.length === 0) {
callback(new Error("其他资质图片至少上传一张")); callback(new Error("其他资质图片至少上传一张"));
} }
}; };
// 手机号码格式校验 // 手机号码格式校验
let checkTel = (rule, value, callback) => { let checkTel = (rule, value, callback) => {
const reg = /^1[3456789]\d{9}$/; const reg = /^1[3456789]\d{9}$/;
if(!reg.test(value)){ if (!reg.test(value)) {
callback(new Error('手机号码格式有误')); callback(new Error('手机号码格式有误'));
}else { } else {
callback(); callback();
} }
}; };
return { return {
loading: false,
isOpen: false,
reviewResult: '加载中。。', reviewResult: '加载中。。',
title: '', isMainItem: true,// 主体/企业信息 是否可以修改，目前暂时不能
isMainItem: true,// 主体/企业信息 单项 是否可以修改，目前暂时不能
// 执照类型
zzOptions: [
{label: "多证合一营业执照（统一社会信用代码）", value: 1},
{label: "多证合一营业执照（非统一社会信用代码）", value: 2},
],
// 法人执照类型
idcardTypeOptions: [
{label: "大陆身份证", value: 1},
{label: "护照", value: 2},
{label: "港奥台居民通行证", value: 3},
{label: "台湾居民通行证", value: 4},
],
scopeOptions: [],
// 营业期限
periodConcreteTime: null,
periodLongTermVal: false,
// 证件有效期
validityConcreteTime: null,
validityLongTermVal: false,
licenseFileList: [], // 营业执照图片
idcardFileList: [], // 法人证件照
logoFileList: [], // 店铺logo
businessFileList: [], // 其他资质
mainForm: { mainForm: {
organization_type: '',
license_type: '',
license: '', license: '',
organization_name: '', organization_name: '',
organization_address: '', license_number: '',
license_start_time: '',
license_expires_time: '', license_expires_time: '',
idcard_type: '', idcard_front: '',
idcard_back: '',
real_name: '', real_name: '',
idcard_number: '', idcard_number: '',
idcard_start_time: '',
idcard_expires_time: '', idcard_expires_time: '',
idcard_front: '',
//idcardback: 'jiazhuangwshifanmian'
}, },
// 营业执照图片
licenseImgFileList: [],
isLicenseVisible: false,
licenseImgUrl: '',
// 营业期限
periodConcreteTime: [], // 区间时间
periodLongTermVal: false, // 是否长期
// 身份证 正面
idcardImgFileList: [],
idcardPositiveVisible: false,
idcardPositiveImgUrl: '',
// 身份证国徽面
idcardBackImgFileList: [],
idcardBackVisible: false,
idcardBackImgUrl: '',
// 身份证 有效期
validityConcreteTime: [],
validityLongTermVal: false,
// 店铺信息
storeForm: { storeForm: {
is_business_experience: '', is_business_experience: '',
store_name: '', store_name: '',
scope: [], scope: [],
shop_logo: '', shop_logo: '',
business_auth: '',
emergency_name: '', emergency_name: '',
emergency_tel: '',
business_auth: '',
}, },
shopRules: {}, scopeOptions: [], // 经营类目
mainRules: {}, // 店铺logo 图片
dialogImageUrl: '',
dialogVisible: false,
dialogImageUrl2: '',
dialogVisible2: false,
logoImgFileList: [], logoImgFileList: [],
businessImgFileList: [], shopLogoVisible: false,
shopLogoImgUrl: '',
// 需要上传的资质
qualificationList: [],
qualificationUrl: '',
imgDialog: false,
// 编辑
isOpen: false,
editForm: { editForm: {
is_business_experience: 0, is_business_experience: '',
store_name: '', store_name: '',
scope: [], scope: [],
shop_logo: '', shop_logo: '',
business_auth: '',
emergency_name: '', emergency_name: '',
emergency_tel: '',
business_auth: '',
}, },
eidtRules: { editRules: {
store_name: [{required: true, message: '店铺名称不能为空', trigger: 'blur'}], store_name: [{required: true, message: '店铺名称不能为空', trigger: 'blur'}],
scope: [{required: true, message: '经营类目至少选择一种', trigger: 'change'}], scope: [{required: true, message: '经营类目至少选择一种', trigger: 'change'}],
shop_logo: [{required: true, message: '店铺Logo至少上传一张图片', validator: logoValidator}],// shop_logo: [{required: true, message: '店铺Logo至少上传一张图片', validator: logoValidator}],//
emergency_name: [{required: true, message: '运营负责人不能为空', trigger: 'blur'}],// emergency_name: [{required: true, message: '运营负责人不能为空', trigger: 'blur'}],//
emergency_tel: [ emergency_tel: [
{required: true, message: '联系人手机号码不能为空', trigger: 'blur'}, {required: true, message: '联系人手机号码不能为空', trigger: 'blur'},
{required: true, validator: checkTel,trigger: 'blur' } {required: true, validator: checkTel, trigger: 'blur'}
], ],
business_auth: [{required: true, message: '店铺Logo至少上传一张图片', validator: busAuthValidator}],// business_auth: [{required: true, message: '店铺Logo至少上传一张图片', validator: busAuthValidator}],//
} },
// 编辑 店铺logo
editLogoImgFileList: [],
isEditShopLogoVisible: false,
editShopLogoImgUrl: '',
// 编辑 资质
editQualificationList: [],
} }
}, }, // data end
created() { created() {
// 获取经营一级类目 // 获取经营一级类目
getGoodsType().then(res => { getGoodsType().then(res => {
...@@ -454,71 +481,112 @@ ...@@ -454,71 +481,112 @@
this.getShop(); this.getShop();
}, },
methods: { methods: {
// 图片只预览 /** 获取 主体即企业 信息 */
getPreviewImgList(ele) {
let arr = [];
arr.push(ele);
return arr;
},
// 获取 主体=企业 信息
getMain() { getMain() {
getMainInf().then(res => { getMainInf().then(res => {
if (res.code === 1 && res.data) { if (res.code == 1) {
this.mainForm = res.data; this.mainForm = res.data;
// 处理证件照
let licenseArr = []; // 营业执照电子图片处理
if (this.mainForm.license.indexOf(",") > 0) { let licenseImgArr = [];
licenseArr = this.mainForm.license.split(","); let licenseImgUrl = {};
licenseImgArr = this.mainForm.license.split(",");
if (licenseImgArr.length > 0) {
licenseImgArr.forEach(item => {
licenseImgUrl = {};
if (item) {
licenseImgUrl.url = item
this.licenseImgFileList.push(licenseImgUrl)
}
});
} else { } else {
licenseArr.push(this.mainForm.license); this.licenseImgFileList = [];
} }
this.licenseFileList = licenseArr;
// 处理法人证件照 // 身份证 正面数据处理
let idcardArr = []; let idcardFrontImgArr = [];
if (this.mainForm.idcard_front.indexOf(",") > 0) { let idcardFrontImgUrl = {};
idcardArr = this.mainForm.idcard_front.split(","); idcardFrontImgArr = this.mainForm.idcard_front.split(",");
if (idcardFrontImgArr.length > 0) {
idcardFrontImgArr.forEach(item => {
idcardFrontImgUrl = {};
if (item) {
idcardFrontImgUrl.url = item
this.idcardImgFileList.push(idcardFrontImgUrl)
}
});
} else { } else {
idcardArr.push(this.mainForm.idcard_front); this.idcardImgFileList = [];
} }
this.idcardFileList = idcardArr;
if(this.mainForm.idcard_expires_time === 0) { // 身份证 反面数据处理
this.validityLongTermVal = true; let idcardBackImgArr = [];
}else { let idcardBackImgUrl = {};
this.validityConcreteTime = this.toStandTime(this.mainForm.idcard_expires_time);
idcardBackImgArr = this.mainForm.idcard_back.split(",");
if (idcardBackImgArr.length > 0) {
idcardBackImgArr.forEach(item => {
idcardBackImgUrl = {};
if (item) {
idcardBackImgUrl.url = item
this.idcardBackImgFileList.push(idcardBackImgUrl)
}
});
} else {
this.idcardBackImgFileList = [];
} }
if(this.mainForm.license_expires_time === 0) { // 营业期限 日期格式处理
this.periodLongTermVal = true; if (this.mainForm.license_expires_time == 0) {
}else { this.periodLongTermVal = true
this.periodConcreteTime = this.toStandTime(this.mainForm.license_expires_time); this.periodConcreteTime = [];
} else if (this.mainForm.license_expires_time > 0) {
this.periodLongTermVal = false;
this.periodConcreteTime = [];
let start = this.formatterTime(this.mainForm.license_start_time)
let end = this.formatterTime(this.mainForm.license_expires_time);
this.periodConcreteTime.push(start)
this.periodConcreteTime.push(end)
}
// 身份证 有效期 日期格式处理
if (this.mainForm.idcard_expires_time == 0) {
this.validityLongTermVal = true
this.validityConcreteTime = [];
} else if (this.mainForm.idcard_expires_time > 0) {
this.validityLongTermVal = false;
this.validityConcreteTime = [];
let start = this.formatterTime(this.mainForm.idcard_start_time)
let end = this.formatterTime(this.mainForm.idcard_expires_time);
this.validityConcreteTime.push(start)
this.validityConcreteTime.push(end)
} }
} }
}); });
}, },
/** 获取 店铺信息 */
getShop() { getShop() {
getShopInf().then(res => { getShopInf().then(res => {
if (res.code === 1 && res.data) { if (res.code == 1) {
// 审核状态 // 审核状态
if(res.data.state === 1) { if (res.data.state === 1) {
this.reviewResult = '已通过'; this.reviewResult = '已通过';
}else if(res.data.state === 2) { } else if (res.data.state === 2) {
this.reviewResult = '未审核'; this.reviewResult = '未审核';
}else if(res.data.state === 3) { } else if (res.data.state === 3) {
this.reviewResult = '未通过'; this.reviewResult = '未通过';
}else { } else {
this.reviewResult = ''; this.reviewResult = '';
} }
// 处理 select 下拉回显数据格式 // 处理 select 下拉回显数据格式
this.storeForm.scope = []; this.storeForm.scope = [];
if(res.data.scope === '') { if (res.data.scope === '') {
this.storeForm.scope = []; this.storeForm.scope = [];
}else { } else {
let scopeListStr = res.data.scope.split(','); let scopeListStr = res.data.scope.split(',');
let scopeList = []; let scopeList = [];
for(let i = 0; i < scopeListStr.length; i++) { for (let i = 0; i < scopeListStr.length; i++) {
scopeList.push(parseInt(scopeListStr[i])); scopeList.push(parseInt(scopeListStr[i]));
} }
this.storeForm = res.data; this.storeForm = res.data;
...@@ -527,54 +595,44 @@ ...@@ -527,54 +595,44 @@
// 店铺信息展示 start // 店铺信息展示 start
this.storeForm = res.data; this.storeForm = res.data;
console.log("00",res.data);
// 店铺logo图片处理
let logoArr = [];
if (this.storeForm.shop_logo.indexOf(",") > 0) {
logoArr = this.storeForm.shop_logo.split(",");
} else {
logoArr.push(this.storeForm.shop_logo);
}
this.logoFileList = logoArr;
// 其他资质图片处理 business // 店铺logo回显处理
let businessArr = []; let logoImgArr = [];
if (this.storeForm.business_auth.indexOf(",") > 0) { let logoImgUrl = {};
businessArr = this.storeForm.business_auth.split(","); logoImgArr = this.storeForm.shop_logo.split(",");
if (logoImgArr.length > 0) {
logoImgArr.forEach(item => {
logoImgUrl = {};
if (item) {
logoImgUrl.url = item
this.logoImgFileList.push(logoImgUrl)
}
});
} else { } else {
businessArr.push(this.storeForm.business_auth); this.logoImgFileList = [];
} }
this.businessFileList = businessArr;
// 店铺信息展示 end // 资质图片回显处理
}else if( res.code === 0 && res.msg) { this.qualificationList = this.storeForm.qualification ? this.storeForm.qualification : [];
this.$message({
message: res.msg, } else if (res.code) {
type: 'error' this.$message({message: res.msg, type: 'error'});
});
}else {
this.$message({
message: "数据有误！",
type: 'error'
});
} }
}); });
}, },
/** 编辑 */
// 修改 店铺信息的 回显数据 handleEdit() {
showShopInf() { getShopInf().then(res=> {
getShopInf().then(res => { if (res.code == 1) {
if (res.code === 1 && res.data) { this.isOpen = true;
// 店铺信息修改 start this.editForm = res.data
//this.editForm = res.data; // 经营类目 数据处理
console.log("处理后的格式555：",res.data); if (res.data.scope === '') {
this.editForm.scope = [];
if(res.data.scope === '') {
this.editForm.scope = []; this.editForm.scope = [];
}else { } else {
let scopeListStr = res.data.scope.split(','); let scopeListStr = res.data.scope.split(',');
let scopeList = []; let scopeList = [];
for(let i = 0; i < scopeListStr.length; i++) { for (let i = 0; i < scopeListStr.length; i++) {
scopeList.push(Number(scopeListStr[i])); scopeList.push(Number(scopeListStr[i]));
} }
this.editForm = res.data; this.editForm = res.data;
...@@ -582,203 +640,130 @@ ...@@ -582,203 +640,130 @@
} }
// 店铺logo回显处理 // 店铺logo回显处理
let logoList = {}; let logoImgArr = [];
let eidtLogoArr = []; let logoImgUrl = {};
if(this.editForm.shop_logo.indexOf(",") > 0) { logoImgArr = this.editForm.shop_logo.split(",");
eidtLogoArr = this.editForm.shop_logo.split(","); if (logoImgArr.length > 0) {
for(let a = 0; a < eidtLogoArr.length; a++){ logoImgArr.forEach(item=> {
logoList = {}; logoImgUrl = {};
logoList.url = eidtLogoArr[a]; if (item) {
this.logoImgFileList.push(logoList); logoImgUrl.url = item
} this.editLogoImgFileList.push(logoImgUrl)
}else if(this.editForm.shop_logo) { }
logoList.url = this.editForm.shop_logo; });
this.logoImgFileList = [];
this.logoImgFileList.push(logoList);
}else { }else {
this.logoImgFileList = []; this.editLogoImgFileList = [];
} }
// 资质图片回显处理 // 资质图片回显处理
let businessList = {}; this.editQualificationList = this.editForm.qualification ? this.editForm.qualification : [];
let editBusArr = []; } else {
if(this.editForm.business_auth.indexOf(",") > 0) { this.$message({type: 'error', message: res.msg ? res.msg : '获取店铺信息失败' });
editBusArr = this.editForm.business_auth.split(",");
for(let a = 0; a < editBusArr.length; a++){
businessList = {};
businessList.url = editBusArr[a];
this.businessImgFileList.push(businessList);
}
}else if(this.editForm.business_auth) {
businessList.url = this.editForm.business_auth;
this.businessImgFileList = [];
this.businessImgFileList.push(businessList);
}else {
this.businessImgFileList = [];
}
// 店铺信息修改 end
}else if( res.code === 0 && res.msg) {
this.$message({
message: res.msg,
type: 'error'
});
}else {
this.$message({
message: "数据有误！",
type: 'error'
});
} }
}); });
}, },
// 编辑 /** 关闭/取消 编辑 */
handleEdit() { handleCancel() {
this.isOpen = true; this.resetEditForm('editForm');
this.title = '编辑店铺信息'; this.isOpen = false;
this.showShopInf();
}, },
// 保存 /** 提交审核 */
handleAdd(formName) { handleAdd(formName) {
this.$confirm('确定要修改信息吗？信息修改后需要重新提交审核，审核周期约1-3个工作日。', '提示：', { // 其他 资质 填写拦截校验
type: 'warning', let isComplete = false;
confirmButtonText: '确定', if (this.editQualificationList.length > 0) {
cancelButtonText: '取消' for (let i = 0; i < this.editQualificationList.length; i++) {
}).then(() => { if (!this.editQualificationList[i].url) {
this.save(formName); isComplete = true;
}).catch(() => { break
this.reset('editForm');
});
},
save(formName) {
let scoprStr = '';
for(let i = 0; i < this.editForm.scope.length; i++) {
scoprStr += this.editForm.scope[i] + ',';
}
this.editForm.scope = scoprStr.substring(0,scoprStr.length - 1);
// shop_logo图片地址字段
if(this.logoImgFileList.length > 0) {
for(let i = 0; i < this.logoImgFileList.length; i++) {
if(i === 0) {
this.editForm.shop_logo = this.logoImgFileList[i].url;
}else {
this.editForm.shop_logo += ',' + this.logoImgFileList[i].url;
} }
} }
}
// 其他资质图片字段处理 if (isComplete) {
if(this.businessImgFileList.length > 0) { this.$message({type:'warning',message: '请上传对应资质所需的图片'});
for(let i = 0; i < this.businessImgFileList.length; i++) { return;
if(i === 0) {
this.editForm.business_auth = this.businessImgFileList[i].url;
}else {
this.editForm.business_auth += ',' + this.businessImgFileList[i].url;
}
} }
} }
// business_auth: '',
let data = {};
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if(valid) { if (valid) {
addShopInf(this.editForm).then(res => { data['is_business_experience'] = this.editForm.is_business_experience;
if(res.code === 1){ data['store_name'] = this.editForm.store_name;
this.getShop(); data['emergency_name'] = this.editForm.emergency_name;
this.$message({message: '店铺信息修改成功', type:'success'}); data['emergency_tel'] = this.editForm.emergency_tel;
this.isOpen = false; data['scope'] = this.editForm.scope.join(',');
}else if(res.code === 0 && res.msg) { // 编辑 的店铺logolist
// 处理 scope数据格式冲突 if(this.editLogoImgFileList.length > 0) {
if(this.editForm.scope === '') { for(let i = 0; i < this.editLogoImgFileList.length; i++) {
this.editForm.scope = []; if(i === 0) {
data['shop_logo'] = this.editLogoImgFileList[i].url;
}else { }else {
let scopeListStr = this.editForm.scope.split(','); data['shop_logo'] += ',' + this.editLogoImgFileList[i].url;
let scopeList = [];
for(let i = 0; i < scopeListStr.length; i++) {
scopeList.push(parseInt(scopeListStr[i]));
}
this.editForm.scope = scopeList;
}
if(res.msg) {
this.$message({
message: res.msg,
type: 'error'
});
}else {
this.$message({
message: "数据开小差了，请稍后重试",
type: 'error'
});
} }
} }
});
}
else {
// 因 scope字段是selcet的绑定值，必须为数组类型，但是，在传给后台的时候，是字符串类型，传入的时候需要处理，回显的时候也需要处理
// 在校验时候就产出了这个bug,校验不通过的话，他已经被处理为字符串了，不通过的话，还原格式，不能还原数据
//this.storeForm.scope = [];
if(this.storeForm.scope === '') {
this.storeForm.scope = [];
}else {
let scopeListStr = this.storeForm.scope.split(',');
let scopeList = [];
for(let i = 0; i < scopeListStr.length; i++) {
scopeList.push(parseInt(scopeListStr[i]));
}
this.storeForm.scope = scopeList;
} }
} data['qualification_auth'] = JSON.stringify(this.editQualificationList)
});
this.$confirm('确定要修改信息吗？信息修改后需要重新提交审核，审核周期约1-3个工作日', '提示：', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(() => {
addShopInf(data).then(res=> {
if (res.code == 1) {
this.$message({type: 'success',message: '编辑成功'});
this.isOpen = false;
this.getShop();
}else {
this.$message({type: 'error',message: res.message ? res.message : '操作失败'});
}
});
}).catch(() => {});
} // valid true 通过 end
})
}, },
// 取消 /** 预览 营业执照 */
handleCancel() { handleLicenseImgview(file) {
this.resetForm('editForm'); this.licenseImgUrl = file.url;
this.isOpen = false; this.isLicenseVisible = true;
}, },
showTip1(files,fileList){ /** 预览 身份证 正面 */
this.$message({message: '最多上传1张图片', type: 'warning'}); handleIdcardPositiveImgview(file) {
this.idcardPositiveImgUrl = file.url;
this.idcardPositiveVisible = true;
}, },
showTip20(files,fileList) { /** 预览 身份证 反面 */
this.$message({message: '最多上传20张图片', type: 'warning'}); handleIdcardBackImgview(file) {
this.idcardBackImgUrl = file.url;
this.idcardBackVisible = true;
}, },
/** 预览 店铺 logo */
// 上传店铺logo图片 handleShopLogoPreview(file) {
uploadLogoImgs(param) { this.shopLogoImgUrl = file.url;
this.getBase64(param.file).then((res) => { this.shopLogoVisible = true;
let result = res.split(",");
this.Base64img = result[1];
let data = {"img_data":this.Base64img};
upLoadImg(data).then((res) => {
if(res && res.code == 1){
this.logoImgFileList.push({'url':res.data.image_url});
this.$message({message: '上传成功', type: 'success'});
this.$refs.storeForm.clearValidate('shop_logo');
}
});
});
}, },
// 上传资质图片 /** 预览 当前资质对应图片 */
uploadBusinessImgs(param) { viewSingleSpecImg(index,item) {
this.getBase64(param.file).then((res) => { this.imgDialog = false;
let result = res.split(","); if (!item.url) return;
this.Base64img = result[1]; this.imgDialog = true;
let data = {"img_data":this.Base64img}; this.qualificationUrl = item.url
upLoadImg(data).then((res) => {
if(res && res.code == 1){
this.businessImgFileList.push({'url':res.data.image_url});
this.$message({message: '上传成功', type: 'success'});
this.$refs.storeForm.clearValidate('business_auth');
}
});
});
}, },
// 店铺logo图片上传格式和大小的校验 /** 上传 店铺logo 格式和大小的校验 */
beforeUpLogoImg(file) { beforeUploadLogoImg(file) {
let isImgSize = (file.size / 1024 ) > 500; let isImgSize = (file.size / 1024) > 500;
if(file.type !== "image/png" && file.type !== "image/jpg" && file.type != "image/jpeg") { if (file.type !== "image/png" && file.type !== "image/jpg" && file.type != "image/jpeg") {
this.$message({ this.$message({
message: '上传图片格式只支持png/png格式', message: '上传图片格式只支持png/png格式',
type: "warning" type: "warning"
}); });
return false; return false;
} }
if(isImgSize) { if (isImgSize) {
this.$message({ this.$message({
message: '上传图片大小不能超过500kb', message: '上传图片大小不能超过500kb',
type: "warning" type: "warning"
...@@ -786,95 +771,197 @@ ...@@ -786,95 +771,197 @@
return false; return false;
} }
}, },
// 其他资质图片上传 校验 /** 上传 店铺logo图片 */
beforeUpBusImg(file) { uploadShopLogoImg(param) {
let isImgSize = (file.size / 1024 /1024) > 2; this.getBase64(param.file).then((res) => {
if(file.type !== "image/png" && file.type !== "image/jpg" && file.type != "image/jpeg") { let result = res.split(",");
this.$message({ this.Base64img = result[1];
message: '上传图片格式只支持png/png格式', let data = {"img_data": this.Base64img};
type: "warning" upLoadImg(data).then((res) => {
}); if (res && res.code == 1) {
return false; this.logoImgFileList.push({'url': res.data.image_url});
} this.$message({message: '上传成功', type: 'success'});
if(isImgSize) { this.$refs.storeForm.clearValidate('shop_logo');
this.$message({ }
message: '上传图片大小不能超过2M',
type: "warning"
}); });
return false; });
},
/** 编辑 预览 店铺logo 图片 */
handleEditShopLogoView(file) {
this.editShopLogoImgUrl = file.url;
this.isEditShopLogoVisible = true;
},
/** 编辑 删除 店铺logo 图片 */
removeEditShopLogoImg(file) {
for (let i = 0; i < this.editLogoImgFileList.length; i++) {
if (file.uid === this.editLogoImgFileList[i].uid) {
this.editLogoImgFileList.splice(i, 1);
}
} }
}, },
/** 上传 对应资质图片 */
upPreAuthImg(index) {
let domRef = "hxz" + index;
this.$refs[domRef][0].value = '';
this.$refs[domRef][0].click();
},
/** 真正的上传图片方法，原生input */
changeIMG(index, item) {
let curItem = item;
let inputDom = "hxz" + index;
let file = this.$refs[inputDom][0].files[0];
handlePictureCardPreview(file) { if( file.size > 1024 * 1024 * 3 ) {
this.dialogImageUrl = file.url; this.$message({ type: 'error',message: '规格图片不能大于 3 M'});
this.dialogVisible = true; return;
}
this.getBase64(file).then((res) => {
let result = res.split(",");
this.Base64img = result[1];
let data = {"img_data": this.Base64img}
upLoadImg(data).then(res => {
if (res && res.code == 1) {
curItem.url = res.data.image_url;
// this.singleSpecImgList.push({'url': res.data.image_url})
this.$message({ message:'上传成功',type:'success'});
}else {
this.$message({ message:'上传失败，请重新上传',type:'error'});
}
})
});
}, },
handleRemove(file,fileList) { /** 查看 当前资质图片 */
for(let i = 0; i < this.logoImgFileList.length; i++) { viewSingleAuthImg(index,item) {
if(file.uid === this.logoImgFileList[i].uid) { this.imgDialog = false;
this.logoImgFileList.splice(i,1); // this.qualificationUrl = "";
} if (!item.url) return;
this.imgDialog = true;
this.qualificationUrl = item.url
},
/** 删除 当前图片 */
delSingleAuthImg(index,item) {
if( item.url ) {
item.url = '';
this.$message({type: 'success',message: '删除成功'});
} }
}, },
handlePictureCardPreview2(file) {
this.dialogImageUrl2 = file.url; /** 删除单个 经营类目 触发 */
this.dialogVisible2 = true; removeEditTag(indexVal) {
if (!indexVal) return;
if (this.editForm.scope.length == 0) {
this.editQualificationList = [];
}
if (this.editForm.scope.length > 0) {
let data = { cate_ids: this.editForm.scope }
getUploadQualificationListData(data).then(res=> {
if (res.code == 1) {
this.editQualificationList = res.data ? res.data : [];
}
})
}
}, },
handleRemove2(file,fileList) { /** 经营类目 下拉框隐藏时候，触发 */
for(let i = 0; i < this.businessImgFileList.length; i++) { editScopeVisibleChange(handleType) {
if(file.uid === this.businessImgFileList[i].uid) { if (!handleType) {
this.businessImgFileList.splice(i,1); if (Array.isArray(this.editForm.scope) && this.editForm.scope.length > 0) {
let data = { cate_ids: this.editForm.scope }
getUploadQualificationListData(data).then(res=> {
if (res.code == 1) {
this.editQualificationList = res.data ? res.data : [];
}
})
} }
} }
}, },
/** 初始化 编辑 表单 */
resetEditForm(formName) {
this.$refs[formName].resetFields();
this.editQualificationList = [];
this.editLogoImgFileList = [];
},
// 图片转换为base64位 // --- 通用 ---
/** 图片转换为base64位 */
getBase64(file) { getBase64(file) {
return new Promise(function(resolve, reject) { return new Promise(function (resolve, reject) {
let reader = new FileReader(); let reader = new FileReader();
let imgResult = ""; let imgResult = "";
reader.readAsDataURL(file); reader.readAsDataURL(file);
reader.onload = function() { reader.onload = function () {
imgResult = reader.result; imgResult = reader.result;
}; };
reader.onerror = function(error) { reader.onerror = function (error) {
reject(error); reject(error);
}; };
reader.onloadend = function() { reader.onloadend = function () {
resolve(imgResult); resolve(imgResult);
}; };
}); });
}, },
/** 时间戳转换为 标准时间格式 */
// 时间戳转换为 标准时间格式 formatterTime(time) {
toStandTime(val) { return dateFormat(time *1000, 'Y-m-d')
let date = new Date(val * 1000) },
let Y = date.getFullYear() + '-' /** 上传图片限制 1张 */
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-' showTip1() {
const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ' this.$message({message: '最多上传1张图片', type: 'warning'});
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
const s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
return Y + M + D + h + m + s;
}, },
/** 资质类目 title格式化 */
authTitleFormatter(textVal) {
let res = '';
if (textVal) {
res = textVal.trim();
}
return res
},
// /** 图片只预览 */
// getPreviewImgList(ele) {
// let arr = [];
// arr.push(ele);
// return arr;
// },
} }
} }
</script> </script>
<style lang="scss" type="text/stylus" scoped> <style lang="scss" type="text/stylus" scoped>
.shopinf-edit{ .shopinf-edit {
/deep/.el-dialog { ///deep/.el-dialog {
height: 80%; // height: 80%;
overflow : hidden; // overflow : hidden;
} //}
/deep/.el-dialog__body{ ///deep/.el-dialog__body{
height: calc(100% - 60px); // height: calc(100% - 60px);
overflow-x: hidden; // overflow-x: hidden;
overflow-y: scroll; // overflow-y: scroll;
} //}
}
/* 弹窗 样式 重置 */
.shopinf-edit >>> .el-dialog {
width: 60%;
height: 80%;
overflow: hidden;
}
.shopinf-edit >>> .el-dialog .el-dialog__body {
height: calc(100% - 60px);
padding: 10px 20px 20px 40px;
overflow: auto;
} }
/* 弹窗 样式 重置 ---- end ---- */
.main-form-con {
//margin-left: 100px;
}
/deep/ .el-card__body { /deep/ .el-card__body {
height: calc(100% - 80px); height: calc(100% - 80px);
margin: 10px 0; margin: 10px 0;
...@@ -890,6 +977,7 @@ ...@@ -890,6 +977,7 @@
/deep/ .speTip { /deep/ .speTip {
color: #c0ccda; color: #c0ccda;
font-size: 14px;
} }
.text-v-c { .text-v-c {
...@@ -897,8 +985,8 @@ ...@@ -897,8 +985,8 @@
display: -webkit-flex; display: -webkit-flex;
} }
.demo-image__preview{ .demo-image__preview {
width:100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -938,6 +1026,117 @@ ...@@ -938,6 +1026,117 @@
} }
} }
.hiden-dom >>> .el-upload--picture-card {
display: none !important;
}
.idcard-tips-con {
display: flex;
flex-direction: row;
justify-content: normal;
justify-items: center;
}
.idcard-tips-con > p {
margin: 0;
padding: 0 15px;
}
/*** 资质 样式 start ***/
.auth-con {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: normal;
flex-wrap: wrap;
}
.single-upload-con {
width: 160px;
height: 140px;
text-align: center;
overflow: hidden;
}
.single-auth-img {
width: 98px;
height: 98px;
border-radius: 6px;
border: 1px dashed #eee;
margin: 5px auto;
cursor: pointer;
}
.single-auth-img-con {
margin: 0;
padding: 0;
display: inline-block;
width: 98px;
height: 98px;
position: relative;
//top:4px;
cursor: pointer;
border-radius: 6px;
border: 1px solid #c0ccda;
}
.auth-spec-img {
width: 100%;
height: 100%;
border-radius: 6px;
cursor: pointer;
position: relative;
border: none;
}
/* 当前图片滑过 效果，显示删除icon */
.span-img-del-loading {
display: none;
position: absolute;
width: 98px;
height: 98px;
top: 0;
left: 0;
border-radius: 5px;
z-index: 66;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0.75;
transition: opacity .3s;
}
.span-img-del-loading > .zoom-span-block {
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 41px 4px 0;
z-index: 70;
}
.span-img-del-loading > .del-span-block {
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 41px 4px 0;
z-index: 70;
}
.single-auth-img-con:hover > .span-img-del-loading {
display: block;
}
.single-title {
font-size: 12px;
color: #666;
text-align: center;
//line-height :14px;
//margin: 10px 0;
}
/*** 资质 样式 end ***/
// 提示语 样式 start // 提示语 样式 start
.tips-text { .tips-text {
font-size: 14px; font-size: 14px;
...@@ -948,13 +1147,23 @@ ...@@ -948,13 +1147,23 @@
.h-warning:before { .h-warning:before {
color: #e3c300; color: #e3c300;
} }
// 提示语样式 end // 提示语样式 end
.btnCen { .btnCen {
/deep/.el-form-item__content { /deep/ .el-form-item__content {
margin-left: 0!important; margin-left: 0 !important;
text-align : center; text-align: center;
//margin-top: 30px; //margin-top: 30px;
} }
} }
/* 预览 资质图片 */
.img-dialog-con >>> .el-dialog__body {
text-align : center;
}
.img-spe {
//width: 80%;
margin: 0 auto;
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论