| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6ed58829"],{"924a":function(e,t,i){"use strict";var a=i("ef64"),l=i.n(a);l.a},c617: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:"zbsgiftmanage"},[i("div",{staticClass:"header"},[i("el-button",{attrs:{type:"primary",icon:"el-icon-plus"},on:{click:e.handleAdd}},[e._v("添加礼品")])],1),e._v(" "),i("el-table",{staticStyle:{width:"100%"},attrs:{border:"",stripe:"",data:e.list}},[i("el-table-column",{attrs:{label:"ID",width:"80",prop:"id","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"样品图",width:"180",prop:"nickname","label-class-name":"label"},scopedSlots:e._u([{key:"default",fn:function(e){return[i("img",{attrs:{src:e.row.imgurl}})]}}])}),e._v(" "),i("el-table-column",{attrs:{label:"\t礼品名称",prop:"name","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"礼品简介",prop:"introduction","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"\t礼品价值（奖学金）",prop:"integral","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"\t已兑换",prop:"exchange_num","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"\t库存",prop:"gift_num","label-class-name":"label"}}),e._v(" "),i("el-table-column",{attrs:{label:"是否上架",width:"100",prop:"status","label-class-name":"label"},scopedSlots:e._u([{key:"default",fn:function(e){return[i("el-switch",{attrs:{value:1==+e.row.status,"active-color":"#12BCD5","inactive-color":"#CCCCCC",disabled:""}})]}}])}),e._v(" "),i("el-table-column",{attrs:{label:"操作",prop:"status","label-class-name":"label"},scopedSlots:e._u([{key:"default",fn:function(t){return[i("el-button",{attrs:{type:"primary",icon:"el-icon-edit",size:"mini"},on:{click:function(i){return e.handleEdit(t.$index,t.row)}}},[e._v("编辑")]),e._v(" "),i("el-button",{attrs:{type:"danger",icon:"el-icon-delete",size:"mini"},on:{click:function(i){return e.handleDel(t.$index,t.row)}}},[e._v("删除")])]}}])})],1),e._v(" "),i("el-dialog",{attrs:{title:"edit"===e.type?"编辑礼品信息":"添加礼品","destroy-on-close":!0,visible:e.dialogFormVisible,"close-on-click-modal":!1},on:{"update:visible":function(t){e.dialogFormVisible=t}}},[i("el-form",{attrs:{model:e.form,autocomplete:"off"}},[i("el-form-item",{staticStyle:{height:"148px"},attrs:{label:"礼品图片","label-width":"147px"}},[e.form.imgurl?i("div",{staticClass:"img-cover"},[i("el-image",{staticStyle:{width:"146px",height:"150px"},attrs:{fit:"contain",src:e.form.imgurl,"preview-src-list":e.srcList}})],1):e._e(),e._v(" "),i("el-upload",{ref:"upload",attrs:{"list-type":"picture-card",action:"#",multiple:!1,"auto-upload":!1,"on-change":e.uploadChange},scopedSlots:e._u([{key:"file",fn:function(t){var a=t.file;return i("div",{},[i("img",{staticClass:"el-upload-list__item-thumbnail",attrs:{src:a.url}}),e._v(" "),i("span",{staticClass:"el-upload-list__item-actions"},[i("span",{staticClass:"el-upload-list__item-preview",on:{click:function(t){return e.handlePictureCardPreview(a)}}},[i("i",{staticClass:"el-icon-zoom-in"})]),e._v(" "),i("span",{staticClass:"el-upload-list__item-delete",on:{click:function(t){return e.handleRemove(a)}}},[i("i",{staticClass:"el-icon-delete"})])])])}}])},[i("i",{staticClass:"el-icon-plus",attrs:{slot:"default"},slot:"default"})]),e._v(" "),e.form.imgurl?i("div",{staticClass:"change",on:{click:e.changimg}},[e._v("更换图片")]):e._e()],1),e._v(" "),i("el-form-item",{attrs:{label:"礼品名称","label-width":"147px"}},[i("el-input",{model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"礼品简介","label-width":"147px"}},[i("el-input",{attrs:{type:"textarea"},model:{value:e.form.introduction,callback:function(t){e.$set(e.form,"introduction",t)},expression:"form.introduction"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"礼品价值（奖学金）","label-width":"147px"}},[i("el-input",{model:{value:e.form.integral,callback:function(t){e.$set(e.form,"integral",t)},expression:"form.integral"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"礼品总数量","label-width":"147px"}},[i("el-input",{model:{value:e.form.gift_num,callback:function(t){e.$set(e.form,"gift_num",t)},expression:"form.gift_num"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"礼品已兑换数量","label-width":"147px"}},[i("el-input",{attrs:{disabled:"add"===e.type},model:{value:e.form.exchange_num,callback:function(t){e.$set(e.form,"exchange_num",t)},expression:"form.exchange_num"}})],1),e._v(" "),i("el-form-item",{attrs:{label:"是否上架","label-width":"147px"}},[i("el-switch",{attrs:{"active-color":"#12BCD5","inactive-color":"#CCCCCC"},model:{value:e.form.status,callback:function(t){e.$set(e.form,"status",t)},expression:"form.status"}})],1)],1),e._v(" "),i("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{on:{click:function(t){e.dialogFormVisible=!1}}},[e._v("取 消")]),e._v(" "),i("el-button",{attrs:{type:"primary"},on:{click:e.submitChange}},[e._v("确 定")])],1)],1),e._v(" "),i("el-dialog",{attrs:{visible:e.preview},on:{"update:visible":function(t){e.preview=t}}},[i("img",{attrs:{width:"100%",src:e.previewImageUrl}})])],1)},l=[],n=(i("456d"),i("ac6a"),i("7f7f"),i("34ef"),i("28a5"),i("96cf"),i("3b8d")),s=i("b775");function o(e){return Object(s["a"])({method:"post",url:"/gift/add_gift",data:e})}function r(e){return Object(s["a"])({method:"get",url:"/gift/del_gift",params:e})}function c(e){return Object(s["a"])({method:"post",url:"/gift/update_gift",data:e})}function m(e){return Object(s["a"])({method:"get",url:"/gift/show_gift",params:e})}var u={name:"ZbsGiftManage",data:function(){return{preview:!1,previewImageUrl:!1,type:"",list:[],form:{imgurl:"",name:"",introduction:"",integral:0,gift_num:0,exchange_num:0,status:!0},formDate:new FormData,srcList:[],dialogFormVisible:!1}},created:function(){this.init()},methods:{init:function(){var e=this;m().then((function(t){e.list=t.data.list}))},uploadChange:function(){var e=Object(n["a"])(regeneratorRuntime.mark((function e(t,i){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.t0=this.formDate,e.next=3,this.miniImg(t.raw);case 3:e.t1=e.sent,e.t0.append.call(e.t0,"img",e.t1),i.length&&(document.getElementsByClassName("el-upload--picture-card")[0].style.display="none");case 6:case"end":return e.stop()}}),e,this)})));function t(t,i){return e.apply(this,arguments)}return t}(),miniImg:function(e,t){var i=this;return new Promise((function(a,l){console.log("压缩前：",(e.size/1024).toFixed(2)+"KB");var n=new FileReader;n.onload=function(l){var n=new Image;n.onload=function(){var l=document.createElement("canvas");l.width=n.width,l.height=n.height,l.getContext("2d").drawImage(n,0,0,n.width,n.height);var s=atob(l.toDataURL("image/jpeg",t||.01).split(",")[1]),o=s.length,r=new Uint8Array(o);while(o--)r[o]=s.charCodeAt(o);var c=new File([r],e.name,{type:"image/jpeg"});i.$message.success("压缩后："+(c.size/1024).toFixed(0)+"KB"),console.log("压缩后：",(c.size/1024).toFixed(0)+"KB"),a(c)},n.src=l.target.result},n.readAsDataURL(e)}))},handlePictureCardPreview:function(e){this.previewImageUrl=e.url,this.preview=!0},handleRemove:function(e){this.$refs.upload.clearFiles(),setTimeout((function(){document.getElementsByClassName("el-upload--picture-card")[0].style.display="inline-block"}),400)},handleAdd:function(){this.type="add",this.form.imgurl="",this.form.name="",this.form.introduction="",this.form.integral="",this.form.gift_num="",this.form.exchange_num=0,this.form.status=!0,this.dialogFormVisible=!0},handleEdit:function(e,t){this.api=c,this.type="edit",this.dialogFormVisible=!0,Object.assign(this.form,t),this.srcList.push(this.form.imgurl)},changimg:function(){this.$refs.upload.clearFiles(),setTimeout((function(){document.getElementsByClassName("el-upload--picture-card")[0].style.display="inline-block"}),400),document.getElementsByClassName("el-upload--picture-card")[0].click()},submitChange:function(){var e=this;if(this.form.name.length)if(this.form.introduction.length)if("number"===typeof+this.form.integral&&+this.form.integral)if("number"===typeof+this.form.gift_num&&+this.form.gift_num)if("add"===this.type){if(!document.getElementsByClassName("el-upload-list__item").length)return void this.$message({message:"请选择图片",type:"warning"});this._loading=this.$loading(),Object.keys(this.form).forEach((function(t){"status"===t?e.formDate.append(t,e.form[t]?"1":"0"):e.formDate.append(t,e.form[t])})),o(this.formDate).then((function(t){600!==t.code?(e.$message.success({message:"添加成功"}),e.dialogFormVisible=!1,e._loading.close(),e.init()):e.$message.error("礼品名称与已有礼品名称重复")}))}else"edit"===this.type&&(this._loading=this.$loading(),document.getElementsByClassName("el-upload-list__item").length?(console.log("修改了图片"),Object.keys(this.form).forEach((function(t){"status"===t?e.formDate.append(t,e.form[t]?"1":"0"):e.formDate.append(t,e.form[t])})),c(this.formDate).then((function(t){600!==t.code?(e.$message.success({message:"修改成功"}),e.dialogFormVisible=!1,e._loading.close(),e.init()):e.$message.error("礼品名称与已有礼品名称重复")}))):(console.log("未修改图片"),c(this.form).then((function(t){e.dialogFormVisible=!1,e.$message({message:"修改成功",type:"success"}),e._loading.close(),e.init()}))));else this.$message({message:"请输入礼品数量",type:"warning"});else this.$message({message:"请输入礼品价值（奖学金）",type:"warning"});else this.$message({message:"请输入礼品简介",type:"warning"});else this.$message({message:"请输入礼品名字",type:"warning"})},handleDel:function(e,t){var i=this;this.$confirm("确定要删除当前礼品？","确定操作",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(Object(n["a"])(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:i._loading=i.$loading(),r({id:t.id}).then((function(e){i._loading.close(),200===e.code?(i.$message({type:"success",message:"删除成功"}),i.init()):i.$message({type:"error",message:"删除失败"})}));case 2:case"end":return e.stop()}}),e)})))).catch((function(e){console.error(e)}))}}},d=u,f=(i("924a"),i("2877")),g=Object(f["a"])(d,a,l,!1,null,null,null);t["default"]=g.exports},ef64:function(e,t,i){}}]);
|
