1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3e5bc2dc"],{"067c":function(e,t,n){"use strict";n("7f7f"),n("34ef"),n("28a5");function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.5,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50;return new Promise((function(r,a){e||a(new Error("不存在文件"));var i=e.type,s=e.size,o=["image/jpeg","image/png"];-1===o.indexOf(i)&&a(new Error("错误的文件类型")),Math.ceil(s/1024)<n&&r(e);var l=new FileReader;l.readAsDataURL(e),l.onload=function(n){var a=new Image;a.src=n.target.result,a.onload=function(){var n=a.naturalHeight/a.naturalWidth,i=document.createElement("canvas"),s=i.getContext("2d");i.width=a.width>750?750:a.width,i.height=a.width*n,s.drawImage(a,0,0,i.width,i.height);var o=i.toDataURL("image/jpeg",t),l=atob(o.split(",")[1]),c=l.length,u=new Uint8Array(c);while(c--)u[c]=l.charCodeAt(c);var m=new File([u],e.name,{type:"image/jpeg"});r(m)}}}))}t["a"]=r},"386b":function(e,t,n){var r=n("5ca1"),a=n("79e5"),i=n("be13"),s=/"/g,o=function(e,t,n,r){var a=String(i(e)),o="<"+t;return""!==n&&(o+=" "+n+'="'+String(r).replace(s,""")+'"'),o+">"+a+"</"+t+">"};e.exports=function(e,t){var n={};n[e]=t(o),r(r.P+r.F*a((function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3})),"String",n)}},b022:function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"app-container"},[n("el-button",{staticStyle:{"margin-bottom":"10px"},attrs:{type:"primary",size:"small",icon:"el-icon-plus"},on:{click:function(t){e.visible.type,e.visible.banner=!0}}},[e._v("\n 添加轮播图\n ")]),e._v(" "),n("el-table",{staticClass:"tableBorder",attrs:{data:e.table,"header-cell-style":{background:"#f8fbfc"},border:"",stripe:""}},[n("el-table-column",{attrs:{type:"index",index:e.indexMethod,width:"70",label:"编号",align:"center"}}),e._v(" "),n("el-table-column",{attrs:{prop:"imgurl",label:"图片",width:"70",align:"center"},scopedSlots:e._u([{key:"default",fn:function(e){var t=e.row;return[n("el-image",{staticClass:"hoverImg",attrs:{src:t.imgurl,fit:"scale-down"}})]}}])}),e._v(" "),n("el-table-column",{attrs:{prop:"name",label:"描述",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.row;return[e._v("\n "+e._s(n.name?n.name:"暂无描述")+"\n ")]}}])}),e._v(" "),n("el-table-column",{attrs:{prop:"is_jump",label:"是否跳转",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[r.is_jump&&0!==r.is_jump?n("el-button",{attrs:{type:"text"}},[e._v(e._s(r.url))]):n("span",[e._v("不可跳转")])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"操作",width:"150",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.row;return[n("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDelete(r)}}},[e._v("\n 删除\n ")]),e._v(" "),n("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleEdit(r)}}},[e._v("编辑")])]}}])})],1),e._v(" "),n("pagination",{attrs:{total:e.tableTotal,limit:e.searchParams.page_size,page:e.searchParams.page_index},on:{pagination:e.changePagination,"update:limit":e.changePagination}}),e._v(" "),n("el-dialog",{attrs:{title:"add"===e.visible.type?"添加轮播图":"修改轮播图",visible:e.visible.banner,"close-on-press-escape":!1,"close-on-click-modal":!1},on:{"update:visible":function(t){return e.$set(e.visible,"banner",t)}}},[n("el-form",{ref:"bannerForm",attrs:{model:e.bannerForm,rules:e.bannerRule,"label-width":"80px"}},[n("el-form-item",{attrs:{label:"上传图片:"}},[n("el-upload",{attrs:{action:e.upload_url,"show-file-list":!1,"http-request":e.thumbPictureUpload}},[n("el-button",{attrs:{size:"mini"}},[e._v("\n 点击上传\n ")]),e._v(" "),n("p",[e._v("图片大小: 690*368")])],1),e._v(" "),e.bannerForm.imgurl?n("div",[n("el-image",{staticStyle:{width:"750px",height:"250px"},attrs:{src:e.bannerForm.imgurl,fit:"contain"}})],1):e._e()],1),e._v(" "),n("el-form-item",{attrs:{label:"描述:"}},[n("el-input",{attrs:{placeholder:"轮播图描述"},model:{value:e.bannerForm.name,callback:function(t){e.$set(e.bannerForm,"name",t)},expression:"bannerForm.name"}})],1),e._v(" "),n("el-form-item",{attrs:{label:"是否跳转:",prop:"isLink"}},[n("el-radio-group",{model:{value:e.bannerForm.isLink,callback:function(t){e.$set(e.bannerForm,"isLink",t)},expression:"bannerForm.isLink"}},[n("el-radio",{attrs:{label:1}},[e._v("是")]),e._v(" "),n("el-radio",{attrs:{label:0}},[e._v("否")])],1)],1),e._v(" "),1===e.bannerForm.isLink?n("el-form-item",{attrs:{label:"跳转链接:",prop:"link"}},[n("el-input",{attrs:{placeholder:"跳转链接"},model:{value:e.bannerForm.link,callback:function(t){e.$set(e.bannerForm,"link",t)},expression:"bannerForm.link"}})],1):e._e(),e._v(" "),n("el-form-item",[n("el-button",{attrs:{size:"mini"},on:{click:e.handleCancel}},[e._v("\n 取消\n ")]),e._v(" "),n("el-button",{attrs:{type:"primary",size:"mini"},on:{click:e.handleSubmit}},[e._v("\n 添加\n ")])],1)],1)],1)],1)},a=[],i=(n("b54a"),n("7f7f"),n("96cf"),n("1da1")),s=n("b775");function o(e){return Object(s["a"])({url:"/picture/uploadpictureimage",method:"post",data:e})}function l(e){return Object(s["a"])({url:"/picture/uploadbannerimageinfo",method:"post",data:e})}function c(e){return Object(s["a"])({url:"/picture/destorypicture",method:"post",data:e})}function u(e){return Object(s["a"])({url:"/picture/getpicturelist",method:"get",params:e})}function m(e){return Object(s["a"])({url:"/picture/updatebannerimageinfo",method:"post",data:e})}var h=n("067c"),d={data:function(){var e=this,t=function(t,n,r){1===e.bannerForm.isLink&&""===n?r(new Error("请添加跳转链接")):r()};return{searchParams:{page_index:1,page_size:20},visible:{banner:!1,type:"add"},upload_url:"http://192.168.0.15:8011/api/picture/uploadbannerimageinfo",bannerForm:{imgurl:"",isLink:0,link:"",name:"",id:""},bannerRule:{isLink:[{required:!0,message:"请选择是否需要跳转",trigger:"change"}],link:[{validator:t,trigger:"blur"}]},table:[],tableTotal:0}},created:function(){this.getBannerList()},methods:{getBannerList:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(){var t,n,r,a,i,s;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,u(this.searchParams);case 2:t=e.sent;try{n=t.message,r=t.code,200===r?(a=t.data,i=a.list,s=a.total,this.table=i,this.tableTotal=s):this.$message.error(n)}catch(o){console.log("获取轮播图列表失败:".concat(o))}case 4:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}(),thumbPictureUpload:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var n,r,a=this;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return this.thumbLoad=!0,n=t.file,r=new FormData,e.t0=r,e.next=6,Object(h["a"])(n);case 6:e.t1=e.sent,e.t0.append.call(e.t0,"file",e.t1),r.append("type",1),o(r).then((function(e){a.thumbLoad=!1;try{var t=e.message,n=e.code,r=e.data;200===n?a.bannerForm.imgurl=r:(a.bannerForm.imgurl="",a.$message.error(t))}catch(i){console.log("轮播图上传失败:".concat(i))}})).catch((function(){a.thumbLoad=!1}));case 10:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}(),handleSubmit:function(){var e=this;this.$refs.bannerForm.validate((function(t){if(!t)return!1;if("add"===e.visible.type){var n=e.bannerForm,r=n.name,a=n.imgurl,i=n.isLink,s=n.link;e.submitBanner({name:r,imgurl:a,isLink:i,link:s})}else e.editBanner(e.bannerForm)}))},submitBanner:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var n,r,a;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,l(t);case 2:n=e.sent;try{r=n.message,a=n.code,200===a?(this.$message.success(r),this.handleCancel(),this.getBannerList()):this.$message.error(r)}catch(i){console.log("提交添加轮播图失败:".concat(i))}case 4:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}(),handleCancel:function(){this.visible.banner=!1,this.$refs.bannerForm.resetFields(),this.bannerForm.imgurl="",this.bannerForm.link="",this.bannerForm.name="",this.bannerForm.id=""},handleDelete:function(e){var t=this;this.$confirm("确认删除这个图片?","删除轮播图",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){var n=e.id;t.deleteBanner(n)}))},deleteBanner:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var n,r,a;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,c({id:t});case 2:n=e.sent;try{r=n.message,a=n.code,200===a?(this.$message.success(r),this.handleCancel(),this.getBannerList()):this.$message.error(r)}catch(i){console.log("删除轮播图失败:".concat(i))}case 4:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}(),changePagination:function(e){var t=e.page,n=e.limit;this.searchParams.page_size=n,this.searchParams.page_index=t,this.getBannerList()},handleEdit:function(e){this.bannerForm.link=e.url?e.url:"",this.bannerForm.name=e.name?e.name:"",this.bannerForm.isLink=e.is_jump?e.is_jump:0,this.bannerForm.imgurl=e.imgurl,this.bannerForm.id=e.id,this.visible.type="edit",this.visible.banner=!0},editBanner:function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var n,r,a;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,m(t);case 2:n=e.sent;try{r=n.message,a=n.code,200===a?(this.$message.success(r),this.handleCancel(),this.getBannerList()):this.$message.error(r)}catch(i){console.log("提交修改轮播图失败:".concat(i))}case 4:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}(),indexMethod:function(e){var t=this.searchParams,n=t.page_index,r=t.page_size;return e+=(n-1)*r+1,e}}},p=d,b=n("2877"),g=Object(b["a"])(p,r,a,!1,null,null,null);t["default"]=g.exports},b54a:function(e,t,n){"use strict";n("386b")("link",(function(e){return function(t){return e(this,"a","href",t)}}))}}]);
|