update video

package.json

@@ -37,13 +37,15 @@
     },
     "devDependencies": {
         "@babel/runtime": "^7.18.0",
+        "@types/node": "^20.8.10",
         "@types/react": "^17.0.0",
         "@types/react-dom": "^17.0.0",
+        "@types/ws": "^8.5.8",
         "@umijs/preset-react": "1.x",
         "@umijs/test": "^3.5.23",
         "lint-staged": "^10.0.7",
         "prettier": "^2.2.0",
-        "typescript": "^4.1.2",
+        "typescript": "^4.9.5",
         "yorkie": "^2.0.0"
     }
 }

src/components/模块组件/窑炉内部/Center/index.jsx

@@ -90,20 +90,17 @@ function KilnCenter() {
 			<div
 				className="video-wrapper"
 				style={{
-					// flex: 1,
-					// background: '#ccc3',
+					position: 'fixed',
+					top: 0,
+					left: 0,
 					width: '100%',
-					height: '736px',
-				}} // , top: '10%', left: '10%', position: 'absolute' }}
+					height: '100%',
+					zIndex: -1000,
+				}}
 			>
-				<video
-					src={currentVideo}
-					muted
-					preload="auto"
-					autoPlay={true}
-					width={'100%'}
-					ref={videoRef}
-				></video>
+				<video muted preload="auto" autoPlay={true} width={'100%'}>
+					<source src="/video/enter.webm" type="video/mp4" />
+				</video>
 			</div>
 
 			<div className={cls.videoLayer2}></div>

websocket/modules/kiln.ts

@@ -0,0 +1,18 @@
+import utils from '../utils';
+
+function genKilnInfo() {
+	return {
+		kilnPressure: utils.rand(0, 100) + 'Kpa',
+		waterTemp: utils.rand(0, 100) + '℃',
+		waterFlow: utils.rand(30, 90) + 'm³/h',
+		waterPressure: utils.rand(10, 50) + 'Kpa',
+		windPressure: utils.rand(10, 30) + 'Kpa',
+		gasPressure: utils.rand(10, 30) + 'Kpa',
+		// 碹顶加权温度
+		topTemp: utils.rand(30, 60) + '℃',
+		// 融化加权温度
+		meltTemp: utils.rand(100, 200) + '℃',
+	};
+}
+
+export default genKilnInfo;

websocket/modules/navGas.ts

@@ -0,0 +1,13 @@
+// 天然气
+import utils from '../utils';
+
+function getNavGasInfo(type: 'history' | 'realtime') {
+	switch (type) {
+		case 'history':
+			break;
+		case 'realtime':
+			break;
+	}
+}
+
+export default getNavGasInfo;

websocket/utils/index.ts

@@ -0,0 +1,7 @@
+function rand(min: number, max: number) {
+	return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+export default {
+	rand,
+};