MAINHACK

Viewing / Editing File: 4437.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4437],{2156:(e,t,l)=>{l.d(t,{A:()=>n});var i=l(6314),s=l.n(i)()(function(e){return e[1]});s.push([e.id,"@media print{.hidden-print[data-v-9b38c0fa]{display:none!important}}",""]);const n=s},4437:(e,t,l)=>{l.r(t),l.d(t,{default:()=>se});var i=l(9726),s={class:"col-12",id:"print"},n={class:"db-card p-4"},r={class:"grid grid-cols-1 md:grid-cols-1 gap-6"},a={class:"p-4 rounded-xl border border-gray-100"},o={class:"col-12"},c={class:"text-lg font-semibold capitalize mb-2"},d={class:"flex flex-wrap items-center gap-2 mb-3"},p={key:0,class:"flex flex-wrap gap-4"},u=["src"],m={class:"col-12"},v={class:"text-lg font-semibold capitalize mb-2"},h={class:"row py-2"},g={class:"col-4 !py-1.5"},w={class:"db-list-item p-0"},b={class:"db-list-item-title w-full sm:w-1/2"},y={class:"db-list-item-text w-full sm:w-1/2"},f={class:"col-4 !py-1.5"},E={class:"db-list-item p-0"},x={class:"db-list-item-title w-full sm:w-1/2"},C={class:"db-list-item-text w-full sm:w-1/2"},B={class:"col-4 !py-1.5"},N={class:"db-list-item p-0"},k={class:"db-list-item-title w-full sm:w-1/2"},A={class:"db-list-item-text w-full sm:w-1/2"},V={class:"col-4 !py-1.5"},S={class:"db-list-item p-0"},D={class:"db-list-item-title w-full sm:w-1/2"},I={class:"db-list-item-text w-full sm:w-1/2"},$={class:"col-4 !py-1.5"},T={class:"db-list-item p-0"},L={class:"db-list-item-title w-full sm:w-1/2"},O={class:"db-list-item-text w-full sm:w-1/2"},q={class:"col-4 !py-1.5"},P={class:"db-list-item p-0"},H={class:"db-list-item-title w-full sm:w-1/2"},F={class:"db-list-item-text w-full sm:w-1/2"},U={class:"col-4 !py-1.5"},_={class:"db-list-item p-0"},R={class:"db-list-item-title w-full sm:w-1/2"},W={class:"db-list-item-text w-full sm:w-1/2"},z={class:"col-4 !py-1.5"},j={class:"db-list-item p-0"},M={class:"db-list-item-title w-full sm:w-1/2"},Y={class:"db-list-item-text w-full sm:w-1/2"},X={class:"col-12 hidden-print"},G={class:"flex items-center justify-end gap-6"};var J=l(4513),K=l.n(J),Q=l(6883);const Z={name:"ReviewShowComponent",components:{LoadingComponent:l(5475).A,PrintButtonComponent:Q.A,starRating:K()},data:function(){return{loading:{isActive:!1},printObj:{id:"print",popTitle:this.$t("menu.reviews")}}},mounted:function(){this.show()},computed:{review:function(){return this.$store.getters["review/show"]},setting:function(){return this.$store.getters["frontendSetting/lists"]}},methods:{show:function(){var e=this;isNaN(this.$route.params.id)||(this.loading.isActive=!0,this.$store.dispatch("review/show",this.$route.params.id).then(function(t){e.loading.isActive=!1}).catch(function(t){e.loading.isActive=!1}))}}};var ee=l(5072),te=l.n(ee),le=l(2156),ie={insert:"head",singleton:!1};te()(le.A,ie);le.A.locals;const se=(0,l(6262).A)(Z,[["render",function(e,t,l,J,K,Q){var Z,ee=(0,i.resolveComponent)("LoadingComponent"),te=(0,i.resolveComponent)("starRating"),le=(0,i.resolveComponent)("PrintButtonComponent");return(0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createVNode)(ee,{props:K.loading},null,8,["props"]),(0,i.createElementVNode)("div",s,[(0,i.createElementVNode)("div",n,[(0,i.createElementVNode)("div",r,[(0,i.createElementVNode)("div",a,[(0,i.createElementVNode)("div",o,[(0,i.createElementVNode)("h4",c,(0,i.toDisplayString)(Q.review.user_name),1),(0,i.createElementVNode)("div",d,[(0,i.createVNode)(te,{"border-color":"#FFBC1F","inactive-color":"#FFFFFF","active-color":"#FFBC1F","rounded-corners":!0,padding:2.5,"border-width":2.5,"star-size":11,class:"-mt-0.5","round-start-rating":!1,"show-rating":!1,"read-only":!0,"max-rating":5,rating:Q.review.star},null,8,["rating"])]),(0,i.createElementVNode)("p",null,(0,i.toDisplayString)(Q.review.review),1),(null===(Z=Q.review.images)||void 0===Z?void 0:Z.length)>0?((0,i.openBlock)(),(0,i.createElementBlock)("div",p,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(Q.review.images,function(e){return(0,i.openBlock)(),(0,i.createElementBlock)("img",{src:e,alt:"image",class:"w-20 rounded-lg"},null,8,u)}),256))])):(0,i.createCommentVNode)("",!0)]),(0,i.createElementVNode)("div",m,[(0,i.createElementVNode)("h3",v,(0,i.toDisplayString)(e.$t("label.product_information")),1),(0,i.createElementVNode)("div",h,[(0,i.createElementVNode)("div",g,[(0,i.createElementVNode)("div",w,[(0,i.createElementVNode)("span",b,(0,i.toDisplayString)(e.$t("label.name")),1),(0,i.createElementVNode)("span",y,(0,i.toDisplayString)(Q.review.product_name),1)])]),(0,i.createElementVNode)("div",f,[(0,i.createElementVNode)("div",E,[(0,i.createElementVNode)("span",x,(0,i.toDisplayString)(e.$t("label.sku")),1),(0,i.createElementVNode)("span",C,(0,i.toDisplayString)(Q.review.product_sku),1)])]),(0,i.createElementVNode)("div",B,[(0,i.createElementVNode)("div",N,[(0,i.createElementVNode)("span",k,(0,i.toDisplayString)(e.$t("label.brand")),1),(0,i.createElementVNode)("span",A,(0,i.toDisplayString)(Q.review.product_brand),1)])]),(0,i.createElementVNode)("div",V,[(0,i.createElementVNode)("div",S,[(0,i.createElementVNode)("span",D,(0,i.toDisplayString)(e.$t("label.buying_price")),1),(0,i.createElementVNode)("span",I,(0,i.toDisplayString)(Q.review.buying_price),1)])]),(0,i.createElementVNode)("div",$,[(0,i.createElementVNode)("div",T,[(0,i.createElementVNode)("span",L,(0,i.toDisplayString)(e.$t("label.selling_price")),1),(0,i.createElementVNode)("span",O,(0,i.toDisplayString)(Q.review.selling_price),1)])]),(0,i.createElementVNode)("div",q,[(0,i.createElementVNode)("div",P,[(0,i.createElementVNode)("span",H,(0,i.toDisplayString)(e.$t("label.warranty")),1),(0,i.createElementVNode)("span",F,(0,i.toDisplayString)(Q.review.warranty),1)])]),(0,i.createElementVNode)("div",U,[(0,i.createElementVNode)("div",_,[(0,i.createElementVNode)("span",R,(0,i.toDisplayString)(e.$t("label.weight")),1),(0,i.createElementVNode)("span",W,(0,i.toDisplayString)(Q.review.weight),1)])]),(0,i.createElementVNode)("div",z,[(0,i.createElementVNode)("div",j,[(0,i.createElementVNode)("span",M,(0,i.toDisplayString)(e.$t("label.unit")),1),(0,i.createElementVNode)("span",Y,(0,i.toDisplayString)(Q.review.unit_name),1)])])])])])])])]),(0,i.createElementVNode)("div",X,[(0,i.createElementVNode)("div",G,[(0,i.createVNode)(le,{props:K.printObj,buttonClass:"flex items-center justify-center gap-1.5 h-10 px-6 rounded-3xl text-white bg-success"},null,8,["props"])])])],64)}],["__scopeId","data-v-9b38c0fa"]])},5316:(e,t,l)=>{l.d(t,{A:()=>n});class i{constructor(e){this.standards={strict:"strict",loose:"loose",html5:"html5"},this.previewBody=null,this.close=null,this.previewBodyUtilPrintBtn=null,this.selectArray=[],this.counter=0,this.settings={standard:this.standards.html5},Object.assign(this.settings,e),this.init()}init(){this.counter++,this.settings.id=`printArea_${this.counter}`;let e="";this.settings.url&&!this.settings.asyncUrl&&(e=this.settings.url);let t=this;if(this.settings.asyncUrl)return void t.settings.asyncUrl(function(e){let l=t.getPrintWindow(e);t.settings.preview?t.previewIfrmaeLoad():t.print(l)},t.settings.vue);let l=this.getPrintWindow(e);this.settings.url||this.write(l.doc),this.settings.preview?this.previewIfrmaeLoad():this.print(l)}addEvent(e,t,l){e.addEventListener?e.addEventListener(t,l,!1):e.attachEvent?e.attachEvent("on"+t,l):e["on"+t]=l}previewIfrmaeLoad(){let e=document.getElementById("vue-pirnt-nb-previewBox");if(e){let t=this,l=e.querySelector("iframe");this.settings.previewBeforeOpenCallback(),this.addEvent(l,"load",function(){t.previewBoxShow(),t.removeCanvasImg(),t.settings.previewOpenCallback()}),this.addEvent(e.querySelector(".previewBodyUtilPrintBtn"),"click",function(){t.settings.beforeOpenCallback(),t.settings.openCallback(),l.contentWindow.print(),t.settings.closeCallback()})}}removeCanvasImg(){let e=this;try{if(e.elsdom){let t=e.elsdom.querySelectorAll(".canvasImg");for(let e=0;e<t.length;e++)t[e].remove()}}catch(e){console.log(e)}}print(e){var t=this;let l=document.getElementById(this.settings.id)||e.f,i=document.getElementById(this.settings.id).contentWindow||e.f.contentWindow;t.settings.beforeOpenCallback(),t.addEvent(l,"load",function(){i.focus(),t.settings.openCallback(),i.print(),l.remove(),t.settings.closeCallback(),t.removeCanvasImg()})}write(e){e.open(),e.write(`${this.docType()}<html>${this.getHead()}${this.getBody()}</html>`),e.close()}docType(){return this.settings.standard===this.standards.html5?"<!DOCTYPE html>":`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01${this.settings.standard===this.standards.loose?" Transitional":""}//EN" "http://www.w3.org/TR/html4/${this.settings.standard===this.standards.loose?"loose":"strict"}.dtd">`}getHead(){let e="",t="",l="";this.settings.extraHead&&this.settings.extraHead.replace(/([^,]+)/g,t=>{e+=t}),[].forEach.call(document.querySelectorAll("link"),function(e){e.href.indexOf(".css")>=0&&(t+=`<link type="text/css" rel="stylesheet" href="${e.href}" >`)});let i=document.styleSheets;if(i&&i.length>0)for(let e=0;e<i.length;e++)try{if(i[e].cssRules||i[e].rules){let t=i[e].cssRules||i[e].rules;for(let e=0;e<t.length;e++)l+=t[e].cssText}}catch(t){console.log(i[e].href+t)}return this.settings.extraCss&&this.settings.extraCss.replace(/([^,\s]+)/g,e=>{t+=`<link type="text/css" rel="stylesheet" href="${e}">`}),`<head><title>${this.settings.popTitle}</title>${e}${t}<style type="text/css">${l}</style></head>`}getBody(){let e=this.settings.ids;return e=e.replace(new RegExp("#","g"),""),this.elsdom=this.beforeHanler(document.getElementById(e)),"<body>"+this.getFormData(this.elsdom).outerHTML+"</body>"}beforeHanler(e){let t=e.querySelectorAll("canvas");for(let e=0;e<t.length;e++)if(!t[e].style.display){let l=t[e].parentNode,i=t[e].toDataURL("image/png"),s=new Image;s.className="canvasImg",s.style.display="none",s.src=i,l.appendChild(s)}return e}getFormData(e){let t=e.cloneNode(!0),l=t.querySelectorAll("input,select,textarea"),i=t.querySelectorAll(".canvasImg,canvas"),s=-1;for(let e=0;e<i.length;e++){let t=i[e].parentNode,l=i[e];"canvas"===l.tagName.toLowerCase()?t.removeChild(l):l.style.display="block"}for(let t=0;t<l.length;t++){let i=l[t],n=i.getAttribute("type"),r=l[t];if(n||(n="SELECT"===i.tagName?"select":"TEXTAREA"===i.tagName?"textarea":""),"INPUT"===i.tagName)"radio"===n||"checkbox"===n?i.checked&&r.setAttribute("checked",i.checked):(r.value=i.value,r.setAttribute("value",i.value));else if("select"===n){s++;for(let t=0;t<e.querySelectorAll("select").length;t++){let l=e.querySelectorAll("select")[t];if(!l.getAttribute("newbs")&&l.setAttribute("newbs",t),l.getAttribute("newbs")==s){let t=e.querySelectorAll("select")[s].selectedIndex;i.options[t].setAttribute("selected",!0)}}}else r.innerHTML=i.value,r.setAttribute("html",i.value)}return t}getPrintWindow(e){var t=this.Iframe(e);return{f:t,win:t.contentWindow||t,doc:t.doc}}previewBoxShow(){let e=document.getElementById("vue-pirnt-nb-previewBox");e&&(document.querySelector("html").setAttribute("style","overflow: hidden"),e.style.display="block")}previewBoxHide(){let e=document.getElementById("vue-pirnt-nb-previewBox");e&&(document.querySelector("html").setAttribute("style","overflow: visible;"),e.querySelector("iframe")&&e.querySelector("iframe").remove(),e.style.display="none")}previewBox(){let e=document.getElementById("vue-pirnt-nb-previewBox");if(e)return e.querySelector("iframe")&&e.querySelector("iframe").remove(),{close:e.querySelector(".previewClose"),previewBody:e.querySelector(".previewBody")};let t=document.createElement("div");t.setAttribute("id","vue-pirnt-nb-previewBox"),t.setAttribute("style","position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: white;display:none"),t.style.zIndex=this.settings.zIndex;let l=document.createElement("div");l.setAttribute("class","previewHeader"),l.setAttribute("style","padding: 5px 20px;"),l.innerHTML=this.settings.previewTitle,t.appendChild(l),this.close=document.createElement("div");let i=this.close;i.setAttribute("class","previewClose"),i.setAttribute("style","position: absolute;top: 5px;right: 20px;width: 25px;height: 20px;cursor: pointer;");let s=document.createElement("div"),n=document.createElement("div");s.setAttribute("class","closeBefore"),s.setAttribute("style","position: absolute;width: 3px;height: 100%;background: #040404;transform: rotate(45deg); top: 0px;left: 50%;"),n.setAttribute("class","closeAfter"),n.setAttribute("style","position: absolute;width: 3px;height: 100%;background: #040404;transform: rotate(-45deg); top: 0px;left: 50%;"),i.appendChild(s),i.appendChild(n),l.appendChild(i),this.previewBody=document.createElement("div");let r=this.previewBody;r.setAttribute("class","previewBody"),r.setAttribute("style","display: flex;flex-direction: column; height: 100%;"),t.appendChild(r);let a=document.createElement("div");a.setAttribute("class","previewBodyUtil"),a.setAttribute("style","height: 32px;background: #474747;position: relative;"),r.appendChild(a),this.previewBodyUtilPrintBtn=document.createElement("div");let o=this.previewBodyUtilPrintBtn;return o.setAttribute("class","previewBodyUtilPrintBtn"),o.innerHTML=this.settings.previewPrintBtnLabel,o.setAttribute("style","position: absolute;padding: 2px 10px;margin-top: 3px;left: 24px;font-size: 14px;color: white;cursor: pointer;background-color: rgba(0,0,0,.12);background-image: linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,0));background-clip: padding-box;border: 1px solid rgba(0,0,0,.35);border-color: rgba(0,0,0,.32) rgba(0,0,0,.38) rgba(0,0,0,.42);box-shadow: inset 0 1px 0 hsla(0,0%,100%,.05), inset 0 0 1px hsla(0,0%,100%,.15), 0 1px 0 hsla(0,0%,100%,.05);"),a.appendChild(o),document.body.appendChild(t),{close:this.close,previewBody:this.previewBody}}iframeBox(e,t){let l=document.createElement("iframe");return l.style.border="0px",l.style.position="absolute",l.style.width="0px",l.style.height="0px",l.style.right="0px",l.style.top="0px",l.setAttribute("id",e),l.setAttribute("src",t),l}Iframe(e){let t=this.settings.id;e=e||(new Date).getTime();let l=this,i=this.iframeBox(t,e);try{if(this.settings.preview){i.setAttribute("style","border: 0px;flex: 1;");let e=this.previewBox(),t=e.previewBody,s=e.close;t.appendChild(i),this.addEvent(s,"click",function(){l.previewBoxHide()})}else document.body.appendChild(i);i.doc=null,i.doc=i.contentDocument?i.contentDocument:i.contentWindow?i.contentWindow.document:i.document}catch(e){throw new Error(e+". iframes may not be supported in this browser.")}if(null==i.doc)throw new Error("Cannot find document.");return i}}var s={directiveName:"print",mounted(e,t,l){let s=t.instance,n="";var r,a,o;a="click",o=()=>{if("string"==typeof t.value)n=t.value;else{if("object"!=typeof t.value||!t.value.id)return void window.print();{n=t.value.id;let e=n.replace(new RegExp("#","g"),"");document.getElementById(e)||(console.log("id in Error"),n="")}}c()},(r=e).addEventListener?r.addEventListener(a,o,!1):r.attachEvent?r.attachEvent("on"+a,o):r["on"+a]=o;const c=()=>{new i({ids:n,vue:s,url:t.value.url,standard:"",extraHead:t.value.extraHead,extraCss:t.value.extraCss,zIndex:t.value.zIndex||20002,previewTitle:t.value.previewTitle||"打印预览",previewPrintBtnLabel:t.value.previewPrintBtnLabel||"打印",popTitle:t.value.popTitle,preview:t.value.preview||!1,asyncUrl:t.value.asyncUrl,previewBeforeOpenCallback(){t.value.previewBeforeOpenCallback&&t.value.previewBeforeOpenCallback(s)},previewOpenCallback(){t.value.previewOpenCallback&&t.value.previewOpenCallback(s)},openCallback(){t.value.openCallback&&t.value.openCallback(s)},closeCallback(){t.value.closeCallback&&t.value.closeCallback(s)},beforeOpenCallback(){t.value.beforeOpenCallback&&t.value.beforeOpenCallback(s)}})}},install:function(e){e.directive("print",s)}};const n=s},6883:(e,t,l)=>{l.d(t,{A:()=>n});var i=l(9726);const s={name:"PrintButtonComponent",props:["props","buttonClass"],directives:{print:l(5316).A}};const n=(0,l(6262).A)(s,[["render",function(e,t,l,s,n,r){var a=(0,i.resolveDirective)("print");return(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)("button",{class:(0,i.normalizeClass)(l.buttonClass)},[t[0]||(t[0]=(0,i.createElementVNode)("i",{class:"lab-fill-printer"},null,-1)),(0,i.createTextVNode)(" "+(0,i.toDisplayString)(e.$t("button.print")),1)],2)),[[a,l.props]])}]])}}]);

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: 4437.js

Server Info

System Features

User Info