import{d,g as v,h as p,l as g,o as l,a as s,x as f,y as h,e as t,p as m,_ as w}from"./index.4042ed24.js";const x={class:"dialog-container"},D={class:"video-preview-container"},y=["src"],C={key:1,class:"no-video-message"},U=d({name:"targetDataDialog"}),b=d({...U,setup(k,{expose:n}){const o=v(null),e=p({isShowDialog:!1,dialog:{title:"\u89C6\u9891\u9884\u89C8",width:"800px"},videoUrl:""}),u=async a=>{e.isShowDialog=!0,a&&a.fileUrl?e.videoUrl=a.fileUrl:e.videoUrl=""},c=()=>{o.value&&(o.value.pause(),o.value.currentTime=0,o.value.src=""),e.videoUrl=""};return n({openDialog:u}),(a,i)=>{const r=g("el-dialog");return l(),s("div",x,[f(r,{modelValue:e.isShowDialog,"onUpdate:modelValue":i[0]||(i[0]=_=>e.isShowDialog=_),title:e.dialog.title,width:e.dialog.width,"close-on-click-modal":!1,draggable:"",onClosed:c},{default:h(()=>[t("div",D,[e.videoUrl?(l(),s("video",{key:0,ref_key:"videoPlayer",ref:o,controls:"",style:{width:"100%","max-height":"600px"}},[t("source",{src:e.videoUrl,type:"video/mp4"},null,8,y),m(" \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u89C6\u9891\u64AD\u653E\u3002 ")],512)):(l(),s("div",C," \u6682\u65E0\u53EF\u64AD\u653E\u7684\u89C6\u9891 "))])]),_:1},8,["modelValue","title","width"])])}}});const E=w(b,[["__scopeId","data-v-9feb15b1"],["__file","/data/jenkins/workspace/badp-bcxin-web-5.x-dispatchBusiness/src/views/dispatchView/videoRecordManagement/dialog.vue"]]);export{E as default};
