"use strict";(self["webpackChunkexchange"]=self["webpackChunkexchange"]||[]).push([[3768],{14797:function(t,e,s){s.r(e),s.d(e,{default:function(){return u}});var i=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"service-box pb-150 flex flex-col"},[i("van-nav-bar",{attrs:{title:t.$t("在线客服"),"left-arrow":"",fixed:""},on:{"click-left":t.onClickLeft}}),t.kefu_url?i("div",{staticClass:"flex-1"},[i("iframe",{attrs:{src:t.kefu_url,width:"100%",height:"100%",frameborder:"0"}})]):i("div",{staticClass:"localKefu flex-1 flex"},[i("div",{ref:"boxScroll",staticClass:"flex flex-col px-32 box-border flex-1",staticStyle:{overflow:"auto"}},[i("div",{staticClass:"w-full py-10 text-grey text-center pt-10",style:{visibility:t.finished?"hidden":"visiable"},on:{click:t.onMore}},[t._v(" "+t._s(t.$t("历史消息")))]),i("ul",{staticClass:"flex flex-col pt-20"},t._l(t.list,(function(e,l){return 0==e.delete_status?i("li",{key:e.id,staticClass:"flex flex-col mt-20"},[i("p",{staticClass:"font-26 text-center py-20 text-grey"},[t._v(" "+t._s(e.createtime))]),i("div",{staticClass:"flex",class:"send"===e.send_receive?"justify-end":""},["receive"===e.send_receive?[i("img",{staticClass:"w-81 h-81 mr-40",attrs:{src:s(36977)}}),i("div",{staticClass:"responser px-50 py-35 font-30 rounded-lg font-26 chatBg"},["text"===e.type?i("p",{staticClass:"break-word textColor",staticStyle:{"max-width":"230px"}},[t._v(" "+t._s(e.content))]):i("img",{staticClass:"w-200 h-200",attrs:{src:e.content},on:{click:function(s){return t.onPreview(e.content)}}})])]:i("div",{staticClass:"py-25 px-50 responser-two rounded-lg flex flex-col chatBg"},["img"===e.type?i("img",{staticClass:"w-200 h-200",attrs:{src:""+e.content},on:{click:function(s){return t.onPreview(e.content)}}}):i("p",{staticClass:"break-word textColor",staticStyle:{"max-width":"230px"}},[t._v(t._s(e.content)+" ")])])],2)]):t._e()})),0)]),i("div",{staticClass:"bottom flex justify-between h-130 items-center w-full fixed bottom-0 borderTop px-32 box-border bgBottom"},[i("van-uploader",{attrs:{"max-size":1024e4,"after-read":t.afterRead},on:{oversize:t.onOversize}},[i("img",{staticClass:"w-72 h-72",attrs:{src:s(98252)}})]),i("input",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"}],staticClass:"flex-1 mx-20 h-full border-none bgBottom textColor",attrs:{type:"text",placeholder:t.$t("请输入您的消息...")},domProps:{value:t.value},on:{input:function(e){e.target.composing||(t.value=e.target.value)}}}),i("img",{staticClass:"w-72 h-72",attrs:{src:s(23852)},on:{click:function(e){return t.send("text",t.value)}}})],1)])],1)},l=[],r=(s(90247),s(85432)),o=(s(99809),s(51785)),n=(s(44114),s(93518)),a=s(49510),c=s(49351),h=s(94348),A={name:"CustomerService",components:{[o.A.name]:o.A},data(){return{list:[],value:"",lastMsgId:"",interval:null,unread:0,finished:!1,currentScrollTop:0,isScrollBottom:!1}},computed:{...(0,n.L8)("home",["kefu_url"])},created(){this.fetchList()},mounted(){window.addEventListener("scroll",this.handleScroll,!0)},methods:{onOversize(t){h.log(t),this.$toast(this.$t("文件大小不能超过10m"))},onPreview(t){(0,r.A)([t])},showTime(t){return 0===t||t!==this.list.length-1&&(this.list[t].createtime.split(" ")[0]!==this.list[t+1].createtime.split(" ")[1]&&void 0)},afterRead(t){this.$toast.loading({duration:0}),(0,c.KE)(t,(t=>{h.log(t)})).then((t=>{this.$toast.clear(),this.send("img",t)})).catch((()=>{this.$toast.clear(),t.status="failed",t.message=this.$t("图片上传失败")}))},fetchList(t=""){(0,a.JF)({message_id:t}).then((e=>{if(this.lastMsgId||(this.lastMsgId=e.length&&e[e.length-1]["id"]),e.length){if(t)this.lastMsgId=e[e.length-1]["id"],this.list=[...e.reverse(),...this.list];else{let t=[...this.list,...e.reverse()],s={};t=t.reverse().reduce((function(t,e){return s[e.id]||(s[e.id]=t.push(e)),t}),[]),this.list=t.reverse()}this.isScrollBottom&&(this.$refs.boxScroll.scrollTop=this.$refs.boxScroll.scrollHeight-this.$refs.boxScroll.offsetHeight),this.currentScrollTop=this.$refs.boxScroll.scrollTop,e.length<10&&(this.finished=!0)}t||(this.clearInterval(),this.interval=setInterval((()=>{this.fetchList()}),1e3))}))},handleScroll(){this.$refs.boxScroll.scrollTop==this.currentScrollTop?this.isScrollBottom=!0:this.isScrollBottom=!1},onMore(){this.fetchList(this.lastMsgId)},clearInterval(){this.interval&&(clearInterval(this.interval),this.interval=null)},fetchUnread(){(0,a.qN)().then((t=>{this.unread=t}))},onClickLeft(){this.$router.go(-1)},send(t="text",e=""){e?(0,a.Xb)(t,e).then((t=>{h.log(t),this.isScrollBottom=!0,this.value=""})):this.$toast(this.$t("请输入消息内容"))}},beforeDestroy(){this.clearInterval()},activated(){window.addEventListener("scroll",this.handleScroll,!0)},deactivated(){this.clearInterval(),window.removeEventListener("scroll",this.handleScroll)},destroyed(){window.removeEventListener("scroll",this.handleScroll)}},d=A,g=s(81656),f=(0,g.A)(d,i,l,!1,null,"2d91b184",null),u=f.exports},90247:function(t,e,s){s(76952),s(69176),s(98992),s(22795),s(19523),s(65270),s(45396),s(84698),s(96002),s(83560)},49510:function(t,e,s){s.d(e,{JF:function(){return l},Xb:function(){return o},qN:function(){return r}});var i=s(63793);const l=t=>(0,i.A)({url:"api/newOnlinechat!list.action",method:"GET",params:{message_id:t.message_id||"",show_img:t.show_img||!0}}),r=()=>(0,i.A)({url:"api/newOnlinechat!unread.action",method:"GET",loading:!1}),o=(t="text",e="")=>(0,i.A)({url:"api/newOnlinechat!send.action",method:"GET",params:{type:t,content:e}})},36977:function(t,e,s){t.exports=s.p+"img/logo.81234a4f.png"},98252:function(t){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJvSURBVHgB7ZtNbhoxGIZfAwvUVY+QGzRdsiqzaPc5QbkBvQHDDeAG6TVSVUMWFeqq6Q1yhCwqStNkHH8RlrLANg6e0czwPtLIlj5rJD/y8PkPgBBCCCGEEEJI3ahQg6L49fYB26mpjndPB1A3Gnr5KRtdBlv6gkWxPns0hQbO0EFM52/7QJZlo1tXm57vBV2WI0jfpI/ylbjaOAVdFT8mXZZjkT7eY/PFFXcKUuhPcSL00PvgjjnR5zgdxq7AAJF8zEbBzNdkvhVrHdO+B+KFggJQUAAKCkBBAaKzmA+7bjNp7nmSKVN5U14OMFxm2fs7tJBkI0jk/Nfblanmdga+K/MH/PNO55tMMkEl7qdK4d3+qD73TeebTDJBGuXEF++j9xktJKEg/8K2rQvfZILkB9kX14F4U0k5gr7646U3fijfi58zs56aoSaSCRpgu5CtzH2xUuP3Bm8WOBKRU6LMTTWvS1IyQWbf8m6Av5mpzu3ntPvs5hs1HF8cOQ96IcdSi6SkE0WRZIp89yRjjxyLSJItmDkqovFLDY8cS6UjqdGCDpBjqUxSbYJis0+EHEslkmoRFJt9XiHHklxS5YJis88Rcg56fyyVCgpkn1lE+1hyJKIyQbHZJ6GcpCSdB1kis48c3KGJcoRKBMVmH9MeTYV70gEoKAAFBaCgABQUoJIs1vYbIC/hCApAQQEoKAAFBaCgANFZLPaOX9vxjCC1wsmgb1wR3zXga5wIGmrpijkFyUlpW8/TY5A++v7U4hQkh4CPpuiyJOmb9NHX5qAlwVWxniioaYdu36/Mc/0Hw8VFS68GEkIIIYQQQkiXeQJ31xQ8cq8AoAAAAABJRU5ErkJggg=="},23852:function(t){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL8SURBVHgB7ZtLbhNBEIarx5FQdj6Ct0RG+Ab4BvgIcAKWGFbOzltOADdAnIDiBkaK2IYbhJ0fmkwxLVMSMrhf7u7p6elvFaU7dvSp/pqpHhugUCgUCoVCpgjV4my5ndQgPrY/zoHEphHNhx/r608wIJSCpm93n9sdi5M/+PkIdDsUUZVqUQiYnf6OACZVW1XPlrv7m+X2FWSOUlBr4/v5pWGIUgpqqEHQkLsokyZ9D3YvmFWPEroNsjJklYAluYiqdBuImi/gQC7R0woS1QjhAvouShux2YrG9W7/AJ7oW/S0giTT5e4ryLtpv2/cC1HaiB2hb+CZvkTPUBAgBCJ1UUYRk7Rz2UO7ewyBSS16phUk/3HvMfsfqVWUsSCTscMnqYgyjpjL2OGTrqJnLEjiOnb4JLYo44hJXMcOn8SOnpUgIcQGEiGWKKuI+R47fBIqelaCJCHGDp/4FmUVsSMU5X7IFd/RcxAUbuzwiS9R1hGTxBo7fOIaPZcKku+WzNXMFNeKcqqgp+/2i4rgJURAEI1PH156eV3DinISFJPwI45Y3a2f3J5bdYtYVtBK3t+dWy2CWjYr8evcWhHU9iHV6hU4ELNJ18cmHQKUcu7W16ja5CRoRPQGYo0b/uWgiRjGSRAkPIspQBsxjLWg6XI7h36BLmIY+woiWshPVvUAvEQM4xCx6gWkDfoQw9gdmHV8cK8BfYphrCro0DbnBG+cMIQYxkrQqBVEkAwYUgxj2YNECv0HY4hhjAXdvD/MqGkm0B0YUwxjLEjU9RyqTjoQdiGGMRdUVVFmr7/ALsUwRpf5yM/DMAUxjFEFPe4PcwgPpiSGMYsYNYuAp7OYohjGsAcFubxjymIYraDjeOH1Iy/YBzGMVpDH8QL7JIbRChqRWNBl7Qf7KIbRCmpnL9f+g30WwygF/Tk9tH0GjzmIYdQVZHd6iDmJYdSCRPUc9GCOYhhdD5or1jBnMYxOEMK/knAIYpgr9SK9rknI787Lr4fjkMQUCoVCoVDInt8JsKOiHnzP+QAAAABJRU5ErkJggg=="}}]);
|
