1 line
26 KiB
JavaScript
1 line
26 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-22f77d10"],{"1c80":function(e,t,a){},5516:function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"instoreset"},[a("div",{staticClass:"outmain ba_f"},[e._m(0),a("el-tabs",{on:{"tab-click":e.handleTabClick},model:{value:e.activeName,callback:function(t){e.activeName=t},expression:"activeName"}},[a("el-tab-pane",{attrs:{label:"堂食设置",name:"foodset"}},[a("el-form",{ref:"form",staticClass:"mar_t20",attrs:{model:e.form,"label-width":"180px"}},[a("el-form-item",{attrs:{label:"营业时间",required:!0}},[a("el-radio-group",{model:{value:e.form.timeType,callback:function(t){e.$set(e.form,"timeType",t)},expression:"form.timeType"}},[a("el-radio",{attrs:{label:"1",border:""}},[e._v("全天24小时营业")]),a("el-radio",{attrs:{label:"2",border:""}},[e._v("设置营业时间")])],1),"2"==e.form.timeType?a("div",{staticClass:"mar_t10"},[e._l(e.timeArr,(function(t,i){return a("div",{key:i,staticClass:"time_item mar_b10"},[a("el-time-select",{staticStyle:{width:"220px"},attrs:{"picker-options":{start:"00:00",step:"00:05",end:"23:55"},placeholder:"选择时间"},on:{change:function(a){return e.selectTime(a,t,i,1)}},model:{value:t.startTime,callback:function(a){e.$set(t,"startTime",a)},expression:"item.startTime"}}),a("span",{staticClass:"mar_lr10"},[e._v("-")]),t.ciri?a("span",{staticClass:"mar_r10"},[e._v("次日")]):e._e(),a("el-time-select",{staticStyle:{width:"220px"},attrs:{"picker-options":{start:"00:00",step:"00:05",end:"23:55"},placeholder:"选择时间"},on:{change:function(a){return e.selectTime(a,t,i,2)}},model:{value:t.endTime,callback:function(a){e.$set(t,"endTime",a)},expression:"item.endTime"}}),a("el-button",{staticClass:"fon_12 mar_l10",attrs:{type:"text"},on:{click:function(t){return e.deltimeInterval(i)}}},[e._v("删除 ")])],1)})),a("el-button",{directives:[{name:"show",rawName:"v-show",value:this.timeArr.length<3,expression:"this.timeArr.length<3"}],attrs:{type:"text"},on:{click:e.addtimeInterval}},[a("Icon",{attrs:{type:"md-add"}}),e._v(" 添加营业时间 ")],1)],2):e._e()],1),a("el-form-item",{attrs:{label:"商家公告"}},[a("el-input",{attrs:{type:"textarea",placeholder:"请输入商家公告"},model:{value:e.form.notice,callback:function(t){e.$set(e.form,"notice",t)},expression:"form.notice"}})],1),a("el-form-item",{attrs:{label:"下单公告"}},[a("el-input",{attrs:{type:"textarea",placeholder:"请输入下单公告"},model:{value:e.form.orderNotice,callback:function(t){e.$set(e.form,"orderNotice",t)},expression:"form.orderNotice"}})],1),a("el-form-item",{attrs:{label:"下单幻灯片"}},[e._l(e.form.orderMedia,(function(t,i){return a("div",{key:i,staticClass:"uploadSource bor_de rel flex"},[a("label",{staticClass:"statusLabel curs",on:{mouseenter:function(t){return e.enterMultigraph(i,1)},mouseleave:function(t){return e.leaveMultigraph(i,1)}}},[a("i",{ref:"list1"+i,refInFor:!0,staticClass:"el-icon-check"}),a("i",{staticClass:"el-icon-close",on:{click:function(a){return e.deleteMultiImage(t,2,"multigraph")}}})]),a("img",{staticClass:"wid img",attrs:{src:t},on:{click:function(t){return e.test(2)}}})])})),a("div",{staticClass:"uploadSource flex-center curs",on:{click:function(t){return e.test(2)}}},[a("i",{staticClass:"el-icon-plus fon_40 color_d9"})]),a("attachment-img",{ref:"img2",attrs:{type:"imgs"},on:{attachment:e.multigraph1}})],2),a("el-form-item",{attrs:{label:"自动接单"}},[a("el-radio-group",{model:{value:e.form.receiving,callback:function(t){e.$set(e.form,"receiving",t)},expression:"form.receiving"}},[a("el-radio",{attrs:{label:"1"}},[e._v("开启")]),a("el-radio",{attrs:{label:"2"}},[e._v("关闭")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("商家接单后才打印小票，为了防止漏单，建议开启自动接单功能")])],1),a("el-form-item",{attrs:{label:"结算模式"}},[a("el-radio-group",{model:{value:e.form.payMode,callback:function(t){e.$set(e.form,"payMode",t)},expression:"form.payMode"}},[a("el-radio",{attrs:{label:"1"}},[e._v("先结账后用餐")]),a("el-radio",{attrs:{label:"2"}},[e._v("先用餐后结账")])],1),a("div",{directives:[{name:"show",rawName:"v-show",value:"1"==e.form.payMode,expression:"form.payMode=='1'"}],staticClass:"yb_margin lh16"},[e._v("顾客点餐付钱后,商家即可收到订单准备上菜")]),a("div",{directives:[{name:"show",rawName:"v-show",value:"2"==e.form.payMode,expression:"form.payMode=='2'"}],staticClass:"yb_margin lh16"},[e._v("顾客点餐下单给商家,商家开始准备上菜,顾客可以吃完后付钱,未支付顾客可以加菜")])],1),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:"2"==e.form.payMode,expression:"form.payMode=='2'"}],attrs:{label:"线上支付"}},[a("el-radio-group",{model:{value:e.form.onLine,callback:function(t){e.$set(e.form,"onLine",t)},expression:"form.onLine"}},[a("el-radio",{attrs:{label:"1"}},[e._v("开启")]),a("el-radio",{attrs:{label:"2"}},[e._v("关闭")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("关闭线上支付后，用户端将不显示支付按钮，仅能线下结账")])],1),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:"1"==e.form.payMode,expression:"form.payMode=='1'"}],attrs:{label:"自动清台"}},[a("el-radio-group",{model:{value:e.form.autoClose,callback:function(t){e.$set(e.form,"autoClose",t)},expression:"form.autoClose"}},[a("el-radio",{attrs:{label:"1"}},[e._v("开启")]),a("el-radio",{attrs:{label:"2"}},[e._v("关闭")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("开启后，系统将在设置的时间后自动清除此台，此功能仅在餐前付款模式下生效")])],1),"1"==e.form.payMode&&"1"==e.form.autoClose?a("el-form-item",{attrs:{label:""}},[a("el-input",{staticStyle:{width:"340px"},attrs:{placeholder:"请输入清台时间",min:0,type:"number"},model:{value:e.form.closeTime,callback:function(t){e.$set(e.form,"closeTime",t)},expression:"form.closeTime"}},[a("template",{slot:"append"},[e._v("分钟未付款自动清台")])],2)],1):e._e(),a("el-form-item",{attrs:{label:"点餐模式"}},[a("el-radio-group",{model:{value:e.form.orderMode,callback:function(t){e.$set(e.form,"orderMode",t)},expression:"form.orderMode"}},[a("el-radio",{directives:[{name:"show",rawName:"v-show",value:e.orderMode.indexOf("1")>-1,expression:"orderMode.indexOf('1')>-1"}],attrs:{label:"1"}},[e._v("多人点餐")]),a("el-radio",{directives:[{name:"show",rawName:"v-show",value:e.orderMode.indexOf("2")>-1,expression:"orderMode.indexOf('2')>-1"}],attrs:{label:"2"}},[e._v("拼桌点餐")])],1),a("div",{directives:[{name:"show",rawName:"v-show",value:"1"==e.form.orderMode,expression:"form.orderMode=='1'"}],staticClass:"yb_margin lh16"},[e._v("同桌顾客可互相看到点餐内容")]),a("div",{directives:[{name:"show",rawName:"v-show",value:"2"==e.form.orderMode,expression:"form.orderMode=='2'"}],staticClass:"yb_margin lh16"},[e._v("多人共用一桌，各自独立点餐下单")])],1),a("el-form-item",{attrs:{label:"服务费"}},[a("el-radio-group",{model:{value:e.form.serviceType,callback:function(t){e.$set(e.form,"serviceType",t)},expression:"form.serviceType"}},[a("el-radio",{attrs:{label:"1"}},[e._v("按就餐人数收取")]),a("el-radio",{attrs:{label:"2"}},[e._v("按每桌台收取")])],1),a("div",{staticClass:"fuwuf"},[a("el-input",{attrs:{required:!0},model:{value:e.form.serviceMoney,callback:function(t){e.$set(e.form,"serviceMoney",t)},expression:"form.serviceMoney"}},[a("template",{slot:"append"},[a("span",{staticClass:"mar_l10"},[e._v("元/"),a("span",{directives:[{name:"show",rawName:"v-show",value:"1"==e.form.serviceType,expression:"form.serviceType=='1'"}]},[e._v("位")]),a("span",{directives:[{name:"show",rawName:"v-show",value:"2"==e.form.serviceType,expression:"form.serviceType=='2'"}]},[e._v("桌")])])])],2)],1)],1)],1)],1),a("el-tab-pane",{attrs:{label:"快餐设置",name:"fastfoodset"}},[a("el-form",{ref:"form2",staticClass:"mar_t20",attrs:{model:e.form2,"label-width":"180px"}},[a("el-form-item",{attrs:{label:"自动接单"}},[a("el-radio-group",{model:{value:e.form2.receiving,callback:function(t){e.$set(e.form2,"receiving",t)},expression:"form2.receiving"}},[a("el-radio",{attrs:{label:"1"}},[e._v("开启")]),a("el-radio",{attrs:{label:"2"}},[e._v("关闭")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("此功能关闭后,商家需要手动接单")])],1),a("el-form-item",{attrs:{label:"自动确认收货"}},[a("el-radio-group",{model:{value:e.form2.autoComplete,callback:function(t){e.$set(e.form2,"autoComplete",t)},expression:"form2.autoComplete"}},[a("el-radio",{attrs:{label:"1"}},[e._v("开启")]),a("el-radio",{attrs:{label:"2"}},[e._v("关闭")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("开启后，如订单未点击完成，系统将按设定的时间自动确认收货完成，请谨慎使用")])],1),"1"==e.form2.autoComplete?a("el-form-item",{attrs:{label:""}},[a("el-input",{staticStyle:{width:"340px"},attrs:{min:0,placeholder:"请输入分钟数",type:"number"},model:{value:e.form2.completeTime,callback:function(t){e.$set(e.form2,"completeTime",t)},expression:"form2.completeTime"}},[a("template",{slot:"append"},[e._v("分钟自动确认收货")])],2)],1):e._e(),a("el-form-item",{attrs:{label:"快餐公告"}},[a("el-input",{attrs:{type:"textarea",placeholder:"请输入快餐公告"},model:{value:e.form2.notice,callback:function(t){e.$set(e.form2,"notice",t)},expression:"form2.notice"}})],1),a("el-form-item",{attrs:{label:"下单公告"}},[a("el-input",{attrs:{type:"textarea",placeholder:"请输入下单公告"},model:{value:e.form2.orderNotice,callback:function(t){e.$set(e.form2,"orderNotice",t)},expression:"form2.orderNotice"}})],1),a("el-form-item",{attrs:{label:"下单幻灯片"}},[e._l(e.form2.orderMedia,(function(t,i){return a("div",{key:i,staticClass:"uploadSource bor_de rel flex"},[a("label",{staticClass:"statusLabel curs",on:{mouseenter:function(t){return e.enterMultigraph(i,2)},mouseleave:function(t){return e.leaveMultigraph(i,2)}}},[a("i",{ref:"list2"+i,refInFor:!0,staticClass:"el-icon-check"}),a("i",{staticClass:"el-icon-close",on:{click:function(a){return e.deleteMultiImage(t,3,"multigraph")}}})]),a("img",{staticClass:"wid img",attrs:{src:t},on:{click:function(t){return e.test(3)}}})])})),a("div",{staticClass:"uploadSource flex-center curs",on:{click:function(t){return e.test(3)}}},[a("i",{staticClass:"el-icon-plus fon_40 color_d9"})]),a("attachment-img",{ref:"img3",attrs:{type:"imgs"},on:{attachment:e.multigraph2}})],2),a("el-form-item",{attrs:{label:"打包盒收费模式"}},[a("el-radio-group",{model:{value:e.form2.boxType,callback:function(t){e.$set(e.form2,"boxType",t)},expression:"form2.boxType"}},[a("el-radio",{attrs:{label:"1"}},[e._v("按订单收费")]),a("el-radio",{attrs:{label:"2"}},[e._v("按商品收费")])],1),a("div",{staticClass:"yb_margin lh16"},[e._v("假设打包盒2元,按订单收费是指该订单收取2元打包盒费")])],1),a("el-form-item",{directives:[{name:"show",rawName:"v-show",value:"1"==e.form2.boxType,expression:"form2.boxType=='1'"}],staticClass:"dabh",attrs:{label:"打包盒费"}},[a("el-input-number",{attrs:{"controls-position":"right",min:0,max:1e8},model:{value:e.form2.boxMoney,callback:function(t){e.$set(e.form2,"boxMoney",t)},expression:"form2.boxMoney"}}),a("span",{staticClass:"mar_l10"},[e._v("元")])],1),a("el-form-item",{staticClass:"dabh",attrs:{label:"取餐语音文字"}},[a("el-input",{attrs:{placeholder:"请"},model:{value:e.form2.phoneticWritingStart,callback:function(t){e.$set(e.form2,"phoneticWritingStart",t)},expression:"form2.phoneticWritingStart"}},[a("template",{slot:"append"},[e._v("A001")])],2),a("el-input",{staticClass:"qucan",attrs:{placeholder:"号到服务台取餐"},model:{value:e.form2.phoneticWritingEnd,callback:function(t){e.$set(e.form2,"phoneticWritingEnd",t)},expression:"form2.phoneticWritingEnd"}})],1)],1)],1)],1)],1),a("div",{staticClass:"mar_t20 ba_f pad_20 t_c"},[a("el-button",{attrs:{type:"primary"},on:{click:e.submitForm}},[e._v("保存")])],1)])},r=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"shuju_title mar_b20"},[a("div",{staticClass:"shuju_title_text"},[a("span",[e._v("店内设置")])])])}],o=(a("99af"),a("c975"),a("d81d"),a("a434"),a("96cf"),a("1da1")),s=a("294d"),n=a("fc6e"),l={components:{attachmentImg:n["a"]},created:function(){this.init(),this.getConfig()},data:function(){return{activeName:"foodset",form:{timeType:"1",notice:"2",orderNotice:"",receiving:"1",payMode:"1",onLine:"1",orderMode:"1",serviceType:"1",serviceMoney:"0",autoClose:"2",closeTime:"3",orderMedia:[]},form2:{receiving:"1",notice:"",orderNotice:"",orderMedia:[],boxType:"1",boxMoney:"",phoneticWritingStart:"",phoneticWritingEnd:"",autoComplete:"2",completeTime:"20"},form3:{autoClose:"1",packingMoney:"",please:""},timeArr:[],orderMode:[]}},methods:{getConfig:function(){var e=this;return Object(o["a"])(regeneratorRuntime.mark((function t(){var a,i;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,Object(s["o"])({ident:"instoreSet"});case 2:a=t.sent,i=a.data,e.orderMode=i.orderMode;case 5:case"end":return t.stop()}}),t)})))()},init:function(){var e=this;return Object(o["a"])(regeneratorRuntime.mark((function t(){var a,i,r,o;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if("foodset"!=e.activeName){t.next=10;break}return t.next=3,Object(s["E"])({ident:"instoreSet"});case 3:a=t.sent,i=a.data,e.formc=e.form,e.form=Object.assign(e.formc,i),i.timeArr&&(e.timeArr=i.timeArr.map((function(e){return{endTime:e.endTime,ciri:e.ciri,startTime:e.startTime}}))),t.next=17;break;case 10:if("fastfoodset"!=e.activeName){t.next=17;break}return t.next=13,Object(s["E"])({ident:"fastSet"});case 13:r=t.sent,o=r.data,e.formc=e.form2,e.form2=Object.assign(e.formc,o);case 17:case"end":return t.stop()}}),t)})))()},handleTabClick:function(){this.init()},addtimeInterval:function(){var e={startTime:"00:00",endTime:"00:00",ciri:!0};this.$set(this.timeArr,this.timeArr.length,e)},deltimeInterval:function(e){this.$delete(this.timeArr,e)},selectTime:function(e,t,a,i){for(var r=0;r<this.timeArr.length;r++)r==a&&(1==i&&(e>=t.endTime?t.ciri=!0:t.ciri=!1),2==i&&(e<=t.startTime?t.ciri=!0:t.ciri=!1))},test:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;console.log(this.$refs,e),this.$refs["img"+e].dialogVisible=!0},enterMultigraph:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.$refs["list".concat(t).concat(e)][0].style.display="none"},leaveMultigraph:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.$refs["list".concat(t).concat(e)][0].style.display="inline-block"},imgadd1:function(e){this.form.icon=e.str},multigraph1:function(e){this.form.orderMedia&&this.form.orderMedia.length>0?this.form.orderMedia=this.form.orderMedia.concat(e.arr):this.form.orderMedia=e.arr},multigraph2:function(e){this.form2.orderMedia&&this.form2.orderMedia.length>0?this.form2.orderMedia=this.form2.orderMedia.concat(e.arr):this.form2.orderMedia=e.arr},deleteMultiImage:function(e,t,a){if(Array.prototype.remove=function(e){var t=this.indexOf(e);t>-1&&this.splice(t,1)},"multigraph"==a)switch(t){case 2:this.form.orderMedia.remove(e);break;case 3:this.form2.orderMedia.remove(e);break}else switch(t){case 1:this.form.icon="";break}},submitForm:function(){var e=this;"foodset"==this.activeName?this.$refs["form"].validate(function(){var t=Object(o["a"])(regeneratorRuntime.mark((function t(a){var i,r;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!a){t.next=12;break}return e.form.ident="instoreSet",e.form.identName="堂食设置",e.form.timeArr=e.timeArr,t.next=6,Object(s["V"])(e.form);case 6:i=t.sent,r=i.msg,e.$baseMessage(r,"success"),e.init(),t.next=13;break;case 12:return t.abrupt("return",!1);case 13:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()):"fastfoodset"==this.activeName&&this.$refs["form2"].validate(function(){var t=Object(o["a"])(regeneratorRuntime.mark((function t(a){var i,r;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!a){t.next=11;break}return e.form2.ident="fastSet",e.form2.identName="快餐设置",t.next=5,Object(s["V"])(e.form2);case 5:i=t.sent,r=i.msg,e.$baseMessage(r,"success"),e.init(),t.next=12;break;case 11:return t.abrupt("return",!1);case 12:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}},c=l,m=(a("e0c6"),a("2877")),d=Object(m["a"])(c,i,r,!1,null,null,null);t["default"]=d.exports},a434:function(e,t,a){"use strict";var i=a("23e7"),r=a("23cb"),o=a("a691"),s=a("50c4"),n=a("7b0b"),l=a("65f0"),c=a("8418"),m=a("1dde"),d=a("ae40"),u=m("splice"),f=d("splice",{ACCESSORS:!0,0:0,1:2}),p=Math.max,g=Math.min,h=9007199254740991,v="Maximum allowed length exceeded";i({target:"Array",proto:!0,forced:!u||!f},{splice:function(e,t){var a,i,m,d,u,f,b=n(this),y=s(b.length),_=r(e,y),x=arguments.length;if(0===x?a=i=0:1===x?(a=0,i=y-_):(a=x-2,i=g(p(o(t),0),y-_)),y+a-i>h)throw TypeError(v);for(m=l(b,i),d=0;d<i;d++)u=_+d,u in b&&c(m,d,b[u]);if(m.length=i,a<i){for(d=_;d<y-i;d++)u=d+i,f=d+a,u in b?b[f]=b[u]:delete b[f];for(d=y;d>y-i+a;d--)delete b[d-1]}else if(a>i)for(d=y-i;d>_;d--)u=d+i-1,f=d+a-1,u in b?b[f]=b[u]:delete b[f];for(d=0;d<a;d++)b[d+_]=arguments[d+2];return b.length=y-i+a,m}})},c8f1:function(e,t,a){},dad0:function(e,t,a){"use strict";var i=a("c8f1"),r=a.n(i);r.a},e0c6:function(e,t,a){"use strict";var i=a("1c80"),r=a.n(i);r.a},fc6e:function(e,t,a){"use strict";var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-dialog",{staticClass:"attachmentImg",attrs:{title:"选择图片",visible:e.dialogVisible,"close-on-click-modal":!1,width:"55%"},on:{"update:visible":function(t){e.dialogVisible=t},close:e.modalClose,opened:e.dialogOpened}},[a("div",{staticClass:"attachment_img_box",attrs:{flex:"box:first"}},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.groupListLoading,expression:"groupListLoading"}],staticClass:"attachment_img_left"},[a("el-menu",{staticClass:"group-menu",attrs:{mode:"vertical"}},[a("el-scrollbar",{staticStyle:{height:"523px",width:"100%"}},[a("div",{staticClass:"goods-menu"},[a("el-menu-item",{class:{"is-active":"all"==e.allindex},staticStyle:{"text-align":"center"},attrs:{index:"all"},on:{click:function(t){return e.selected(0)}}},[a("span",[e._v("全部")])]),e._l(e.groupItem,(function(t){return[a("el-menu-item",{key:t.id,attrs:{index:t.id},on:{click:function(a){return e.selected(t.id)}}},[a("div",{staticClass:"fenlei",attrs:{flex:"dir:left box:last"}},[a("i",{staticClass:"el-icon-circle-close gbfenlei",staticStyle:{display:"none"},on:{click:function(a){return e.deleteType(t.id)}}}),a("div",{staticStyle:{overflow:"hidden","text-overflow":"ellipsis",width:"100%"}},[a("span",[e._v(e._s(t.name))])])])])]}))],2)]),a("el-popover",{attrs:{placement:"top",width:"160"},model:{value:e.visible,callback:function(t){e.visible=t},expression:"visible"}},[a("el-input",{attrs:{placeholder:"请输入分组名称",size:"mini"},model:{value:e.new_type_name,callback:function(t){e.new_type_name=t},expression:"new_type_name"}}),a("div",{staticStyle:{"text-align":"right",margin:"0","margin-top":"10px"}},[a("el-button",{attrs:{size:"mini",type:"text"},on:{click:function(t){e.visible=!1}}},[e._v("取消")]),a("el-button",{attrs:{type:"primary",size:"mini"},on:{click:e.addNewAttType}},[e._v("确定")])],1),a("el-button",{staticStyle:{"margin-left":"22%","margin-top":"13px"},attrs:{slot:"reference",size:"small"},slot:"reference"},[a("i",{staticClass:"el-icon-circle-plus-outline"}),e._v(" 新建分组 ")])],1)],1)],1),a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.rightLoading,expression:"rightLoading"}],staticClass:"attachment_img_right",attrs:{flex:"dir:top"}},[a("div",{staticClass:"selectBox"},[a("el-input",{staticStyle:{width:"30%","padding-left":"12px"},attrs:{placeholder:"请输入图片名称","suffix-icon":"el-icon-search",size:"small"},on:{input:function(t){return e.search(e.atta_name)}},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.search(e.atta_name)}},model:{value:e.atta_name,callback:function(t){e.atta_name=t},expression:"atta_name"}}),a("div",{staticStyle:{float:"right",padding:"0 10px 0 0"}},[a("el-upload",{staticClass:"upload-demo",attrs:{action:e.UploadUrl(),multiple:!0,limit:50,"on-exceed":e.handleExceed,"file-list":e.fileList,"on-success":e.handleSuccess,"on-error":e.handleError,"before-upload":e.beforeUpload,data:e.uploadData,"on-progress":e.handProgress}},[a("el-button",{attrs:{size:"small",type:"primary"}},[a("i",{staticClass:"el-icon-plus avatar-uploader-icon"}),e._v(" 上传图片 ")])],1)],1)],1),a("el-scrollbar",{staticClass:"scrollbar",staticStyle:{height:"460px"}},[a("div",{staticClass:"app-attachment-list"},[e._l(e.attachments,(function(t,i){return[a("el-tooltip",{key:t.id,staticClass:"item",attrs:{effect:"dark",content:t.name,placement:"top","open-delay":1}},[a("div",{staticClass:"app-attachment-item",on:{click:function(a){return e.selectedItem(i,t.url)}}},[a("div",{staticClass:"app-attachment-item-bj"},[a("div",{staticClass:"imgStyle"},[a("el-image",{staticStyle:{width:"100%",height:"143px","border-radius":"5px"},attrs:{src:t.url,fit:"cover"}}),a("div",{staticClass:"mask",style:e.getStyle2(i)},[a("i",{staticClass:"el-icon-check center-icon pos-center"}),a("p",{staticClass:"triangle"},[a("i",{staticClass:"el-icon-check"})])])],1),a("div",{staticClass:"app-attachment-name"},[e._v(e._s(t.name))]),a("i",{staticClass:"el-icon-error delete",on:{click:function(a){return e.deleteItem(t.id)}}})])])])]}))],2)]),a("div",{staticStyle:{padding:"5px","text-align":"right","margin-top":"auto"}},[a("el-pagination",{attrs:{background:"",layout:"prev, pager, next",total:e.total,"page-size":e.pagesize},on:{"current-change":e.current_change}})],1)],1)]),a("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{attrs:{size:"small"},on:{click:function(t){e.dialogVisible=!1}}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(t){return e.selectedItems()}}},[e._v("确 定")])],1)])},r=[],o=(a("99af"),a("365c")),s={name:"attachment-img",props:{type:{type:String,default:"img"},type2:{type:String,default:""},op:{type:String}},data:function(){return{visible:!1,atta_name:"",uploadParams:{type_id:0,type:1},category:0,keywords:"",total:0,pagesize:30,currentPage:1,dialogVisible:!1,groupItem:[],attachments:[],groupListLoading:!1,rightLoading:!1,new_type_name:"",fileList:[],selectedArr:{},attachmentList:"12",uploadData:{key:"",token:""},file:{Url:"",path:"",name:"",size:0},att_type:"",allindex:"all"}},created:function(){},methods:{getStyle2:function(e){var t=this,a=t.currentPage,i=t.selectedArr["img"==t.type?"danxuan":"item"+e+a];return i&&i.page==a&&i.index==e?"display:block":""},modalClose:function(){var e=this;e.selectedArr={}},dialogOpened:function(){this.getgroupItem(),this.getAttachment_List()},handProgress:function(){var e=this;e.rightLoading=!0},getgroupItem:function(){var e=this;this.$api.get("common/file/get-category",{storeId:this.type2},(function(t){1==t.code?(e.groupItem=t.data,e.groupListLoading=!1,e.visible=!1):e.groupListLoading=!1}))},getAttachment_List:function(){var e=this;e.rightLoading=!0,this.$api.get("common/file/get-picture",{page:e.currentPage,category:e.category,keywords:e.keywords,storeId:this.type2},(function(t){1==t.code?(e.attachments=t.data,e.total=t.count,e.rightLoading=!1):e.rightLoading=!1}))},addNewAttType:function(){var e=this;e.groupListLoading=!0,this.$api.post("common/file/save-category",{storeId:this.type2,name:e.new_type_name},(function(t){1==t.code?(e.visible=!1,e.$message({message:t.msg,type:"success",duration:500,onClose:function(){e.new_type_name="",e.getgroupItem()}})):(e.visible=!1,e.$message.error(t.msg))}))},deleteType:function(e){var t=this;t.groupListLoading=!0,this.$api.post("common/file/del-picture-category",{id:e},(function(e){1==e.code?(t.visible=!1,t.$message({message:e.msg,type:"success",duration:500,onClose:function(){t.getgroupItem()}})):(t.$message.error(e.msg),t.groupListLoading=!1)}))},search:function(e){var t=this;console.log(e),this.keywords=e,t.getAttachment_List()},current_change:function(e){var t=this;t.currentPage=e,t.getAttachment_List()},deleteItem:function(e){var t=this;t.rightLoading=!0,this.$api.post("common/file/del-picture",{id:e},(function(e){1==e.code?(t.visible=!1,t.$message({message:e.msg,type:"success",duration:500,onClose:function(){t.getAttachment_List()}})):(t.$message.error(e.msg),t.groupListLoading=!1)}))},UploadUrl:function(){var e=o["a"].backendPath;return e+"common/file/get-category"},beforeUpload:function(e){console.log("上传前判断",e);var t="image/jpg"===e.type||"image/jpeg"===e.type||"image/png"===e.type||"image/gif"===e.type,a=e.size/1024/1024<2;return t?a?void 0:(this.$message.error("文件大小不能超过 2MB!"),!1):(this.$message.error("上传图片只支持jpg、jpeg、png格式!"),!1)},handleError:function(e){this.$message({message:"上传失败",duration:2e3,type:"warning"})},handleSuccess:function(e,t,a){console.log("345",a),this.file=t,this.addAttachment()},handleExceed:function(e,t){this.$message.warning("当前限制选择 50 个文件，本次选择了 ".concat(e.length," 个文件，共选择了 ").concat(e.length+t.length," 个文件"))},addAttachment:function(){var e=this,t=new FormData;t.append("file",this.file.raw),t.append("category",this.category),t.append("storeId",this.type2),this.$api.post("common/file/upload",t,(function(t){1==t.code?(e.getAttachment_List(),e.$message.success("上传成功")):(e.$message.error(t.msg),console.log(t.msg))}))},selected:function(e){var t=this;t.rightLoading=!0,t.currentPage=1,t.category=e,t.allindex="otherList",t.getAttachment_List()},selectedItem:function(e,t){var a=this,i="img"==a.type,r=i?"danxuan":"item"+e+a.currentPage,o=a.selectedArr[r];o&&o.index==e?a.$delete(a.selectedArr,r):(i&&a.$delete(a.selectedArr,r),a.$set(a.selectedArr,r,{page:a.currentPage,index:e,url:t}))},selectedItems:function(){var e=this;e=this;var t=e.selectedArr,a="",i=[];for(var r in t)a+=a?","+t[r].url:t[r].url,i.push(t[r].url);e.$emit("attachment",{str:a,arr:i}),e.dialogVisible=!1}}},n=s,l=(a("dad0"),a("2877")),c=Object(l["a"])(n,i,r,!1,null,null,null);t["a"]=c.exports}}]); |