| 1 |
- import{d as M,V as G,m as U,u as K,_ as V,e as W,E as X,K as Y,L as Z,ak as ee,R as te,ah as se}from"./zh-cn-9eaaad9d.js";import{O as oe,j as le,k as ae,v as ne}from"./Header-0b03c3d1.js";import{d as N,r as O,K as ie,o as q,x as d,l as p,Q as z,L as F,q as x,J as re,p as e,A as P,s as B,P as ce,t as v,h as de,_ as pe,k as ue,u as fe,c as H,w as _e,a3 as he,g as I,B as m,y as T,F as S,z as g,i as be,a9 as me,aa as ge}from"./app-b010d774.js";import{R as j}from"./request-eebca079.js";const J=Symbol("breadcrumbKey"),ve=M({separator:{type:String,default:"/"},separatorIcon:{type:G}}),xe=N({name:"ElBreadcrumb"}),we=N({...xe,props:ve,setup(s){const A=s,{t:E}=U(),y=K("breadcrumb"),b=O();return ie(J,A),q(()=>{const f=b.value.querySelectorAll(".".concat(y.e("item")));f.length&&f[f.length-1].setAttribute("aria-current","page")}),(f,k)=>(d(),p("div",{ref_key:"breadcrumb",ref:b,class:F(x(y).b()),"aria-label":x(E)("el.breadcrumb.label"),role:"navigation"},[z(f.$slots,"default")],10,["aria-label"]))}});var Ae=V(we,[["__file","breadcrumb.vue"]]);const Ee=M({to:{type:W([String,Object]),default:""},replace:Boolean}),ye=N({name:"ElBreadcrumbItem"}),De=N({...ye,props:Ee,setup(s){const A=s,E=de(),y=re(J,void 0),b=K("breadcrumb"),f=E.appContext.config.globalProperties.$router,k=O(),C=()=>{!A.to||!f||(A.replace?f.replace(A.to):f.push(A.to))};return(R,$)=>{var L,o;return d(),p("span",{class:F(x(b).e("item"))},[e("span",{ref_key:"link",ref:k,class:F([x(b).e("inner"),x(b).is("link",!!R.to)]),role:"link",onClick:C},[z(R.$slots,"default")],2),(L=x(y))!=null&&L.separatorIcon?(d(),P(x(X),{key:0,class:F(x(b).e("separator"))},{default:B(()=>[(d(),P(ce(x(y).separatorIcon)))]),_:1},8,["class"])):(d(),p("span",{key:1,class:F(x(b).e("separator")),role:"presentation"},v((o=x(y))==null?void 0:o.separator),3))],2)}}});var Q=V(De,[["__file","breadcrumb-item.vue"]]);const Ie=Y(Ae,{BreadcrumbItem:Q}),ke=Z(Q);const Ce=N({name:"OCRDetail",components:{OCRHeader:oe},setup(){const s=ue(),A=fe(),E=H(()=>s.query.id),y=s.fullPath;function b(o,n){const D=o.length,w=n.length,u=Array(D+1).fill(null).map(()=>Array(w+1).fill(0));for(let _=0;_<=D;_++)for(let h=0;h<=w;h++)_===0?u[_][h]=h:h===0?u[_][h]=_:o[_-1]===n[h-1]?u[_][h]=u[_-1][h-1]:u[_][h]=1+Math.min(u[_-1][h],u[_][h-1],u[_-1][h-1]);const r='<svg class="diff-str" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H7.41l1.3-1.29a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0-.21.33a1 1 0 0 0 0 .76a1 1 0 0 0 .21.33l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L7.41 14H17a3 3 0 0 0 3-3V7a1 1 0 0 0-1-1"/></svg><br/>';let i="",c="",l=D,t=w;for(;l>0||t>0;)l>1&&t>1&&o[l-2]==="\r"&&o[l-1]==="\n"&&n[t-2]==="\r"&&n[t-1]==="\n"?(i=r+i,c=r+c,l-=2,t-=2):l>0&&t>0&&o[l-1]===n[t-1]?(i=o[l-1]==="\r"||o[l-1]==="\n"?r:o[l-1]+i,c=n[t-1]==="\r"||n[t-1]==="\n"?r:n[t-1]+c,l--,t--):l>0&&(t===0||u[l][t]===u[l-1][t]+1)?(o[l-1]===" "?i='<span class="diff-str diff-empty">'.concat(o[l-1],"</span>")+i:l>1&&o[l-2]==="\r"&&o[l-1]==="\n"?(i=r+i,l-=1):o[l-1]==="\n"||o[l-1]==="\r"?i=r+i:i='<span class="diff-str">'.concat(o[l-1],"</span>")+i,l--):t>0&&(l===0||u[l][t]===u[l][t-1]+1)?(n[t-1]===" "?c='<span class="diff-str diff-empty">'.concat(n[t-1],"</span>")+c:t>1&&n[t-2]==="\r"&&n[t-1]==="\n"?(c=r+c,t-=1):n[t-1]==="\n"||n[t-1]==="\r"?c=r+c:c='<span class="diff-str">'.concat(n[t-1],"</span>")+c,t--):l>0&&t>0&&u[l][t]===u[l-1][t-1]+1&&(i=o[l-1]==="\r"||o[l-1]==="\n"?r:o[l-1]+i,n[t-1]===" "?c='<span class="diff-str diff-empty">'.concat(n[t-1],"</span>")+c:t>1&&n[t-2]==="\r"&&n[t-1]==="\n"?(c=r+c,t-=1):n[t-1]==="\n"||n[t-1]==="\r"?c=r+c:c='<span class="diff-str">'.concat(n[t-1],"</span>")+c,l--,t--);return{highlightedStr1:i,highlightedStr2:c}}const f=O({}),k=O([]),C=o=>{j.post("/show",{id:o}).then(n=>{f.value=n.data.records}),j.post("/history",{id:o},{notLoading:!0}).then(n=>{k.value=n.data.records})},R=H(()=>{const o=f.value.data_set||{},n=["纤维成分","保养说明","温馨提示"],D={};return Object.keys(o).forEach(w=>{n.includes(w)||(D[w]=o[w])}),D});return q(()=>{C(E.value)}),_e(()=>s.query.id,o=>{C(o)}),{locale:ee,redirect:y,ArrowRight:te,highlightDifferences:b,detailInfo:f,listData:k,id:E,rowClassName:({row:o})=>o.id===+E.value?"row-current":"",rowClick:o=>{o.id!==+E.value&&A.replace("/ocr-detail?id=".concat(o.id))},dataSet:R}}}),a=s=>(me("data-v-67a290bc"),s=s(),ge(),s),$e={class:"py-8 px-[90px]"},Se=a(()=>e("div",{class:"flex items-center mt-7"},[e("div",{class:"bg-[#AE8877] w-1.5 h-5 mr-3"}),e("div",{class:"font-semibold text-lg/[22px]"},"识别情况")],-1)),Be={class:"flex items-stretch mt-8"},Re={class:"bg-[#F8F6F6] relative flex-1 mr-[56px] pt-9 px-12 pb-12 flex"},Fe=a(()=>e("div",{class:"absolute w-[30px] h-1 -top-0.5 -left-0.5 bg-[#AE8877] rounded-r-full"},null,-1)),Le=a(()=>e("div",{class:"absolute w-1 h-[30px] -top-0.5 -left-0.5 bg-[#AE8877] rounded-b-full"},null,-1)),Ne=a(()=>e("div",{class:"absolute w-[30px] h-1 -top-0.5 -right-0.5 bg-[#AE8877] rounded-l-full"},null,-1)),Te=a(()=>e("div",{class:"absolute w-1 h-[30px] -top-0.5 -right-0.5 bg-[#AE8877] rounded-b-full"},null,-1)),Oe=a(()=>e("div",{class:"absolute w-[30px] h-1 -bottom-0.5 -left-0.5 bg-[#AE8877] rounded-r-full"},null,-1)),Pe=a(()=>e("div",{class:"absolute w-1 h-[30px] -bottom-0.5 -left-0.5 bg-[#AE8877] rounded-t-full"},null,-1)),He=a(()=>e("div",{class:"absolute w-[30px] h-1 -bottom-0.5 -right-0.5 bg-[#AE8877] rounded-l-full"},null,-1)),je=a(()=>e("div",{class:"absolute w-1 h-[30px] -bottom-0.5 -right-0.5 bg-[#AE8877] rounded-t-full"},null,-1)),Me={class:"flex-1 mr-14"},Ke=a(()=>e("div",{class:"text-2xl/[24px] font-semibold text-center mb-[26px]"},"原图",-1)),Ve=["src"],qe={class:"flex-1"},ze=a(()=>e("div",{class:"text-2xl/[24px] font-semibold text-center mb-[26px]"},"对比图",-1)),Je=["src"],Qe={class:"bg-[#F8F6F6] relative w-[520px] max-w-[40%] flex-shrink-0 pt-8"},Ge=a(()=>e("div",{class:"absolute w-[30px] h-1 -top-0.5 -left-0.5 bg-[#AE8877] rounded-r-full"},null,-1)),Ue=a(()=>e("div",{class:"absolute w-1 h-[30px] -top-0.5 -left-0.5 bg-[#AE8877] rounded-b-full"},null,-1)),We=a(()=>e("div",{class:"absolute w-[30px] h-1 -top-0.5 -right-0.5 bg-[#AE8877] rounded-l-full"},null,-1)),Xe=a(()=>e("div",{class:"absolute w-1 h-[30px] -top-0.5 -right-0.5 bg-[#AE8877] rounded-b-full"},null,-1)),Ye=a(()=>e("div",{class:"absolute w-[30px] h-1 -bottom-0.5 -left-0.5 bg-[#AE8877] rounded-r-full"},null,-1)),Ze=a(()=>e("div",{class:"absolute w-1 h-[30px] -bottom-0.5 -left-0.5 bg-[#AE8877] rounded-t-full"},null,-1)),et=a(()=>e("div",{class:"absolute w-[30px] h-1 -bottom-0.5 -right-0.5 bg-[#AE8877] rounded-l-full"},null,-1)),tt=a(()=>e("div",{class:"absolute w-1 h-[30px] -bottom-0.5 -right-0.5 bg-[#AE8877] rounded-t-full"},null,-1)),st=a(()=>e("div",{class:"text-lg/[24px] px-9 font-semibold"},"不匹配的内容点",-1)),ot={class:"mt-[30px] text-sm/[24px] text-center"},lt=a(()=>e("div",{class:"flex font-semibold text-white bg-[#AE8877]"},[e("div",{class:"w-[105px] border-r-[1px] border-[#D8D8D8] p-[9px]"},"对照物"),e("div",{class:"flex-1 w-[209px] text-center border-r-[1px] border-[#D8D8D8] p-[9px]"}," 原图 "),e("div",{class:"flex-1 w-[206px] text-center p-[9px]"},"对比图")],-1)),at={class:"w-[105px] font-semibold text-[#1A1A1A] border-r-[1px] border-[#D8D8D8] p-[9px]"},nt=["innerHTML"],it=["innerHTML"],rt=a(()=>e("div",{class:"flex items-center mt-14 mb-8"},[e("div",{class:"bg-[#AE8877] w-1.5 h-5 mr-3"}),e("div",{class:"font-semibold text-lg/[22px]"},"资料存储")],-1)),ct={class:"pt-6 px-10 pb-[30px] bg-[#F8F6F6]"},dt=a(()=>e("p",{class:"mb-1.5 text-[#AE8877] font-semibold text-base/[20px]"},"吊洗资料",-1)),pt={class:"grid grid-cols-4 2xl:grid-cols-5 gap-1.5 text-[#3D3D3D] text-base/[30px]"},ut={class:"font-semibold"},ft={key:0,class:"col-span-4 2xl:col-span-5"},_t=a(()=>e("span",{class:"font-semibold"},"纤维成分：",-1)),ht={key:1,class:"col-span-4 2xl:col-span-5"},bt=a(()=>e("span",{class:"font-semibold"},"保养说明：",-1)),mt={key:2,class:"col-span-4 2xl:col-span-5"},gt=a(()=>e("span",{class:"font-semibold"},"温馨提示：",-1)),vt=a(()=>e("p",{class:"mt-6 mb-1.5 text-[#AE8877] font-semibold text-base/[20px]"},"吊洗号型",-1)),xt={class:"font-medium text-[#3D3D3D] text-base/[30px]"},wt=a(()=>e("span",{class:"font-semibold"},"号型：",-1)),At=a(()=>e("p",{class:"mt-6 mb-1.5 text-[#AE8877] font-semibold text-base/[20px]"},"R7颜色档案",-1)),Et={class:"font-medium text-[#3D3D3D] text-base/[30px]"},yt=a(()=>e("span",{class:"font-semibold"},"色号：",-1)),Dt=a(()=>e("div",{class:"flex items-center mt-[33px] mb-9"},[e("div",{class:"bg-[#AE8877] w-1.5 h-5 mr-3"}),e("div",{class:"font-semibold text-lg/[22px]"},"历史记录")],-1)),It={key:0},kt={key:1,class:"text-[#EA0000]"};function Ct(s,A,E,y,b,f){const k=he("OCRHeader"),C=ke,R=Ie,$=le,L=ae,o=se,n=ne;return d(),P(o,{locale:s.locale},{default:B(()=>{var D,w,u;return[I(k,{redirect:s.redirect},null,8,["redirect"]),e("div",$e,[I(R,{"separator-icon":s.ArrowRight},{default:B(()=>[I(C,{to:{path:"/ocr-home"}},{default:B(()=>[m("列表页")]),_:1}),I(C,null,{default:B(()=>[m("识别信息页")]),_:1})]),_:1},8,["separator-icon"]),Se,e("div",Be,[e("div",Re,[Fe,Le,Ne,Te,Oe,Pe,He,je,e("div",Me,[Ke,e("img",{class:"w-full",src:s.detailInfo.regular_image,alt:""},null,8,Ve)]),e("div",qe,[ze,e("img",{class:"w-full",src:s.detailInfo.ocr_image,alt:""},null,8,Je)])]),e("div",Qe,[Ge,Ue,We,Xe,Ye,Ze,et,tt,st,e("div",ot,[lt,(d(!0),p(S,null,T(s.detailInfo.logs,(r,i)=>(d(),p("div",{class:F(["flex",{"bg-[#F0EBE8]":i%2===1}]),key:i},[e("div",at,v(r.name),1),e("div",{class:"flex-1 w-[209px] text-center diff-original text-[#1A1A1A] border-r-[1px] border-[#D8D8D8] p-[9px]",innerHTML:s.highlightDifferences(r.value[1],r.value[0]).highlightedStr1},null,8,nt),e("div",{class:"flex-1 text-center text-[#1A1A1A] p-[9px]",innerHTML:s.highlightDifferences(r.value[1],r.value[0]).highlightedStr2},null,8,it)],2))),128))])])]),rt,e("div",ct,[dt,e("div",pt,[(d(!0),p(S,null,T(s.dataSet,(r,i)=>(d(),p("div",{class:"col-span-1",key:i},[e("span",ut,v(i)+"：",1),m(v(r),1)]))),128)),(D=s.detailInfo.data_set)!=null&&D.纤维成分?(d(),p("div",ft,[_t,m(v(s.detailInfo.data_set.纤维成分),1)])):g("v-if",!0),(w=s.detailInfo.data_set)!=null&&w.保养说明?(d(),p("div",ht,[bt,m(v(s.detailInfo.data_set.保养说明),1)])):g("v-if",!0),(u=s.detailInfo.data_set)!=null&&u.温馨提示?(d(),p("div",mt,[gt,m(v(s.detailInfo.data_set.温馨提示),1)])):g("v-if",!0),g(" 根据需要添加更多行 ")]),vt,e("p",xt,[wt,s.detailInfo.name_set?(d(!0),p(S,{key:0},T(s.detailInfo.name_set,(r,i,c)=>(d(),p("span",{key:i},[i!=="号型"?(d(),p(S,{key:0},[m(v(i)+": ",1)],64)):g("v-if",!0),m(v(r)+" ",1),c!==Object.keys(s.detailInfo.name_set).length-1?(d(),p(S,{key:1},[m(", ")],64)):g("v-if",!0)]))),128)):g("v-if",!0)]),At,e("p",Et,[yt,s.detailInfo.color_set?(d(!0),p(S,{key:0},T(s.detailInfo.color_set,(r,i,c)=>(d(),p("span",{key:i},[m(v(i)+": "+v(r)+" ",1),c!==Object.keys(s.detailInfo.name_set).length-1?(d(),p(S,{key:0},[m(", ")],64)):g("v-if",!0)]))),128)):g("v-if",!0)])]),Dt,be((d(),P(L,{data:s.listData,"row-class-name":s.rowClassName,onRowClick:s.rowClick},{default:B(()=>[I($,{type:"index",label:"序号",width:"64",align:"center"}),I($,{prop:"matio_id",label:"制单号","min-width":"88",align:"center"}),I($,{label:"差异情况","min-width":"88",align:"center"},{default:B(r=>[r.row.difference==0?(d(),p("span",It,"匹配")):g("v-if",!0),r.row.difference==1?(d(),p("span",kt,"不匹配")):g("v-if",!0)]),_:1}),I($,{prop:"upload_time",label:"原图上传时间","min-width":"88",align:"center"}),I($,{prop:"ocr_time",label:"比对上传时间","min-width":"103",align:"center"})]),_:1},8,["data","row-class-name","onRowClick"])),[[n,s.loading]])])]}),_:1},8,["locale"])}const Ft=pe(Ce,[["render",Ct],["__scopeId","data-v-67a290bc"],["__file","D:/项目代码/goelia-ocr/src/pages/ocr-detail.vue"]]);export{Ft as default};
|
