feat: 实现供水运营专题大屏BI可视化

- 新增OperationDashboard.vue全屏大屏组件
- 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数
- 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析
- 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus
- 更新路由配置，添加/operation路径支持
- 修复nextTick导入问题，优化build脚本

🚧 开发者: bot_dev1
📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏

frontend/node_modules/grapheme-splitter/tests/grapheme_splitter_tests.js

@@ -0,0 +1,83 @@
+const fs = require('fs')
+const test = require('tape')
+
+const GraphemeSplitter = require('../index')
+
+function ucs2encode(array) {
+  return array.map( value => {
+    let output = '';
+
+    if (value > 0xFFFF) {
+      value -= 0x10000;
+      output += String.fromCharCode(value >>> 10 & 0x3FF | 0xD800);
+      value = 0xDC00 | value & 0x3FF;
+    }
+
+    output += String.fromCharCode(value);
+    return output;
+  }).join('');
+}
+
+function testDataFromLine(line) {
+  const codePoints = line.split(/\s*[×÷]\s*/).map(c => parseInt(c, 16));
+  const input = ucs2encode(codePoints);
+
+  const expected = line.split(/\s*÷\s*/) .map(sequence => {
+    const codePoints = sequence.split(/\s*×\s*/).map(c => parseInt(c, 16))
+    return ucs2encode(codePoints)
+  });
+
+  return { input, expected };
+}
+
+const testData = fs.readFileSync('tests/GraphemeBreakTest.txt', 'utf-8')
+                   .split('\n')
+                   .filter(line =>
+                     line != null && line.length > 0 && !line.startsWith('#'))
+                   .map(line => line.split('#')[0])
+                   .map(testDataFromLine);
+
+// ---------------------------------------------------------------------------
+// Test cases
+// ---------------------------------------------------------------------------
+test('splitGraphemes returns properly split list from string', t => {
+  const splitter = new GraphemeSplitter();
+
+  t.plan(testData.length);
+
+  testData.forEach( ({ input, expected }) => {
+    const result = splitter.splitGraphemes(input);
+    
+    t.deepLooseEqual(result, expected);
+  });
+
+  t.end();
+});
+
+test('iterateGraphemes returns properly split iterator from string', t => {
+  const splitter = new GraphemeSplitter();
+
+  t.plan(testData.length);
+
+  testData.forEach( ({ input, expected }) => {
+    const result = splitter.iterateGraphemes(input);
+
+    t.deepLooseEqual([...result], expected);
+  });
+
+  t.end();
+});
+
+test('countGraphemes returns the correct number of graphemes in string', t => {
+  const splitter = new GraphemeSplitter();
+
+  t.plan(testData.length);
+
+  testData.forEach( ({ input, expected }) => {
+    const result = splitter.countGraphemes(input);
+
+    t.equal(result, expected.length);
+  });
+
+  t.end();
+});