bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
import ShaderSource from "../Renderer/ShaderSource.js";
|
|
|
|
/**
|
|
* Support for rendering things on only one side of the screen.
|
|
*
|
|
* @private
|
|
*/
|
|
const Splitter = {
|
|
/**
|
|
* Given a fragment shader string, returns a modified version of it that
|
|
* only renders on one side of the screen or the other. Fragments on the
|
|
* other side are discarded. The screen side is given by a uniform called
|
|
* `czm_splitDirection`, which can be added by calling
|
|
* {@link Splitter#addUniforms}, and the split position is given by an
|
|
* automatic uniform called `czm_splitPosition`.
|
|
*/
|
|
modifyFragmentShader: function modifyFragmentShader(shader) {
|
|
shader = ShaderSource.replaceMain(shader, "czm_splitter_main");
|
|
shader +=
|
|
// czm_splitPosition is not declared because it is an automatic uniform.
|
|
"uniform float czm_splitDirection; \n" +
|
|
"void main() \n" +
|
|
"{ \n" +
|
|
// Don't split when rendering the shadow map, because it is rendered from
|
|
// the perspective of a totally different camera.
|
|
"#ifndef SHADOW_MAP\n" +
|
|
" if (czm_splitDirection < 0.0 && gl_FragCoord.x > czm_splitPosition) discard; \n" +
|
|
" if (czm_splitDirection > 0.0 && gl_FragCoord.x < czm_splitPosition) discard; \n" +
|
|
"#endif\n" +
|
|
" czm_splitter_main(); \n" +
|
|
"} \n";
|
|
|
|
return shader;
|
|
},
|
|
|
|
/**
|
|
* Add `czm_splitDirection` to the given uniform map.
|
|
*
|
|
* @param {object} object The object on which the `splitDirection` property may be found.
|
|
* @param {object} uniformMap The uniform map.
|
|
*/
|
|
addUniforms: function addUniforms(object, uniformMap) {
|
|
uniformMap.czm_splitDirection = function () {
|
|
return object.splitDirection;
|
|
};
|
|
},
|
|
};
|
|
|
|
export default Splitter;
|