| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-e4a4a37c"],{"53b7":function(e,t,i){},"68fa":function(e,t,i){"use strict";i("53b7")},"6bce":function(e,t,i){},d2d2:function(e,t,i){"use strict";i.r(t);var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"app-container"},[i("div",{staticClass:"pic-header-container"},[i("div",[i("el-breadcrumb",[i("el-breadcrumb-item",{directives:[{name:"show",rawName:"v-show",value:!e.toggleOne,expression:"!toggleOne"}]},[e._v("全部相册")]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.toggleOne,expression:"toggleOne"}]},[i("el-breadcrumb-item",[i("el-button",{staticStyle:{padding:"0"},attrs:{type:"text"},on:{click:e.handleBackAll}},[e._v("全部相册")])],1),e._v(" "),i("el-breadcrumb-item",[e._v(e._s(e.groupInfo.name))])],1)],1)],1),e._v(" "),i("div",[i("el-button",{attrs:{size:"small"},on:{click:e.handleSetUpload}},[e._v("新建相册")])],1)]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!e.toggleOne,expression:"!toggleOne"}],staticClass:"img-container"},e._l(e.imgList,(function(t){return i("div",{key:t.id,staticClass:"img-item",on:{click:function(i){return e.seeGroupInfo(t)}}},[e._m(0,!0),e._v(" "),i("p",{staticClass:"img-name"},[e._v(e._s(t.name)+" ")])])})),0),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.toggleOne,expression:"toggleOne"}],staticClass:"img-container"},e._l(e.groupInfo.list,(function(t){return i("div",{key:t,staticClass:"img-item"},[i("el-image",{staticStyle:{width:"130px",height:"130px"},attrs:{src:t,fit:"cover"}},[i("div",{staticClass:"img-error",attrs:{slot:"error"},slot:"error"},[i("i",{staticClass:"el-icon-picture-outline",staticStyle:{"font-size":"36px"}})])]),e._v(" "),i("div",{staticClass:"hover-control"},[i("i",{staticClass:"el-icon-delete",staticStyle:{"font-size":"20px"},attrs:{title:"删除"},on:{click:function(i){return e.deleteGroupOne(t)}}})])],1)})),0),e._v(" "),e.toggleOne&&0===e.groupInfo.list.length?i("p",[e._v("该分组暂无图片")]):e._e(),e._v(" "),e.toggleOne||0!==e.imgList.length?e._e():i("p",[e._v("暂无内容")]),e._v(" "),i("el-dialog",{attrs:{title:"图片上传",visible:e.visible.goods},on:{"update:visible":function(t){return e.$set(e.visible,"goods",t)}}},[i("el-form",{ref:"uploadForm",attrs:{model:e.upload,rules:e.uploadRule,"label-width":"100px","before-close":e.handleCloseUpload}},[i("el-form-item",{attrs:{label:"相册名:",prop:"name"}},[i("el-input",{attrs:{disabled:e.toggleOne},model:{value:e.upload.name,callback:function(t){e.$set(e.upload,"name",t)},expression:"upload.name"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"图片上传:"}},[i("el-upload",{ref:"upload",attrs:{action:"",multiple:"",limit:15,"http-request":e.requestUpload,"show-file-list":!1,drag:"","before-upload":e.beforeUploadCheck}},[i("i",{staticClass:"el-icon-upload"}),e._v(" "),i("div",{staticClass:"el-upload__text"},[e._v("将文件拖到此处，或"),i("em",[e._v("点击上传")])]),e._v(" "),i("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[e._v("只能上传图片，每次最大上传数量不超过15张")])]),e._v(" "),i("div",{staticClass:"img-container"},e._l(e.fileList,(function(e,t){return i("div",{key:t,staticClass:"img-item"},[i("el-image",{staticStyle:{width:"130px",height:"130px"},attrs:{src:e,fit:"cover"}})],1)})),0)],1),e._v(" "),i("el-form-item",[i("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleUpload}},[e._v("上传")]),e._v(" "),i("el-button",{attrs:{size:"small"},on:{click:e.handleCloseUpload}},[e._v("取消")])],1)],1)],1),e._v(" "),i("el-dialog",{attrs:{title:"新建相册",visible:e.visible.group,"before-close":e.handleCloseUpload},on:{"update:visible":function(t){return e.$set(e.visible,"group",t)}}},[i("el-form",{ref:"uploadForm",attrs:{model:e.upload,rules:e.uploadRule,"label-width":"100px"}},[i("el-form-item",{attrs:{label:"相册名:",prop:"name"}},[i("el-input",{model:{value:e.upload.name,callback:function(t){e.$set(e.upload,"name",t)},expression:"upload.name"}})],1),e._v(" "),i("el-form-item",[i("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.handleAddGroup}},[e._v("创建")]),e._v(" "),i("el-button",{attrs:{size:"small"},on:{click:e.handleCloseUpload}},[e._v("取消")])],1)],1)],1)],1)},s=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"group-container"},[i("i",{staticClass:"el-icon-folder-opened",staticStyle:{"font-size":"100px"}})])}],o=(i("7f7f"),i("c7eb")),n=(i("96cf"),i("1da1")),r=i("b775");function l(e){return Object(r["a"])({url:"/picture/getgoodsimagealbum",method:"Get",params:e})}function u(e){return Object(r["a"])({url:"/picture/uploadgoodsimagealbum",method:"post",data:e})}function c(e){return Object(r["a"])({url:"/picture/uploadpictureimage",method:"post",data:e})}function d(e){return Object(r["a"])({url:"/picture/updategoodsimagealbum",method:"post",data:e})}var p={data:function(){return{uploadRule:{name:[{required:!0,message:"请输入相册名",trigger:"blur"}]},searchParams:{page_size:10,page_index:1,search_name:""},imgList:[],tableTotal:0,visible:{goods:!1,group:!1},upload:{name:""},fileList:[],toggleOne:!1,groupInfo:{list:[],name:"",id:""}}},created:function(){this.getGoodsPic()},methods:{getGoodsPic:function(){var e=Object(n["a"])(Object(o["a"])().mark((function e(t){var i,a,s,n,r,u;return Object(o["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,l(this.searchParams);case 3:i=e.sent,a=i.code,s=i.message,200===a?(n=i.data,r=n.list,u=n.total,this.imgList=r,this.tableTotal=u,t&&t()):this.$message.error(s),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("获取商品图库失败");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),uploadGoodPic:function(){var e=Object(n["a"])(Object(o["a"])().mark((function e(t){var i,a,s;return Object(o["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,u(t);case 3:i=e.sent,a=i.code,s=i.message,200===a?(this.$message.success(s),this.handleCloseUpload(),this.getGoodsPic()):this.$message.error(s),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("上传商品图片失败");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}(),requestUpload:function(e){var t=this,i=e.file,a=new FormData;a.append("file",i),a.append("type",3),c(a).then((function(e){e&&200===e.code&&t.fileList.push(e.data)}))},handleUpload:function(){var e=this;this.$refs.uploadForm.validate((function(t){if(!t)return!1;if(e.fileList.length<1)return e.$message.warning("还未选择图片!!!"),!1;if(e.toggleOne){var i=e,a=e.groupInfo.list.concat(e.fileList);e.editUploadGoodPic({id:e.groupInfo.id,name:e.groupInfo.name,imgurl:a},(function(){i.handleCloseUpload(),i.getGoodsPic((function(){var t=e.imgList.filter((function(t){return t.id===e.groupInfo.id}))[0];t&&e.seeGroupInfo(t)}))}))}else e.uploadGoodPic({name:e.upload.name,imgurl:e.fileList})}))},handleCloseUpload:function(){this.$refs.uploadForm.resetFields(),this.visible.goods=!1,this.visible.group=!1,this.fileList=[]},resetGroup:function(){this.groupInfo.id="",this.groupInfo.name="",this.groupInfo.list=[],this.toggleOne=!1},editUploadGoodPic:function(){var e=Object(n["a"])(Object(o["a"])().mark((function e(t,i){var a,s,n;return Object(o["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d(t);case 3:a=e.sent,s=a.code,n=a.message,200===s?(this.$message.success(n),i()):this.$message.error(n),e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.$message.error("修改商品图片失败");case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t,i){return e.apply(this,arguments)}return t}(),handleAddGroup:function(){var e=this;this.$refs.uploadForm.validate((function(t){if(!t)return!1;e.uploadGoodPic({name:e.upload.name,imgurl:[]})}))},seeGroupInfo:function(e){var t=e.imgurl,i=e.name,a=e.id;this.groupInfo.list=JSON.parse(t),this.groupInfo.name=i,this.groupInfo.id=a,this.toggleOne=!0},handleBackAll:function(){this.resetGroup(),this.getGoodsPic()},handleSetUpload:function(){this.toggleOne&&(this.upload.name=this.groupInfo.name),this.visible.goods=!0},beforeUploadCheck:function(e){var t=e.name.substring(e.name.lastIndexOf(".")+1),i="jpg"===t,a="png"===t;return i||a?i||a:(this.$message.warning("只能上传jpg/png图片文件!!!"),!1)},deleteGroupOne:function(e){var t=this,i=this,a=this.groupInfo.list.indexOf(e);this.groupInfo.list.splice(a,1),this.editUploadGoodPic({id:this.groupInfo.id,name:this.groupInfo.name,imgurl:this.groupInfo.list},(function(){i.getGoodsPic((function(){var e=t.imgList.filter((function(e){return e.id===t.groupInfo.id}))[0];e&&t.seeGroupInfo(e)}))}))}}},m=p,g=(i("e7ee"),i("68fa"),i("2877")),f=Object(g["a"])(m,a,s,!1,null,"61f392f5",null);t["default"]=f.exports},e7ee:function(e,t,i){"use strict";i("6bce")}}]);
|
