You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.0 KiB
1 lines
6.0 KiB
import{i as F,e as G,f as x,h as le,j,r as ie,k as J,l as ae,m as ce,n as ue,C as fe,o as I,p as pe,q,w as de,s as ve,_ as me}from"./index.1762932289438.js";import{E as he,a as ke}from"./col.1762932289438.js";import{E as _e}from"./divider.1762932289438.js";import{a as H,k as L,C as ye,r as y,c as K,t as A,s as W,p as ge,l as R,o as T,D as Q,q as n,M as Se,E,u as _,m as M,A as X,i as Ce,O as Ee,V as Re,L as Te,J as d,H as w}from"./vue.1762932289438.js";import"./echarts.1762932289438.js";const z=l=>{let t=0,a=l;for(;a;)t+=a.offsetTop,a=a.offsetParent;return t},U=(l,t)=>Math.abs(z(l)-z(t)),we=G({container:{type:x([String,Object])},offset:{type:Number,default:0},bound:{type:Number,default:15},duration:{type:Number,default:300},marker:{type:Boolean,default:!0},type:{type:x(String),default:"default"},direction:{type:x(String),default:"vertical"},selectScrollTop:Boolean}),be={change:l=>H(l),click:(l,t)=>l instanceof MouseEvent&&(H(t)||F(t))},Y=Symbol("anchor"),b=l=>{if(!le||l==="")return null;if(H(l))try{return document.querySelector(l)}catch{return null}return l};function Ae(l){let t=0;const a=(...r)=>{t&&j(t),t=ie(()=>{l(...r),t=0})};return a.cancel=()=>{j(t),t=0},a}const Le=L({name:"ElAnchor"}),Ne=L({...Le,props:we,emits:be,setup(l,{expose:t,emit:a}){const r=l,o=ye(),p=y(""),v=y({}),k=y(null),m=y(null),f=y(),g={};let s=!1,S=0;const C=ae("anchor"),ee=K(()=>[C.b(),r.type==="underline"?C.m("underline"):"",C.m(r.direction)]),te=e=>{g[e.href]=e.el},ne=e=>{delete g[e]},D=e=>{p.value!==e&&(p.value=e,a(fe,e))};let N=null;const oe=e=>{if(!f.value)return;const i=b(e);if(!i)return;N&&N(),s=!0;const c=I(i,f.value),u=U(i,c),h=c.scrollHeight-c.clientHeight,B=Math.min(u-r.offset,h);N=pe(f.value,S,B,r.duration,()=>{setTimeout(()=>{s=!1},20)})},$=e=>{e&&(D(e),oe(e))},re=(e,i)=>{a("click",e,i),$(i)},O=Ae(()=>{f.value&&(S=q(f.value));const e=se();s||F(e)||D(e)}),se=()=>{if(!f.value)return;const e=q(f.value),i=[];for(const c of Object.keys(g)){const u=b(c);if(!u)continue;const h=I(u,f.value),B=U(u,h);i.push({top:B-r.offset-r.bound,href:c})}i.sort((c,u)=>c.top-u.top);for(let c=0;c<i.length;c++){const u=i[c],h=i[c+1];if(c===0&&e===0)return r.selectScrollTop?u.href:"";if(u.top<=e&&(!h||h.top>e))return u.href}},P=()=>{const e=b(r.container);!e||ue(e)?f.value=window:f.value=e};ce(f,"scroll",O);const V=()=>{X(()=>{if(!k.value||!m.value||!p.value){v.value={};return}const e=g[p.value];if(!e){v.value={};return}const i=k.value.getBoundingClientRect(),c=m.value.getBoundingClientRect(),u=e.getBoundingClientRect();if(r.direction==="horizontal"){const h=u.left-i.left;v.value={left:`${h}px`,width:`${u.width}px`,opacity:1}}else{const h=u.top-i.top+(u.height-c.height)/2;v.value={top:`${h}px`,opacity:1}}})};return A(p,V),A(()=>{var e;return(e=o.default)==null?void 0:e.call(o)},V),W(()=>{P();const e=decodeURIComponent(window.location.hash);b(e)?$(e):O()}),A(()=>r.container,()=>{P()}),ge(Y,{ns:C,direction:r.direction,currentAnchor:p,addLink:te,removeLink:ne,handleClick:re}),t({scrollTo:$}),(e,i)=>(T(),R("div",{ref_key:"anchorRef",ref:k,class:E(_(ee))},[e.marker?(T(),R("div",{key:0,ref_key:"markerRef",ref:m,class:E(_(C).e("marker")),style:Se(v.value)},null,6)):Q("v-if",!0),n("div",{class:E(_(C).e("list"))},[M(e.$slots,"default")],2)],2))}});var $e=J(Ne,[["__file","anchor.vue"]]);const Be=G({title:String,href:String}),xe=L({name:"ElAnchorLink"}),He=L({...xe,props:Be,setup(l){const t=l,a=y(null),{ns:r,direction:o,currentAnchor:p,addLink:v,removeLink:k,handleClick:m}=Ce(Y),f=K(()=>[r.e("link"),r.is("active",p.value===t.href)]),g=s=>{m(s,t.href)};return A(()=>t.href,(s,S)=>{X(()=>{S&&k(S),s&&v({href:s,el:a.value})})}),W(()=>{const{href:s}=t;s&&v({href:s,el:a.value})}),Ee(()=>{const{href:s}=t;s&&k(s)}),(s,S)=>(T(),R("div",{class:E(_(r).e("item"))},[n("a",{ref_key:"linkRef",ref:a,class:E(_(f)),href:s.href,onClick:g},[M(s.$slots,"default",{},()=>[Re(Te(s.title),1)])],10,["href"]),s.$slots["sub-link"]&&_(o)==="vertical"?(T(),R("div",{key:0,class:E(_(r).e("list"))},[M(s.$slots,"sub-link")],2)):Q("v-if",!0)],2))}});var Z=J(He,[["__file","anchor-link.vue"]]);const Me=de($e,{AnchorLink:Z}),De=ve(Z),Oe={class:"container"},Pe={id:"part1",class:"part"},Ve={id:"part2",class:"part"},je={id:"part3",class:"part"},Ie={id:"part4",class:"part"},qe={__name:"Support",setup(l){const t=y(null),a=r=>{r.preventDefault()};return(r,o)=>{const p=De,v=Me,k=he,m=_e,f=ke;return T(),R("div",{class:"wrapper",ref_key:"containerRef",ref:t},[n("div",Oe,[d(f,null,{default:w(()=>[d(k,{span:6},{default:w(()=>[d(v,{container:_(t),direction:"vertical",type:"default",offset:30,onClick:a,style:{position:"fixed"}},{default:w(()=>[d(p,{href:"#part1",title:"1. 数字督察-登录及功能简介"}),d(p,{href:"#part2",title:"2. 数字督察-问题下发"}),d(p,{href:"#part3",title:"3. 数字督察-问题处理"}),d(p,{href:"#part4",title:"4. 数字督察-问题审批"}),d(p,{href:"#part5",title:"5. 数字督察-警员调整"})]),_:1},8,["container"])]),_:1}),d(k,{span:18},{default:w(()=>[n("div",null,[n("div",Pe,[o[0]||(o[0]=n("h1",null,"1. 数字督察-登录及功能简介",-1)),o[1]||(o[1]=n("video",{controls:""},[n("source",{src:"/教程视频/1登录及功能简介.mp4",type:"video/mp4"})],-1)),d(m)]),n("div",Ve,[o[2]||(o[2]=n("h1",null,"2. 数字督察-问题下发",-1)),o[3]||(o[3]=n("video",{controls:""},[n("source",{src:"/教程视频/2数字督察-问题下发.mp4",type:"video/mp4"})],-1)),d(m)]),n("div",je,[o[4]||(o[4]=n("h1",null,"3. 数字督察-问题处理",-1)),o[5]||(o[5]=n("video",{controls:""},[n("source",{src:"/教程视频/3数字督察-问题处理.mp4",type:"video/mp4"})],-1)),d(m)]),n("div",Ie,[o[6]||(o[6]=n("h1",null,"4. 数字督察-问题审批",-1)),o[7]||(o[7]=n("video",{controls:""},[n("source",{src:"/教程视频/4问题审批.mp4",type:"video/mp4"})],-1)),d(m)]),o[8]||(o[8]=n("div",{id:"part5",class:"part"},[n("h1",null,"5. 数字督察-警员调整"),n("video",{controls:""},[n("source",{src:"/教程视频/5警员调整.mp4",type:"video/mp4"})])],-1))])]),_:1})]),_:1})])],512)}}},Ke=me(qe,[["__scopeId","data-v-8b0be57f"]]);export{Ke as default};
|
|
|