|
|
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-BVXUiq8B.js";import{t as se}from"./usePageLoad-DFTLo_Lv.js";import{u as ce}from"./assets-CsvOzTPF.js";import{t as le}from"./TeacherDetailDialog-CXaEpder.js";import{n as ue}from"./teacherStar-By0_CBs7.js";import{a as de,d as fe,i as pe,o as me,s as he}from"./tiandituMap-D2tLnJpS.js";/* empty css */var ge={class:`dashboard-page executive-dashboard`},_e={key:0,class:`radar-top-grid`},ve={class:`radar-kpi`},ye={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`},P={class:`radar-map-marker-layer`,"aria-hidden":`false`},be=[`onClick`],xe={class:`slake-map-school-label`},Se={class:`radar-side`},Ce={class:`radar-side-head`},we={key:0,class:`radar-side-count`},Te={class:`radar-side-body`},Ee={key:0,class:`radar-empty-panel`},De={class:`radar-teacher-avatar`},Oe=[`onClick`],ke={class:`stars`},Ae={class:`radar-empty-panel`},je={key:0,class:`radar-view-summary`},Me={class:`radar-bottom-grid`},Ne={class:`radar-info-card`},Pe={class:`radar-school-list`},Fe={class:`radar-info-card`},Ie={class:`radar-field-list`},Le={class:`radar-field-bar`},Re={key:0,class:`empty-hint`},F=x(n({__name:`index`,setup(n){let x=f(!1),F=f(!1),I=f(``),L=f(null),R=f(null),z=f(!1),B=f(null),V=f(null),H=null,U=0,W=f([]),G=v(()=>L.value?.summary),ze=v(()=>L.value?.quality||[]),K=v(()=>L.value?.research_fields||[]),Be=v(()=>Math.max(...K.value.map(e=>e.percent),1));function Ve(e,t){return e?e.length>t?`${e.slice(0,t)}…`:e:``}function He(e){return ue(e.star_level_item?.value,e.star_level_item?.label)}function q(e){B.value=e,z.value=!0}function J(e){R.value=e}function Y(){H?.lngLatToContainerPoint&&(W.value=(L.value?.schools||[]).map(e=>{let t=H.lngLatToContainerPoint({lng:e.longitude,lat:e.latitude});return{school:e,left:t.x,top:t.y}}))}function X(){U||=requestAnimationFrame(()=>{U=0,Y()})}async function Z(){x.value=!0;try{L.value=await ce(),R.value&&=L.value.schools.find(e=>e.id===R.value?.id)||null,await a(),await Q()}finally{x.value=!1}}async function Q(){if(V.value){if(I.value=``,!me()){I.value=`未配置天地图 Key（VITE_TIANDITU_TK）`;return}if(!(L.value?.schools||[]).length){$();return}F.value=!0;try{let e=await he();$();let t=V.value;t.innerHTML=``,H=new e.Map(t),de(H),pe(H,e),Y(),fe(H),H.addEventListener?.(`move`,X),H.addEventListener?.(`zoomend`,X),H.addEventListener?.(`resize`,X),H.addEventListener?.(`load`,X)}catch(e){let t=e instanceof Error?e.message:`地图初始化失败`;I.value=t.includes(`脚本`)||t.includes(`SDK`)?`${t}。若 Key 已配置域名白名单，请使用 https://slake.ali251.langye.net 访问（本地开发可在 hosts 绑定该域名后访问 http://slake.ali251.langye.net:5173）`:t,$()}finally{F.value=!1}}}function $(){U&&=(cancelAnimationFrame(U),0),H&&(H.clearOverLays?.(),H.destroy?.()),W.value=[],H=null}return g(()=>L.value?.schools.length,()=>{L.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`,ge,[a[19]||=d(`div`,{class:`page-head`},[d(`h1`,{class:`radar-page-title`},`高校雷达网地图`)],-1),G.value?(i(),e(`div`,_e,[d(`div`,ve,[d(`span`,ye,[r(f,null,{default:u(()=>[r(t(ie))]),_:1})]),a[1]||=d(`span`,null,[c(`已覆盖高校`),d(`em`,null,`已配置经纬度的高校`)],-1),d(`strong`,null,_(G.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,_(G.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,_(G.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,_(G.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,[I.value?(i(),e(`div`,j,[r(f,{size:24},{default:u(()=>[r(t(ae))]),_:1}),a[5]||=d(`strong`,null,`地图暂不可用`,-1),d(`span`,null,_(I.value),1)])):!L.value?.schools.length&&!F.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:V,class:`radar-map-container`},null,512),d(`div`,P,[(i(!0),e(p,null,h(W.value,t=>(i(),e(`button`,{key:t.school.id,type:`button`,class:te([`slake-map-school-marker`,{"is-active":R.value?.id===t.school.id}]),style:o({left:`${t.left}px`,top:`${t.top}px`}),onClick:e=>J(t.school)},[a[8]||=d(`span`,{class:`slake-map-school-dot`,"aria-hidden":`true`},null,-1),d(`span`,xe,_(t.school.name||`—`),1)],14,be))),128))])])),[[v,F.value]])]),d(`aside`,Se,[d(`div`,Ce,[d(`h3`,null,_(R.value?.name||`高校详情`),1),R.value?(i(),e(`span`,we,[r(f,null,{default:u(()=>[r(t(y))]),_:1}),c(` `+_(R.value.teachers_count)+` 位 `,1)])):s(``,!0)]),d(`div`,Te,[R.value?(i(),e(p,{key:0},[R.value.teachers.length?s(``,!0):(i(),e(`div`,Ee,[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(R.value.teachers,n=>(i(),e(`div`,{key:n.id,class:`radar-teacher-card`},[d(`span`,De,[r(f,null,{default:u(()=>[r(t(y))]),_:1})]),d(`span`,null,[d(`button`,{type:`button`,class:`radar-teacher-name`,onClick:e=>q(n.id)},_(n.name),9,Oe),d(`em`,null,_(Ve(n.research_direction,16)),1),d(`i`,ke,_(He(n)),1)]),r(g,{size:`small`,plain:``,onClick:e=>q(n.id)},{default:u(()=>[...a[11]||=[c(`详情`,-1)]]),_:1},8,[`onClick`])]))),128))],64)):(i(),e(p,{key:1},[d(`div`,Ae,[r(f,{size:20},{default:u(()=>[r(t(oe))]),_:1}),a[12]||=d(`strong`,null,`选择高校点位`,-1),a[13]||=d(`span`,null,`点击地图上的高校圆点，右侧会显示该校信息及关联老师列表。`,-1)]),G.value?(i(),e(`div`,je,[a[14]||=d(`span`,null,`当前视图点位`,-1),d(`strong`,null,_(G.value.visible_points),1),a[15]||=d(`span`,null,`最高星级老师`,-1),d(`strong`,null,_(G.value.max_star)+` 星`,1)])):s(``,!0)],64))])])])]),d(`div`,Me,[d(`section`,Ne,[a[17]||=d(`h2`,null,`数据质量`,-1),d(`div`,Pe,[(i(!0),e(p,null,h(ze.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`,Fe,[a[18]||=d(`h2`,null,`研究方向分布`,-1),d(`div`,Ie,[(i(!0),e(p,null,h(K.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`,Le,[d(`i`,{style:o({width:`${Math.round(t.percent/Be.value*100)}%`})},null,4)])]),d(`strong`,null,_(t.percent)+`%`,1)]))),128)),K.value.length?s(``,!0):(i(),e(`p`,Re,`暂无研究方向统计数据`))])])]),r(le,{modelValue:z.value,"onUpdate:modelValue":a[0]||=e=>z.value=e,"teacher-id":B.value,readonly:``,onSaved:Z},null,8,[`modelValue`,`teacher-id`])])),[[v,x.value]])}}}),[[`__scopeId`,`data-v-efc7dd32`]]);export{F as default}; |
