|
|
import{C as e,Ct as t,D as n,E as r,G as i,I as a,Qt as o,S as s,T as c,X as ee,Xt as te,Y as l,at as u,b as d,ht as f,m as p,ot as m,q as h,rt as g,tn as _,y as v,z as ne}from"./vue.runtime.esm-bundler-DUiYyeqQ.js";import{C as y,S as re,_ as b,b as ie,s as x,u as ae,x as oe}from"./index-BAoVGmph.js";import{t as se}from"./usePageLoad-DFTLo_Lv.js";import{u as ce}from"./assets-BY-4cpKy.js";import{t as le}from"./TeacherDetailDialog-loCVWRRo.js";import{n as ue}from"./teacherStar-By0_CBs7.js";import{a as de,d as fe,i as pe,o as me,r as he,s as ge}from"./tiandituMap-BbTEN0Ou.js";/* empty css */var _e={class:`dashboard-page executive-dashboard`},ve={key:0,class:`radar-top-grid`},ye={class:`radar-kpi`},be={class:`kpi-icon`},S={class:`radar-kpi`},C={class:`kpi-icon`},w={class:`radar-kpi`},T={class:`kpi-icon`},E={class:`radar-kpi`},D={class:`kpi-icon`},O={class:`radar-map-card`},k={class:`radar-main`},A={class:`radar-map-container-wrap`},j={key:0,class:`radar-map-placeholder`},M={key:1,class:`radar-map-placeholder`},N={key:2,class:`radar-map-stage`},xe={class:`radar-map-marker-layer`,"aria-hidden":`true`},Se={class:`slake-map-school-label`},Ce={class:`radar-side`},we={class:`radar-side-head`},Te={key:0,class:`radar-side-count`},Ee={class:`radar-side-body`},De={key:0,class:`radar-empty-panel`},Oe={class:`radar-teacher-avatar`},ke=[`onClick`],Ae={class:`stars`},je={class:`radar-empty-panel`},Me={key:0,class:`radar-view-summary`},Ne={class:`radar-bottom-grid`},Pe={class:`radar-info-card`},Fe={class:`radar-school-list`},Ie={class:`radar-info-card`},Le={class:`radar-field-list`},Re={class:`radar-field-bar`},ze={key:0,class:`empty-hint`},P=x(n({__name:`index`,setup(n){let x=f(!1),P=f(!1),F=f(``),I=f(null),L=f(null),R=f(!1),z=f(null),B=f(null),V=null,H=0,U=f([]),W=v(()=>I.value?.summary),Be=v(()=>I.value?.quality||[]),G=v(()=>I.value?.research_fields||[]),Ve=v(()=>Math.max(...G.value.map(e=>e.percent),1));function He(e,t){return e?e.length>t?`${e.slice(0,t)}…`:e:``}function Ue(e){return ue(e.star_level_item?.value,e.star_level_item?.label)}function K(e){z.value=e,R.value=!0}function q(e){L.value=e}function J(e){if(!V)return null;let t={lng:e.longitude,lat:e.latitude};return V.lngLatToContainerPoint?V.lngLatToContainerPoint(t):V.lngLatToLayerPoint?V.lngLatToLayerPoint(t):null}function Y(){U.value=(I.value?.schools||[]).map(e=>{let t=J(e);return t?{school:e,left:t.x,top:t.y}:null}).filter(e=>!!e)}function X(){H||=requestAnimationFrame(()=>{H=0,Y()})}function We(e){let t=I.value?.schools||[];if(!t.length)return;let n=e?.containerPoint||(e?.lnglat&&V?.lngLatToContainerPoint?V.lngLatToContainerPoint(e.lnglat):null);if(!n)return;let r=null;for(let e of t){let t=J(e);if(!t)continue;let i=Math.hypot(t.x-n.x,t.y-n.y);(!r||i<r.distance)&&(r={school:e,distance:i})}r&&r.distance<=120&&q(r.school)}async function Z(){x.value=!0;try{I.value=await ce(),L.value&&=I.value.schools.find(e=>e.id===L.value?.id)||null,await a(),await Q()}finally{x.value=!1}}async function Q(){if(B.value){if(F.value=``,!me()){F.value=`未配置天地图 Key（VITE_TIANDITU_TK）`;return}if(!(I.value?.schools||[]).length){$();return}P.value=!0;try{let e=await ge();$();let t=B.value;t.innerHTML=``,V=de(e,t),pe(V),he(V,e),Y(),fe(V),V.addEventListener?.(`click`,We),V.addEventListener?.(`move`,X),V.addEventListener?.(`zoomend`,X),V.addEventListener?.(`resize`,X),V.addEventListener?.(`load`,X),window.setTimeout(Y,120),window.setTimeout(Y,500)}catch(e){let t=e instanceof Error?e.message:`地图初始化失败`;F.value=t.includes(`脚本`)||t.includes(`SDK`)?`${t}。若 Key 已配置域名白名单，请使用 https://slake.ali251.langye.net 访问（本地开发可在 hosts 绑定该域名后访问 http://slake.ali251.langye.net:5173）`:t,$()}finally{P.value=!1}}}function $(){H&&=(cancelAnimationFrame(H),0),V&&(V.clearOverLays?.(),V.destroy?.()),U.value=[],V=null}return g(()=>I.value?.schools.length,()=>{I.value&&!x.value&&a(()=>Q())}),se(Z),ne($),(n,a)=>{let f=l(`el-icon`),g=l(`el-button`),v=ee(`loading`);return m((i(),e(`div`,_e,[a[19]||=d(`div`,{class:`page-head`},[d(`h1`,{class:`radar-page-title`},`高校雷达网地图`)],-1),W.value?(i(),e(`div`,ve,[d(`div`,ye,[d(`span`,be,[r(f,null,{default:u(()=>[r(t(ie))]),_:1})]),a[1]||=d(`span`,null,[c(`已覆盖高校`),d(`em`,null,`已配置经纬度的高校`)],-1),d(`strong`,null,_(W.value.covered_schools),1)]),d(`div`,S,[d(`span`,C,[r(f,null,{default:u(()=>[r(t(y))]),_:1})]),a[2]||=d(`span`,null,[c(`关联老师`),d(`em`,null,`地图点位老师总数`)],-1),d(`strong`,null,_(W.value.map_teachers),1)]),d(`div`,w,[d(`span`,T,[r(f,null,{default:u(()=>[r(t(re))]),_:1})]),a[3]||=d(`span`,null,[c(`五星老师`),d(`em`,null,`高价值合作对象`)],-1),d(`strong`,null,_(W.value.five_star_teachers),1)]),d(`div`,E,[d(`span`,D,[r(f,null,{default:u(()=>[r(t(b))]),_:1})]),a[4]||=d(`span`,null,[c(`待补坐标`),d(`em`,null,`高校坐标待完善`)],-1),d(`strong`,null,_(W.value.pending_coords),1)])])):s(``,!0),d(`section`,O,[a[16]||=d(`div`,{class:`radar-map-toolbar`},[d(`h2`,null,`高校分布`),d(`span`,{class:`toolbar-hint`},`以苏州为中心展示，点击圆点或学校名称查看高校详情`)],-1),d(`div`,k,[d(`div`,A,[F.value?(i(),e(`div`,j,[r(f,{size:24},{default:u(()=>[r(t(ae))]),_:1}),a[5]||=d(`strong`,null,`地图暂不可用`,-1),d(`span`,null,_(F.value),1)])):!I.value?.schools.length&&!P.value?(i(),e(`div`,M,[r(f,{size:24},{default:u(()=>[r(t(b))]),_:1}),a[6]||=d(`strong`,null,`暂无地图点位`,-1),a[7]||=d(`span`,null,`请先在「高校坐标库」维护经纬度。`,-1)])):m((i(),e(`div`,N,[d(`div`,{ref_key:`mapContainerRef`,ref:B,class:`radar-map-container`},null,512),d(`div`,xe,[(i(!0),e(p,null,h(U.value,t=>(i(),e(`span`,{key:t.school.id,class:te([`slake-map-school-marker`,{"is-active":L.value?.id===t.school.id}]),style:o({left:`${t.left}px`,top:`${t.top}px`})},[a[8]||=d(`span`,{class:`slake-map-school-dot`,"aria-hidden":`true`},null,-1),d(`span`,Se,_(t.school.name||`—`),1)],6))),128))])])),[[v,P.value]])]),d(`aside`,Ce,[d(`div`,we,[d(`h3`,null,_(L.value?.name||`高校详情`),1),L.value?(i(),e(`span`,Te,[r(f,null,{default:u(()=>[r(t(y))]),_:1}),c(` `+_(L.value.teachers_count)+` 位 `,1)])):s(``,!0)]),d(`div`,Ee,[L.value?(i(),e(p,{key:0},[L.value.teachers.length?s(``,!0):(i(),e(`div`,De,[r(f,{size:20},{default:u(()=>[r(t(y))]),_:1}),a[9]||=d(`strong`,null,`暂无关联老师`,-1),a[10]||=d(`span`,null,`该校已在地图上展示，可在老师库中关联高校后在此查看老师列表。`,-1)])),(i(!0),e(p,null,h(L.value.teachers,n=>(i(),e(`div`,{key:n.id,class:`radar-teacher-card`},[d(`span`,Oe,[r(f,null,{default:u(()=>[r(t(y))]),_:1})]),d(`span`,null,[d(`button`,{type:`button`,class:`radar-teacher-name`,onClick:e=>K(n.id)},_(n.name),9,ke),d(`em`,null,_(He(n.research_direction,16)),1),d(`i`,Ae,_(Ue(n)),1)]),r(g,{size:`small`,plain:``,onClick:e=>K(n.id)},{default:u(()=>[...a[11]||=[c(`详情`,-1)]]),_:1},8,[`onClick`])]))),128))],64)):(i(),e(p,{key:1},[d(`div`,je,[r(f,{size:20},{default:u(()=>[r(t(oe))]),_:1}),a[12]||=d(`strong`,null,`选择高校点位`,-1),a[13]||=d(`span`,null,`点击地图上的高校圆点，右侧会显示该校信息及关联老师列表。`,-1)]),W.value?(i(),e(`div`,Me,[a[14]||=d(`span`,null,`当前视图点位`,-1),d(`strong`,null,_(W.value.visible_points),1),a[15]||=d(`span`,null,`最高星级老师`,-1),d(`strong`,null,_(W.value.max_star)+` 星`,1)])):s(``,!0)],64))])])])]),d(`div`,Ne,[d(`section`,Pe,[a[17]||=d(`h2`,null,`数据质量`,-1),d(`div`,Fe,[(i(!0),e(p,null,h(Be.value,t=>(i(),e(`div`,{key:t.label,class:`radar-school-row`},[d(`span`,null,[c(_(t.label),1),d(`em`,null,_(t.detail),1)])]))),128))])]),d(`section`,Ie,[a[18]||=d(`h2`,null,`研究方向分布`,-1),d(`div`,Le,[(i(!0),e(p,null,h(G.value,t=>(i(),e(`div`,{key:t.label,class:`radar-field-row`},[d(`span`,null,[c(_(t.label)+` `,1),d(`em`,null,_(t.count)+` 位老师`,1),d(`div`,Re,[d(`i`,{style:o({width:`${Math.round(t.percent/Ve.value*100)}%`})},null,4)])]),d(`strong`,null,_(t.percent)+`%`,1)]))),128)),G.value.length?s(``,!0):(i(),e(`p`,ze,`暂无研究方向统计数据`))])])]),r(le,{modelValue:R.value,"onUpdate:modelValue":a[0]||=e=>R.value=e,"teacher-id":z.value,readonly:``,onSaved:Z},null,8,[`modelValue`,`teacher-id`])])),[[v,x.value]])}}}),[[`__scopeId`,`data-v-b2571f1c`]]);export{P as default}; |
