You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.1 KiB
1 lines
6.1 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6092306c"],{"09ac":function(t,e,s){},"486d":function(t,e,s){"use strict";s("09ac")},"4e54":function(t,e,s){"use strict";s.r(e);var l=function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("div",{attrs:{id:"imgsGallery"}},[l("div",{staticClass:"choice"},[t._m(0),l("div",{staticClass:"ig_ctr"},[l("ul",{staticClass:"list_type"},t._l(t.imgType,(function(e,s){return l("li",{key:s,class:{active:t.selectType==s},on:{click:function(e){return t.clickType(s)}}},[t._v(" "+t._s(e)+" ")])})),0),l("div",{directives:[{name:"show",rawName:"v-show",value:0==t.selectType,expression:"selectType == 0"}],staticClass:"choice_mine"},[l("div",{staticClass:"upload_self"},[l("ul",{staticClass:"list_gallery"},[t._l(t.uploadsFileData,(function(e,a){return l("li",{key:a,class:{active:t.selectData.includes(e)},on:{click:function(s){return t.clickImg(e)}}},[l("img",{attrs:{src:s("9d0f"),id:e.id,alt:e.url}}),l("i",{staticClass:"el-icon-check"})])})),l("el-upload",{attrs:{"list-type":"picture-card",multiple:"",action:t.uploadSite+"?upload_type=img","before-upload":t.beforeAvatarUpload,"on-success":t.afterUpload}},[l("i",{staticClass:"el-icon-plus"})])],2)])]),l("div",{directives:[{name:"show",rawName:"v-show",value:1==t.selectType,expression:"selectType == 1"}],staticClass:"choice_gallery"},[l("div",{staticClass:"_search _pad_ft"},[l("el-input",{attrs:{placeholder:"请输入内容",maxlength:"10"},model:{value:t.searchImgs,callback:function(e){t.searchImgs=e},expression:"searchImgs"}},[l("el-button",{staticClass:"el-icon-search",attrs:{slot:"append"},slot:"append"})],1)],1),l("div",{staticClass:"_pad_ft"},[l("el-tabs",{attrs:{type:"card"},on:{"tab-click":t.loadClass},model:{value:t.selectClass,callback:function(e){t.selectClass=e},expression:"selectClass"}},t._l(t.imgsGalleryClass,(function(e,a){return l("el-tab-pane",{key:a,attrs:{lazy:"",label:e.title,name:e.name}},[a<=1?l("ul",{staticClass:"list_gallery"},t._l(e.content,(function(e,a){return l("li",{key:a,class:{active:t.selectData.includes(e)},on:{click:function(s){return t.clickImg(e)}}},[l("img",{attrs:{src:s("9d0f"),id:e.id,alt:e.url}}),l("i",{staticClass:"el-icon-check"})])})),0):l("div",[t._v(t._s(e.content))])])})),1)],1)])])]),l("div",{staticClass:"chosen"},[l("div",{staticClass:"ig_top"},[t._v("待添加("+t._s(t.selectNum)+"/50)")]),l("div",{staticClass:"ig_ctr"},[l("ul",{directives:[{name:"show",rawName:"v-show",value:t.selectData.length,expression:"selectData.length"}],staticClass:"list_ed"},t._l(t.selectData,(function(e,a){return l("li",{key:a},[l("img",{attrs:{src:s("9d0f"),id:e.id,alt:e.url}}),l("i",{staticClass:"el-icon-delete",on:{click:function(s){return t.clickDelete(e)}}})])})),0)])])])},a=[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"ig_top"},[t._v(" 添加图片"),s("span",[t._v("(只能添加jpe,jpeg,bmp,png,gif等格式)")])])}],i=(s("a434"),s("d2b8")),n={data:function(){return{uploadSite:i["a"].uploadImageUrl,uploadsArray:[],uploadsFileData:[{id:200002,url:"~@/assets/bg-login.jpg"},{id:200004,url:"~@/assets/bg-login.jpg"},{id:200005,url:"~@/assets/bg-login.jpg"},{id:200007,url:"~@/assets/bg-login.jpg"},{id:200027,url:"~@/assets/bg-login.jpg"},{id:200037,url:"~@/assets/bg-login.jpg"}],imgType:["我的文件","图片库"],selectType:1,searchImgs:"",selectClass:"2",imgsGalleryClass:[],selectData:[]}},created:function(){var t=[{id:100002,url:"~@/assets/bg-login.jpg"},{id:100004,url:"~@/assets/bg-login.jpg"},{id:100005,url:"~@/assets/bg-login.jpg"},{id:100007,url:"~@/assets/bg-login.jpg"},{id:100027,url:"~@/assets/bg-login.jpg"},{id:100037,url:"~@/assets/bg-login.jpg"},{id:100047,url:"~@/assets/bg-login.jpg"},{id:100057,url:"~@/assets/bg-login.jpg"},{id:100067,url:"~@/assets/bg-login.jpg"},{id:100077,url:"~@/assets/bg-login.jpg"},{id:100087,url:"~@/assets/bg-login.jpg"},{id:100097,url:"~@/assets/bg-login.jpg"},{id:100137,url:"~@/assets/bg-login.jpg"},{id:100237,url:"~@/assets/bg-login.jpg"}],e=[{id:300002,url:"~@/assets/bg-login.jpg"},{id:400004,url:"~@/assets/bg-login.jpg"},{id:500005,url:"~@/assets/bg-login.jpg"},{id:400007,url:"~@/assets/bg-login.jpg"},{id:400097,url:"~@/assets/bg-login.jpg"},{id:400137,url:"~@/assets/bg-login.jpg"},{id:400237,url:"~@/assets/bg-login.jpg"}];this.imgsGalleryClass=[{title:"商务",name:"1",content:t},{title:"建筑",name:"2",content:e},{title:"山水",name:"3",content:"Tab 3 content"},{title:"风景",name:"4",content:"Tab 31 content"},{title:"办公",name:"5",content:"Tab 322 content"},{title:"天空",name:"6",content:"Tab 3222 content"},{title:"家具",name:"7",content:"Tab 312 content"},{title:"汽车",name:"8",content:"Tab 312312 content"},{title:"服装",name:"9",content:"Tab 3123123 content"},{title:"工厂",name:"10",content:"Tab 31 content"},{title:"安全",name:"11",content:"Tab fddd content"},{title:"峡谷",name:"12",content:"Tab 3ddd content"},{title:"雅典娜",name:"13",content:"Tab 3231 content"},{title:"山",name:"14",content:"Tab 31231212sf content"},{title:"同风起",name:"15",content:"Tab 3sdf dsf content"},{title:"扶摇直上",name:"16",content:"Tab 3 score content"},{title:"2",name:"51",content:"Tab 3 1234567 content"}]},mounted:function(){},methods:{clickType:function(t){this.selectType=t},loadClass:function(t){console.log(t)},clickImg:function(t){if(this.selectData.length>=50)return this.$message({message:"不能再添加图片了哦",type:"warning"}),!1;var e=this.selectData.indexOf(t);-1==e&&this.selectData.push(t)},clickDelete:function(t){var e=this.selectData.indexOf(t);e>-1&&this.selectData.splice(e,1)},afterUpload:function(t,e,s){if(console.log(t),0!=t.code||""==t.url)this.$message.error(t.msg);else{for(var l in this.uploadsArray=[],s)this.uploadsArray.push(s[l].response.url);this.uploadsFileData.push({id:t.id,url:t.url})}},beforeAvatarUpload:function(t){var e="image/jpeg"===t.type||"image/jpg"===t.type||"image/png"===t.type||"image/gif"===t.type;return e||this.$message.error("上传图片只能是 JPG 格式!"),e}},computed:{selectNum:function(){return this.selectData.length}}},c=n,o=(s("486d"),s("2877")),r=Object(o["a"])(c,l,a,!1,null,null,null);e["default"]=r.exports},"9d0f":function(t,e,s){t.exports=s.p+"img/bg-login.85b2cead.jpg"}}]);
|