index.html 19.2 KB

Raw Blame History Permalink

<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=5"><![endif]-->
<!DOCTYPE html>
<html>

<head>
	<!--	<title>Flowchart Maker &amp; Online Diagram Software</title>-->
	<title>云组态</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="Description"
		content="diagrams.net is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams">
	<meta name="Keywords" content="diagram, online, flow chart, flowchart maker, uml, erd">
	<meta itemprop="name" content="diagrams.net - free flowchart maker and diagrams online">
	<meta itemprop="description" content="diagrams.net is a free online diagramming application  and flowchart maker . You can use it to create UML, entity relationship,
		org charts, BPMN and BPM, database schema and networks. Also possible are telecommunication network, workflow, flowcharts, maps overlays and GIS, electronic
		circuit and social network diagrams.">
	<meta itemprop="image"
		content="https://lh4.googleusercontent.com/-cLKEldMbT_E/Tx8qXDuw6eI/AAAAAAAAAAs/Ke0pnlk8Gpg/w500-h344-k/BPMN%2Bdiagram%2Brc2f.png">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="msapplication-config" content="images/browserconfig.xml">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="theme-color" content="#d89000">

	<link rel="stylesheet" href="./js/plugin/layui/css/layui.css?v=1690535544811">

	<!-- load configure file -->
	<script src="./js/config/config.js?v=1690535544811"></script>

	<!-- crypto-js	-->
	<script src="./js/plugin/crypto-js/crypto-js.js?v=1690535544811"></script>

	<!-- storage persistent	-->
	<script src="./js/const/persistentStorage.js?v=1690535544811"></script>
	<!-- Global const -->
	<script src="./js/const/const.js?v=1690535544811"></script>

	<!-- Axios	-->
	<script src="./js/plugin/axios/axios.min.js?v=1690535544811"></script>
	<script src="./js/plugin/axios/DefHttp.js?v=1690535544811"></script>
	<script src="./js/api/index.js?v=1690535544811"></script>

	<!-- load script -->
	<script src="./js/config/loadScript.js?v=1690535544811"></script>

	<!-- act editor -->
	<!-- <script src="https://oss.yuntengcloud.com/iotdocs/thingskit-scada/ace.js"></script> -->

	<!-- echarts	-->
	<!-- <script src="https://oss.yuntengcloud.com/iotdocs/thingskit-scada/echarts.js"></script> -->

	<!-- video.js import -->
	<!-- <link href="https://oss.yuntengcloud.com/iotdocs/thingskit-scada/video-js.min.css" rel="stylesheet"> -->
	<!-- <script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script> -->
	<!-- <script src="https://oss.yuntengcloud.com/iotdocs/thingskit-scada/video.min.js"></script> -->

	<script src="./js/plugin/layui/layui.js?v=1690535544811"></script>
	<!-- <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/css/layui.min.css"
		integrity="sha512-iQBJbsNHXUcgEIgWThd2dr8tOdKPvICwqjPEZYY81z3eMya44A5MiAqfWSCh+Ee1YzNYkdrI982Qhwgr8LEYOQ=="
		crossorigin="anonymous" referrerpolicy="no-referrer" />
	<script src="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/layui.min.js"
		integrity="sha512-EKrFvch3qTzLFQgjbcjpsRmF8T3UCtc9ojtMAu6dvvP+bV8qYUDOaQ84nwYCkSLT7lbqGoya/Kf+8fyCBE0vRg=="
		crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->

	<!-- 引入修改样式	-->
	<link rel="stylesheet" href="./styles/formatChange.css?v=1690535544811">

	<script type="text/javascript">
		/**
		 * URL Parameters and protocol description are here:
		 *
		 * https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported
		 *
		 * Parameters for developers:
		 *
		 * - dev=1: For developers only
		 * - test=1: For developers only
		 * - export=URL for export: For developers only
		 * - ignoremime=1: For developers only (see DriveClient.js). Use Cmd-S to override mime.
		 * - createindex=1: For developers only (see etc/build/README)
		 * - filesupport=0: For developers only (see Editor.js in core)
		 * - savesidebar=1: For developers only (see Sidebar.js)
		 * - pages=1: For developers only (see Pages.js)
		 * - lic=email: For developers only (see LicenseServlet.java)
		 * --
		 * - networkshapes=1: For testing network shapes (temporary)
		 */
		var urlParams = (function () {
			var result = new Object();
			var params = window.location.search.slice(1).split('&');

			for (var i = 0; i < params.length; i++) {
				var idx = params[i].indexOf('=');

				if (idx > 0) {
					result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
				}
			}

			return result;
		})();

		// Forces CDN caches by passing URL parameters via URL hash
		if (window.location.hash != null && window.location.hash.substring(0, 2) == '#P') {
			try {
				urlParams = JSON.parse(decodeURIComponent(window.location.hash.substring(2)));

				if (urlParams.hash != null) {
					window.location.hash = urlParams.hash;
				}
			} catch (e) {
				// ignore
			}
		}

		// Global variable for desktop
		var mxIsElectron = window && window.process && window.process.type;

		// Redirects page if required
		if (urlParams['dev'] != '1') {
			(function () {
				var proto = window.location.protocol;

				if (!mxIsElectron) {
					var host = window.location.host;

					// Redirects apex, drive and rt to www
					if (host === 'draw.io' || host === 'rt.draw.io' || host === 'drive.draw.io') {
						host = 'www.draw.io';
					}

					var href = proto + '//' + host + window.location.href.substring(
						window.location.protocol.length +
						window.location.host.length + 2);

					// Redirects if href changes
					if (href != window.location.href) {
						window.location.href = href;
					}
				}
			})();
		}

		/**
		 * Adds meta tag to the page.
		 */
		function mxmeta(name, content, httpEquiv) {
			try {
				var s = document.createElement('meta');

				if (name != null) {
					s.setAttribute('name', name);
				}

				s.setAttribute('content', content);

				if (httpEquiv != null) {
					s.setAttribute('http-equiv', httpEquiv);
				}

				var t = document.getElementsByTagName('meta')[0];
				t.parentNode.insertBefore(s, t);
			} catch (e) {
				// ignore
			}
		};

		/**
		 * Synchronously adds scripts to the page.
		 */
		function mxscript(src, onLoad, id, dataAppKey, noWrite) {
			var defer = onLoad == null && !noWrite;

			if ((urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function") ||
				onLoad != null || noWrite) {
				var s = document.createElement('script');
				s.setAttribute('type', 'text/javascript');
				s.setAttribute('defer', 'true');
				s.setAttribute('src', src);

				if (id != null) {
					s.setAttribute('id', id);
				}

				if (dataAppKey != null) {
					s.setAttribute('data-app-key', dataAppKey);
				}

				if (onLoad != null) {
					var r = false;

					s.onload = s.onreadystatechange = function () {
						if (!r && (!this.readyState || this.readyState == 'complete')) {
							r = true;
							onLoad();
						}
					};
				}

				var t = document.getElementsByTagName('script')[0];

				if (t != null) {
					t.parentNode.insertBefore(s, t);
				}
			} else {
				document.write('<script src="' + src + '"' + ((id != null) ? ' id="' + id + '" ' : '') +
					((dataAppKey != null) ? ' data-app-key="' + dataAppKey + '" ' : '') + '></scr' + 'ipt>');
			}
		};

		/**
		 * Asynchronously adds scripts to the page.
		 */
		function mxinclude(src) {
			var g = document.createElement('script');
			g.type = 'text/javascript';
			g.async = true;
			g.src = src;

			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(g, s);
		};

		/**
		 * Adds meta tags with application name (depends on offline URL parameter)
		 */
		(function () {
			var name = 'diagrams.net';
			mxmeta('apple-mobile-web-app-title', name);
			mxmeta('application-name', name);

			if (mxIsElectron) {
				mxmeta(null, 'default-src \'self\' \'unsafe-inline\'; connect-src \'self\' https://*.draw.io https://fonts.googleapis.com https://fonts.gstatic.com; img-src * data:; media-src *; font-src *; style-src-elem \'self\' \'unsafe-inline\' https://fonts.googleapis.com', 'Content-Security-Policy');
			}
		})();

		// Checks for local storage
		var isLocalStorage = false;

		try {
			isLocalStorage = urlParams['local'] != '1' && typeof (localStorage) != 'undefined';
		} catch (e) {
			// ignored
		}

		var mxScriptsLoaded = false, mxWinLoaded = false;

		function checkAllLoaded() {
			if (mxScriptsLoaded && mxWinLoaded) {
				App.main();
			}
		};

		var t0 = new Date();

		// Changes paths for local development environment
		if (urlParams['dev'] == '1') {
			// Used to request grapheditor/mxgraph sources in dev mode
			var mxDevUrl = document.location.protocol + '//devhost.jgraph.com/drawio/src/main';
			// var mxDevUrl =  document.location.protocol + '//192.168.10.104:8083/thingskit-drawio/';

			// Used to request draw.io sources in dev mode
			var drawDevUrl = document.location.protocol + '//devhost.jgraph.com/drawio/src/main/webapp/';
			// var drawDevUrl = document.location.protocol + '//192.168.10.104:8083/thingskit-drawio/';
			var geBasePath = drawDevUrl + '/js/grapheditor';
			var mxBasePath = mxDevUrl + '/mxgraph';

			if (document.location.protocol == 'file:') {
				geBasePath = './js/grapheditor';
				mxBasePath = './mxgraph';
				drawDevUrl = './';

				// Forces includes for dev environment in node.js
				mxForceIncludes = true;
			}
			if (location.hostname == 'localhost' || location.hostname == '127.0.0.1' || location.hostname == '192.168.10.114') {
				drawDevUrl = `http://${location.hostname}:3000/`;
				geBasePath = `http://${location.hostname}:3000/js/grapheditor`;
				mxBasePath = `http://${location.hostname}:3000/mxgraph`;
				mxForceIncludes = true;
			}
			mxForceIncludes = false;

			mxscript(drawDevUrl + 'js/PreConfig.js');
			mxscript(drawDevUrl + 'js/diagramly/Init.js');
			mxscript(geBasePath + '/Init.js');
			mxscript(mxBasePath + '/mxClient.js');

			// Adds all JS code that depends on mxClient. This indirection via Devel.js is
			// required in some browsers to make sure mxClient.js (and the files that it
			// loads asynchronously) are available when the code loaded in Devel.js runs.
			mxscript(drawDevUrl + 'js/diagramly/Devel.js');

			// Electron
			if (mxIsElectron) {
				mxscript('js/diagramly/DesktopLibrary.js');
				mxscript('js/diagramly/ElectronApp.js');
			}

			mxscript(drawDevUrl + 'js/PostConfig.js');
		} else {
			(function () {
				var hostName = window.location.hostname;

				// Supported domains are *.draw.io and the packaged version in Quip
				var supportedDomain = (hostName.substring(hostName.length - 8, hostName.length) === '.draw.io') ||
					(hostName.substring(hostName.length - 13, hostName.length) === '.diagrams.net');

				const releaseVersion = '1690535544811'
				const appMinSrc = Enable_OSS ? `${OSS_Prefix}app.min.js?v=${releaseVersion}` : `js/app.min.js?v=${releaseVersion}`
				function loadAppJS() {
					mxscript(appMinSrc, function () {
						mxScriptsLoaded = true;
						checkAllLoaded();

						// Electron
						if (mxIsElectron) {
							mxscript('js/diagramly/DesktopLibrary.js', function () {
								mxscript('js/diagramly/ElectronApp.js', function () {
									mxscript('js/extensions.min.js', function () {
										mxscript('js/stencils.min.js', function () {
											mxscript('js/shapes-14-6-5.min.js', function () {
												mxscript('js/PostConfig.js');
											});
										});
									});
								});
							});
						} else if (!supportedDomain) {
							mxscript('js/PostConfig.js');
						}
					});
				};

				if (!supportedDomain || mxIsElectron) {
					mxscript('js/PreConfig.js', loadAppJS);
				} else {
					loadAppJS();
				}
			})();
		}

		// Adds basic error handling
		window.onerror = function () {
			var status = document.getElementById('geStatus');

			if (status != null) {
				status.innerHTML = 'Page could not be loaded. Please try refreshing.';
			}
		};
	</script>
	<!-- <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/plgmlhohecdddhbmmkncjdmlhcmaachm"> -->
	<!-- <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png"> -->
	<!--	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">-->
	<link rel="icon" type="image/png" sizes="32x32" href="images/logo-32x32.png">
	<!-- <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png"> -->
	<!--	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">-->
	<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#d89000">
	<link rel="stylesheet" type="text/css" href="styles/grapheditor.css">
	<!-- <link rel="preconnect" href="https://storage.googleapis.com">
	<link rel="canonical" href="https://app.diagrams.net">
	<link rel="manifest" href="images/manifest.json"> -->
	<!--	<link rel="shortcut icon" href="favicon.ico">-->
	<link rel="shortcut icon" href="images/logo-16x16.ico">
	<style type="text/css">
		body {
			overflow: hidden;
		}

		div.picker {
			z-index: 10007;
		}

		.geSidebarContainer .geTitle input {
			font-size: 8pt;
			color: #606060;
		}

		.geBlock {
			z-index: -3;
			margin: 100px;
			margin-top: 40px;
			margin-bottom: 30px;
			padding: 20px;
			text-align: center;
			min-width: 50%;
		}

		.geBlock h1,
		.geBlock h2 {
			margin-top: 0px;
			padding-top: 0px;
		}

		.geEditor *:not(.geScrollable)::-webkit-scrollbar {
			width: 14px;
			height: 14px;
		}

		.geEditor ::-webkit-scrollbar-track {
			background-clip: padding-box;
			border: solid transparent;
			border-width: 1px;
		}

		.geEditor ::-webkit-scrollbar-corner {
			background-color: transparent;
		}

		.geEditor ::-webkit-scrollbar-thumb {
			background-color: rgba(0, 0, 0, .1);
			background-clip: padding-box;
			border: solid transparent;
			border-radius: 10px;
		}

		.geEditor ::-webkit-scrollbar-thumb:hover {
			background-color: rgba(0, 0, 0, .4);
		}

		.geTemplate {
			border: 1px solid transparent;
			display: inline-block;
			_display: inline;
			vertical-align: top;
			border-radius: 3px;
			overflow: hidden;
			font-size: 14pt;
			cursor: pointer;
			margin: 5px;
		}

	</style>
	<!-- Workaround for binary XHR in IE 9/10, see App.loadUrl -->
	<!--[if (IE 9)|(IE 10)]><!-->
	<script type="text/vbscript">
			Function mxUtilsBinaryToArray(Binary)
				Dim i
				ReDim byteArray(LenB(Binary))
				For i = 1 To LenB(Binary)
					byteArray(i-1) = AscB(MidB(Binary, i, 1))
				Next
				mxUtilsBinaryToArray = byteArray
			End Function

    </script>
	<!--<![endif]-->
	<style>
		figure {
			position: absolute;
			margin: auto;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 6.250em;
			height: 6.250em;
			animation: rotate 2.4s linear infinite;
		}

		.white {
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: white;
			animation: flash 2.4s linear infinite;
			opacity: 0;
		}

		.dot {
			position: absolute;
			margin: auto;
			width: 2.4em;
			height: 2.4em;
			border-radius: 100%;
			transition: all 1s ease;
		}

		.dot:nth-child(2) {
			top: 0;
			bottom: 0;
			left: 0;
			background: #FF4444;
			animation: dotsY 2.4s linear infinite;
		}

		.dot:nth-child(3) {
			left: 0;
			right: 0;
			top: 0;
			background: #FFBB33;
			animation: dotsX 2.4s linear infinite;
		}

		.dot:nth-child(4) {
			top: 0;
			bottom: 0;
			right: 0;
			background: #99CC00;
			animation: dotsY 2.4s linear infinite;
		}

		.dot:nth-child(5) {
			left: 0;
			right: 0;
			bottom: 0;
			background: #33B5E5;
			animation: dotsX 2.4s linear infinite;
		}

		@keyframes rotate {
			0% {
				transform: rotate(0);
			}

			10% {
				width: 6.250em;
				height: 6.250em;
			}

			66% {
				width: 2.4em;
				height: 2.4em;
			}

			100% {
				transform: rotate(360deg);
				width: 6.250em;
				height: 6.250em;
			}
		}

		@keyframes dotsY {
			66% {
				opacity: .1;
				width: 2.4em;
			}

			77% {
				opacity: 1;
				width: 0;
			}
		}

		@keyframes dotsX {
			66% {
				opacity: .1;
				height: 2.4em;
			}

			77% {
				opacity: 1;
				height: 0;
			}
		}

		@keyframes flash {
			33% {
				opacity: 0;
				border-radius: 0%;
			}

			55% {
				opacity: .6;
				border-radius: 100%;
			}

			66% {
				opacity: 0;
			}
		}

	</style>
</head>

<body class="geEditor">
	<div id="geInfo">
		<div class="geBlock">
			<!-- ThingsKit云组态启动中，请耐心等待 -->
			<h1 id="textSpecialEffects" style="width: 100%; height: 300px"></h1>
		</div>
		<figure>
			<div class="dot white"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</figure>
	</div>
	<script>

		function isMobile() {
			var urlParams = (function () {
				var result = new Object();
				var params = window.location.search.slice(1).split('&');

				for (var i = 0; i < params.length; i++) {
					var idx = params[i].indexOf('=');

					if (idx > 0) {
						result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
					}
				}

				return result;
			})();
			return !!urlParams.userId;
		}
		var timeInterval = setInterval(() => {
			let platfromInfo = {}
			try {
				platfromInfo = GLOBAL_PLATFORM_INFO
				if (platfromInfo.logo) {
					const icoLink = document.querySelectorAll('link[rel*="ico"]')
					icoLink.forEach(item => {
						item.setAttribute('href', platfromInfo.icon)
					})
				}

			} catch (error) {

			}

			try {
				if (!echarts) return
				clearInterval(timeInterval)
				timeInterval = null
			} catch (error) {

			}
			var chartDom
			var myChart
			try {
				chartDom = document.getElementById('textSpecialEffects');
				myChart = echarts.init(chartDom);
			} catch (Error) {

			}

			var option;

			option = {
				graphic: {
					elements: [
						{
							type: 'text',
							left: 'center',
							top: 'center',
							style: {
								text: platfromInfo.name || 'Scada',
								fontSize: isMobile() ? 20 : 70,
								fontWeight: 'bold',
								lineDash: [0, 200],
								lineDashOffset: 0,
								fill: 'transparent',
								stroke: '#000',
								lineWidth: 1
							},
							keyframeAnimation: {
								duration: 1000,
								loop: true,
								keyframes: [
									{
										percent: 0.7,
										style: {
											fill: 'transparent',
											lineDashOffset: 200,
											lineDash: [200, 0]
										}
									},
									{
										// Stop for a while.
										percent: 0.8,
										style: {
											fill: 'transparent'
										}
									},
									{
										percent: 1,
										style: {
											fill: 'black'
										}
									}
								]
							}
						}
					]
				}
			};

			try {
				option && myChart.setOption(option);
			} catch (error) { }
		}, 300);

	</script>
	<script type="text/javascript">
		/**
		 * Main
		 */
		if (navigator.userAgent != null && navigator.userAgent.toLowerCase().indexOf(' electron/') >= 0 && typeof process !== 'undefined' && process.versions.electron < 5) {
			// Redirects old Electron app to latest version
			var div = document.getElementById('geInfo');

			if (div != null) {
				div.innerHTML = '<center><h2>You are using an out of date version of this app.<br>Please download the latest version ' +
					'<a href="https://github.com/jgraph/drawio-desktop/releases/latest" target="_blank">here</a>.</h2></center>';
			}
		} else {
			if (urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function") {
				window.addEventListener('load', function () {
					mxWinLoaded = true;
					checkAllLoaded();
				});
			} else {
				App.main();
			}
		}
	</script>
</body>

</html>