2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
import{g as a,e as l,f as e,y as s,c as t,w as o,s as n,i,o as u,a as c,n as r,u as f,b as d,q as m,v as _,F as p,h as g,t as b,j as v,l as k,d as h,S as w,B as j,D as y}from"./index-CIxOuGOJ.js";import{_ as x}from"./home_bg.BmQJoAoC.js";import{_ as N}from"./ic_back.BKIFUCMS.js";import{o as T}from"./uni-app.es.Dchp3Gm5.js";import{b as C}from"./trunk.Cc97OjLe.js";import{B as F}from"./api.PO1wRoFK.js";import{o as R}from"./navigation.CTXUhgsb.js";import{_ as B}from"./_plugin-vue_export-helper.BCo6x5W8.js";import"./index.BXsJeu9Y.js";const I=B({__name:"index",setup(B){const I=a().statusBarHeight||0,q=l(""),E=l([]),L=e({}),$=e({faultTime:"",personnel:"",faultReason:"",mileage:"",cableName:"",location:"",latitude:0,longitude:0,remark:""}),D=s((()=>$.latitude&&$.longitude&&0!==Number($.latitude)&&0!==Number($.longitude)));function H(){v()}function S(){R($.latitude,$.longitude,$.location||"故障地点")}return T((a=>{a.faultId&&(q.value=a.faultId),async function(){try{const a=await C(q.value);if(200===a.code&&a.data){const l=a.data;$.faultTime=l.faultTime||"",$.personnel=l.personnel||"",$.faultReason=l.faultReason||"",$.mileage=l.mileage||"",$.cableName=l.cableName||"",$.location=l.location||"",$.latitude=l.latitude||0,$.longitude=l.longitude||0,!$.location&&$.latitude&&$.longitude&&($.location=`经度:${$.longitude} 纬度:${$.latitude}`),$.remark=l.remark||"",E.value=(l.images||[]).map(((a,l)=>{const e=a.url||a.imageUrl||"";return L[l]="loading",e.startsWith("http")?e:F+e}))}}catch(a){n({title:"加载失败",icon:"none"})}}()})),(a,l)=>{const e=k,s=h,n=i,v=w;return u(),t(n,{class:"fault-detail-page"},{default:o((()=>[c(e,{class:"bg-image",src:x,mode:"aspectFill"}),c(n,{class:"content"},{default:o((()=>[c(n,{class:"nav-bar",style:r({paddingTop:f(I)+"px"})},{default:o((()=>[c(n,{class:"nav-bar-inner"},{default:o((()=>[c(e,{class:"nav-icon",src:N,mode:"aspectFit",onClick:H}),c(s,{class:"nav-title"},{default:o((()=>[d("故障详情")])),_:1}),c(n,{class:"nav-icon-placeholder"})])),_:1})])),_:1},8,["style"]),E.value.length>0?(u(),t(n,{key:0,class:"image-area"},{default:o((()=>[c(v,{class:"image-scroll","scroll-x":""},{default:o((()=>[c(n,{class:"image-grid"},{default:o((()=>[(u(!0),m(p,null,_(E.value,((a,l)=>(u(),t(n,{class:"image-wrapper",key:a,onClick:a=>function(a){y({urls:E.value,current:E.value[a]})}(l)},{default:o((()=>["loaded"!==L[l]?(u(),t(n,{key:0,class:"image-placeholder"},{default:o((()=>[c(s,{class:"placeholder-text"},{default:o((()=>[d(b("error"===L[l]?"加载失败":"加载中..."),1)])),_:2},1024)])),_:2},1024)):g("",!0),c(e,{class:j(["image-item",{"image-hidden":"loaded"!==L[l]}]),src:a,mode:"aspectFill",onLoad:a=>function(a){L[a]="loaded"}(l),onError:a=>function(a){L[a]="error"}(l)},null,8,["class","src","onLoad","onError"])])),_:2},1032,["onClick"])))),128))])),_:1})])),_:1})])),_:1})):g("",!0),c(n,{class:"info-area"},{default:o((()=>[c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("故障时间")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.faultTime),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("人员")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.personnel),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("故障原因")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.faultReason),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("表显故障里程")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.mileage),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("所属光缆")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.cableName),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("地点")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.location),1)])),_:1})])),_:1}),c(n,{class:"info-row last-row"},{default:o((()=>[c(s,{class:"info-label"},{default:o((()=>[d("备注")])),_:1}),c(s,{class:"info-value"},{default:o((()=>[d(b($.remark),1)])),_:1})])),_:1})])),_:1})])),_:1}),D.value?(u(),t(n,{key:0,class:"bottom-bar"},{default:o((()=>[c(n,{class:"navigate-btn",onClick:S},{default:o((()=>[c(s,{class:"navigate-btn-text"},{default:o((()=>[d("导航至地点")])),_:1})])),_:1})])),_:1})):g("",!0)])),_:1})}}},[["__scopeId","data-v-bf2b97dc"]]);export{I as default};
|