2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
import{g as a,e,f as l,z as t,c as s,w as o,s as n,i,o as u,a as c,n as f,u as r,b as d,q as m,v as _,F as v,h as p,t as g,j as b,l as h,d as k,S as C,I as y,y as w,D as T}from"./index-CeWRODMb.js";import{_ as x}from"./ic_back.BKIFUCMS.js";import{o as N}from"./uni-app.es._o3E59a5.js";import{b as j,i as q,u as F}from"./trunk.-E315zgU.js";import{B as I}from"./api.Da7qbWT3.js";import{o as R}from"./navigation.CTXUhgsb.js";import{_ as E}from"./_plugin-vue_export-helper.BCo6x5W8.js";import"./index.Cwuwm1B3.js";const V=E({__name:"index",setup(E){const V=a().statusBarHeight||0,z=e(""),B=e([]),L=l({}),S=l({faultTime:"",personnel:"",faultReason:"",mileage:"",cableName:"",location:"",latitude:0,longitude:0,remark:"",mileageCorrection:"",faultCount:1,faultTimes:[]}),U=e(!1),$=e(!1),D=e(""),H=e(!1),M=t((()=>{const a=[];return S.faultTime&&a.push(S.faultTime),S.faultTimes&&S.faultTimes.length>0&&S.faultTimes.forEach((e=>{a.push(e.faultTime||e.FaultTime||"")})),a.sort(),a})),W=t((()=>{const a=parseFloat(S.mileage),e=parseFloat(S.mileageCorrection);return isNaN(a)||isNaN(e)?S.mileage||"":String(Math.round(1e4*(a+e))/1e4)})),A=t((()=>S.latitude&&S.longitude&&0!==Number(S.latitude)&&0!==Number(S.longitude)));function G(){b()}async function J(){if(!U.value){U.value=!0;try{const a=await q(z.value);200===a.code&&a.data?(S.faultCount=a.data.faultCount,S.faultTimes=a.data.faultTimes||[],n({title:"频次已增加",icon:"success"})):n({title:a.msg||"操作失败",icon:"none"})}catch(a){n({title:"网络异常",icon:"none"})}finally{U.value=!1}}}function K(){D.value=S.mileageCorrection||"",$.value=!0}function O(){$.value=!1}async function P(){if(!H.value){H.value=!0;try{const a=await F(z.value,D.value);200===a.code?(S.mileageCorrection=D.value,$.value=!1,n({title:"保存成功",icon:"success"})):n({title:a.msg||"保存失败",icon:"none"})}catch(a){n({title:"网络异常",icon:"none"})}finally{H.value=!1}}}function Q(){R(S.latitude,S.longitude,S.location||"故障地点")}return N((a=>{a.faultId&&(z.value=a.faultId),async function(){try{const a=await j(z.value);if(200===a.code&&a.data){const e=a.data;S.faultTime=e.faultTime||"",S.personnel=e.personnel||"",S.faultReason=e.faultReason||"",S.mileage=e.mileage||"",S.mileageCorrection=e.mileageCorrection||"",S.cableName=e.cableName||"",S.location=e.location||"",S.latitude=e.latitude||0,S.longitude=e.longitude||0,!S.location&&S.latitude&&S.longitude&&(S.location=`经度:${S.longitude} 纬度:${S.latitude}`),S.remark=e.remark||"",S.faultCount=e.faultCount||1,S.faultTimes=e.faultTimes||[],B.value=(e.images||[]).map(((a,e)=>{const l=a.url||a.imageUrl||"";return L[e]="loading",l.startsWith("http")?l:I+l}))}}catch(a){n({title:"加载失败",icon:"none"})}}()})),(a,e)=>{const l=h,t=k,n=i,b=C,N=y;return u(),s(n,{class:"fault-detail-page"},{default:o((()=>[c(n,{class:"content"},{default:o((()=>[c(n,{class:"nav-bar",style:f({paddingTop:r(V)+"px"})},{default:o((()=>[c(n,{class:"nav-bar-inner"},{default:o((()=>[c(l,{class:"nav-icon",src:x,mode:"aspectFit",onClick:G}),c(t,{class:"nav-title"},{default:o((()=>[d("故障详情")])),_:1}),c(n,{class:"nav-icon-placeholder"})])),_:1})])),_:1},8,["style"]),B.value.length>0?(u(),s(n,{key:0,class:"image-area"},{default:o((()=>[c(b,{class:"image-scroll","scroll-x":""},{default:o((()=>[c(n,{class:"image-grid"},{default:o((()=>[(u(!0),m(v,null,_(B.value,((a,e)=>(u(),s(n,{class:"image-wrapper",key:a,onClick:a=>function(a){T({urls:B.value,current:B.value[a]})}(e)},{default:o((()=>["loaded"!==L[e]?(u(),s(n,{key:0,class:"image-placeholder"},{default:o((()=>[c(t,{class:"placeholder-text"},{default:o((()=>[d(g("error"===L[e]?"加载失败":"加载中..."),1)])),_:2},1024)])),_:2},1024)):p("",!0),c(l,{class:w(["image-item",{"image-hidden":"loaded"!==L[e]}]),src:a,mode:"aspectFill",onLoad:a=>function(a){L[a]="loaded"}(e),onError:a=>function(a){L[a]="error"}(e)},null,8,["class","src","onLoad","onError"])])),_:2},1032,["onClick"])))),128))])),_:1})])),_:1})])),_:1})):p("",!0),c(n,{class:"info-area"},{default:o((()=>[c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("故障时间")])),_:1}),c(n,{class:"info-value fault-time-list"},{default:o((()=>[(u(!0),m(v,null,_(M.value,((a,e)=>(u(),s(t,{class:"fault-time-item",key:e},{default:o((()=>[d(g(a),1)])),_:2},1024)))),128))])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("故障发生频次")])),_:1}),c(n,{class:"info-value freq-row"},{default:o((()=>[c(t,{class:"freq-value"},{default:o((()=>[d(g(S.faultCount),1)])),_:1}),c(n,{class:"freq-btn",onClick:J},{default:o((()=>[c(t,{class:"freq-btn-text"},{default:o((()=>[d("增加频次")])),_:1})])),_:1})])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("人员")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(S.personnel),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("故障原因")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(S.faultReason),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("表显故障里程")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(W.value),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("表显里程矫正")])),_:1}),$.value?(u(),s(n,{key:0,class:"info-value correction-row"},{default:o((()=>[c(N,{class:"correction-input",modelValue:D.value,"onUpdate:modelValue":e[0]||(e[0]=a=>D.value=a),type:"text",placeholder:"请输入","placeholder-class":"input-placeholder"},null,8,["modelValue"]),c(n,{class:"correction-btn save-btn",onClick:P},{default:o((()=>[c(t,{class:"correction-btn-text"},{default:o((()=>[d("保存")])),_:1})])),_:1}),c(n,{class:"correction-btn cancel-btn",onClick:O},{default:o((()=>[c(t,{class:"correction-btn-text cancel-text"},{default:o((()=>[d("取消")])),_:1})])),_:1})])),_:1})):(u(),s(n,{key:1,class:"info-value correction-row"},{default:o((()=>[c(t,null,{default:o((()=>[d(g(S.mileageCorrection||"未填写"),1)])),_:1}),c(n,{class:"correction-btn edit-btn",onClick:K},{default:o((()=>[c(t,{class:"correction-btn-text"},{default:o((()=>[d("修改")])),_:1})])),_:1})])),_:1}))])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("所属光缆")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(S.cableName),1)])),_:1})])),_:1}),c(n,{class:"info-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("地点")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(S.location),1)])),_:1})])),_:1}),c(n,{class:"info-row last-row"},{default:o((()=>[c(t,{class:"info-label"},{default:o((()=>[d("备注")])),_:1}),c(t,{class:"info-value"},{default:o((()=>[d(g(S.remark),1)])),_:1})])),_:1})])),_:1})])),_:1}),A.value?(u(),s(n,{key:0,class:"bottom-bar"},{default:o((()=>[c(n,{class:"navigate-btn",onClick:Q},{default:o((()=>[c(t,{class:"navigate-btn-text"},{default:o((()=>[d("导航至地点")])),_:1})])),_:1})])),_:1})):p("",!0)])),_:1})}}},[["__scopeId","data-v-ddc790f9"]]);export{V as default};
|