https://esgpaybonus.com/js/chunks/people-store-interest.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[5368],{54983:(t,e,a)=>{a.r(e),a.d(e,{default:()=>n});const s={name:"people-store-interest",data:function(){return{series:[],chartOptions:{chart:{width:380,height:400,type:"pie"},responsive:[{breakpoint:480,options:{chart:{width:200},legend:{position:"top"}}}],plotOptions:{pie:{customScale:.9}},labels:[],dataLabels:{style:{fontSize:"20px"}},tooltip:{style:{fontSize:"20px"}},legend:{fontSize:"20px"},noData:{text:"暫無資料"}},loading:!1,start_at:null,end_at:null,errors:null,optionLabels:[]}},props:{storeId:{type:Number,required:!0}},methods:{getData:function(){var t=this;this.loading=!0,this.errors=null,axios.post("/api/people/store/interest",{store_id:this.storeId,start_at:this.start_at,end_at:this.end_at}).then((function(e){t.$refs.peopleStoreInterest.updateOptions({labels:e.data.data.map((function(t){return t.name})),series:e.data.data.map((function(t){return t.count}))}),t.optionLabels=e.data.data.map((function(t){return t.name})),t.loading=!1})).catch((function(e){console.log(e),t.loading=!1,t.errors=e.response.data.errors}))},initData:function(){this.start_at=null,this.end_at=null,this.getData()}},mounted:function(){this.getData()}};const n=(0,a(51900).Z)(s,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("form",{staticClass:"row g-3"},[t._v("\n        日期區間\n        "),a("div",{staticClass:"col-auto"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.start_at,expression:"start_at"}],staticClass:"form-control",attrs:{type:"date",id:"startDate",placeholder:"Password"},domProps:{value:t.start_at},on:{input:function(e){e.target.composing||(t.start_at=e.target.value)}}})]),t._v("\n        ~\n        "),a("div",{staticClass:"col-auto"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.end_at,expression:"end_at"}],staticClass:"form-control",attrs:{type:"date",id:"endDate",placeholder:"Password"},domProps:{value:t.end_at},on:{input:function(e){e.target.composing||(t.end_at=e.target.value)}}})]),t._v(" "),a("div",{staticClass:"col-auto"},[a("button",{staticClass:"btn btn-primary mb-3",attrs:{type:"button"},on:{click:t.getData}},[t._v("\n                送出\n            ")])]),t._v(" "),a("div",{staticClass:"col-auto"},[a("button",{staticClass:"btn btn-secondary mb-3",attrs:{type:"button"},on:{click:t.initData}},[t._v("\n                重置\n            ")])])]),t._v("\n    對本店有興趣的消費者，還有對\n    "+t._s(this.optionLabels.slice(0,3).join())+"\n    類型商家有興趣，可以進一步跟該類型商家進行合作\n    "),t.errors?a("div",{staticClass:"alert alert-danger"},t._l(t.errors,(function(e,s){return a("p",{key:s},[t._v("\n            "+t._s(e)+"\n        ")])})),0):t._e(),t._v(" "),t.loading?a("div",{staticClass:"d-flex justify-content-center"},[t._m(0)]):t._e(),t._v(" "),a("apexchart",{ref:"peopleStoreInterest",attrs:{type:"pie",options:t.chartOptions,series:t.series}})],1)}),[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"spinner-border",staticStyle:{width:"3rem",height:"3rem"},attrs:{role:"status"}},[a("span",{staticClass:"sr-only"},[t._v("Loading...")])])}],!1,null,null,null).exports}}]);