3D可视化
项目基于Vue 3 + Typescript + Vite + TroisJS
方案设计
聚焦状态的透明效果
这是在聚焦某个模型时，给其他非聚焦的模型切换为了一个透明的模型来实现的。
需要进行如下配置：
1、nodes.ts中，配置模型的时候，给其标注transparent: true属性，表示这是一个支持透明切换的模型
2、设计师导出的透明模型，命名格式必须严格遵循规范，等于非透明模型的名字加上-透明后缀
异常状态的切换
这也是通过切换模型来实现的。
1、nodes.ts中，配置模型的时候，通过status字段标注其状态，当前支持normal(正常)和notAchieved(未达标)，默认是normal
2、设计师导出的模型，命名格式必须严格遵循规范，未达标模型的名字加上-未达标后缀
3、全局增加预警开关，开启后，显示状态为异常的模型效果
常用操作
添加新的模型
1、在nodes.ts中配置模型信息
2、在edges.ts中配置模型的注解信息
设置轮播状态的模型子注解
我们想在轮播到某个模型的时候，给其展示不一样的注解信息。
1、在edges.ts中配置子注解的信息，注意注解id一定要确保是全局唯一的
2、(待优化为配置项)在wencai.vue的showAnnotation()和focus()方法中，进行逻辑配置
设置聚焦状态的模型子注解
我们想在某个模型聚焦的时候，给其展示不一样的注解信息。
配置的位置，和设置轮播状态的模型子注解一样，但是注意逻辑是不同的，可以参考代码中Teacher是如何配置的。