Главная Обзор Помощь
Регистрация Вход
VBDSM
/
UI
2
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

Add 大屏

YueYunyun 2 лет назад
Родитель
1aa2252871
Сommit
6ccb927f0a
16 измененных файлов с 704 добавлено и 2 удалено
Единый вид Показать статистику Diff
  1. 2 2
      VbdsmUI_V2.1.1/src/pc/manage/app_edit.html
  2. 351 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/01.html
  3. 17 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/1.svg
  4. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/bg.png
  5. 30 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/border copy.svg
  6. 21 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/border.svg
  7. 178 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/dec/1.svg
  8. 12 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/dec/header.svg
  9. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/blue-location.png
  10. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/close.png
  11. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company-default.jpg
  12. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company.png
  13. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company_blue.png
  14. 0 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/map.less
  15. BIN
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/red-location.png
  16. 93 0
      VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/title.svg

+ 2 - 2
VbdsmUI_V2.1.1/src/pc/manage/app_edit.html
Просмотреть файл 

@@ -19,9 +19,9 @@
 
 			<div class="right">
 
 			<div class="right">
 
 				<input name="icon" type="text" value="{{data.icon}}" />
 
 				<input name="icon" type="text" value="{{data.icon}}" />
 
 				{{LNG.app_icon_show}}
 
 				{{LNG.app_icon_show}}
 
-				<a class="button open" href='javascript:core.openIE("http://explorer.vbdsm.com/upload.html",{title:"设置应用图标",width:550,height:160});'>
 
+				<!-- <a class="button open" href='javascript:core.openIE("http://explorer.vbdsm.com/upload.html",{title:"设置应用图标",width:550,height:160});'>
 
 					<img src="/images/app/computer.png" />
 
 					<img src="/images/app/computer.png" />
 
-				</a>
 
+				</a> -->
 
 			</div>
 
 			</div>
 
 			<div style="clear: both"></div>
 
 			<div style="clear: both"></div>
 
 		</div>
 
 		</div>

+ 351 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/01.html
Просмотреть файл 

@@ -0,0 +1,351 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+	<head>
 
+		<meta charset="UTF-8" />
 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+		<script src="https://webapi.amap.com/loader.js"></script>
 
+		<title>数据大屏</title>
 
+		<style>
 
+			* {
 
+				box-sizing: border-box;
 
+			}
 
+			body {
 
+				margin: 0;
 
+				padding: 0;
 
+				width: 100%;
 
+				background-color: #000;
 
+				background-image: url(./images/bg.png);
 
+				display: flex;
 
+				color: #fff;
 
+				overflow: hidden;
 
+				box-sizing: border-box;
 
+				--margin: 10px;
 
+				--padding: 10px;
 
+				--color: #1f449a;
 
+				--border-color: var(--color);
 
+				--color1: #27b484;
 
+				--h-color: #3ba9f6;
 
+			}
 
+			.border-svg-container {
 
+				position: absolute;
 
+				width: 100%;
 
+				height: 100%;
 
+				top: 0;
 
+				left: 0;
 
+			}
 
+			.margin {
 
+				margin: var(--margin);
 
+			}
 
+			.margin-x {
 
+				margin-left: var(--margin);
 
+				margin-right: var(--margin);
 
+			}
 
+			.mt {
 
+				margin-top: var(--margin);
 
+			}
 
+			.mb {
 
+				margin-bottom: var(--margin);
 
+			}
 
+			.margin-y {
 
+				margin-top: var(--margin);
 
+				margin-bottom: var(--margin);
 
+			}
 
+			.padding {
 
+				padding: var(--padding);
 
+			}
 
+			.main {
 
+				margin: 0;
 
+				width: 100%;
 
+				height: 100vh;
 
+				display: flex;
 
+				flex: 1 auto;
 
+			}
 
+
 
+			.box {
 
+				padding: 0;
 
+				/* border: 1px solid var(--border-color); */
 
+			}
 
+			.d-flex {
 
+				display: flex;
 
+			}
 
+			.flex-center {
 
+				justify-content: center;
 
+				align-items: center;
 
+			}
 
+			.flex-row {
 
+				display: flex;
 
+				flex-direction: row;
 
+			}
 
+			.flex-column {
 
+				display: flex;
 
+				flex-direction: column;
 
+			}
 
+			.flex-column-auto {
 
+				flex: none;
 
+			}
 
+			.flex-column-fluid {
 
+				flex: 1 0 auto;
 
+			}
 
+			.flex-row-auto {
 
+				flex: 0 0 auto;
 
+			}
 
+			.flex-row-fluid {
 
+				flex: 1 auto;
 
+			}
 
+
 
+			.header {
 
+				padding: 0;
 
+				color: var(--h-color);
 
+				font-family: 'HeiTi';
 
+			}
 
+			.header .time {
 
+				display: flex;
 
+				align-items: center;
 
+				font-size: 30px;
 
+				height: 100%;
 
+				padding-left: 30px;
 
+			}
 
+			.header .date {
 
+				display: flex;
 
+				flex-direction: column;
 
+				align-items: flex-end;
 
+				justify-content: center;
 
+				padding-right: 30px;
 
+				font-size: 16px;
 
+				height: 100%;
 
+				font-weight: 600;
 
+			}
 
+			.header .svg-box {
 
+				position: absolute;
 
+				width: 100%;
 
+				height: 100%;
 
+			}
 
+			.header .svg-box img {
 
+				position: absolute;
 
+				height: 100%;
 
+				width: 800px;
 
+				top: 8px;
 
+				left: 50%;
 
+				transform: translateX(-50%);
 
+			}
 
+			.header .title {
 
+				color: #eee;
 
+				margin-top: 15px;
 
+				text-align: center;
 
+				font-size: 26px;
 
+				font-weight: 600;
 
+				font-family: 'YouYuan', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
+				letter-spacing: 2px;
 
+				text-shadow: 2px 2px 5px #fff;
 
+			}
 
+
 
+			.box-card {
 
+				display: flex;
 
+				flex-direction: column;
 
+				width: 100%;
 
+				height: 100%;
 
+				background-color: rgba(0, 0, 0, 0.2);
 
+				border: none;
 
+				color: #fff;
 
+				border-radius: 10px;
 
+				border: 2px solid var(--border-color);
 
+			}
 
+			.box-card .box_header {
 
+				display: flex;
 
+				align-items: center;
 
+				justify-content: space-between;
 
+				flex: none;
 
+				padding-left: 15px;
 
+				height: 40px;
 
+				border-bottom: 2px solid var(--border-color);
 
+				font-weight: 600;
 
+				font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 
+			}
 
+			.box-card .box_header .svg-box {
 
+				height: 100%;
 
+				width: 300px;
 
+			}
 
+			.box-card .box_header .svg-box img {
 
+				width: 100%;
 
+				height: 100%;
 
+			}
 
+			.box-card .box_body {
 
+				padding: 10px;
 
+				flex: 1 0 auto;
 
+			}
 
+			.map-container {
 
+				width: 100%;
 
+				height: calc(100% + 22px);
 
+			}
 
+		</style>
 
+	</head>
 
+	<body>
 
+		<div class="main flex-column">
 
+			<div class="d-flex flex-column-auto header" style="height: 60px">
 
+				<div class="flex-row-auto" style="width: 20%">
 
+					<span class="time" id="time">
 
+						<span class="h"></span>
 
+						:
 
+						<span class="m"></span>
 
+						:
 
+						<span class="s"></span>
 
+					</span>
 
+				</div>
 
+				<div class="flex-row-fluid flex-center" style="position: relative">
 
+					<div class="svg-box">
 
+						<img src="./images/dec/header.svg" alt="" />
 
+					</div>
 
+					<div class="title">电力运维平台</div>
 
+				</div>
 
+				<div class="flex-row-auto" style="width: 20%">
 
+					<span class="date" id="date">
 
+						<span class="w"></span>
 
+						<span class="d"></span>
 
+					</span>
 
+				</div>
 
+			</div>
 
+			<div class="d-flex flex-column-fluid mb">
 
+				<div class="box margin-x flex-row-fluid">
 
+					<div class="box-card">
 
+						<div class="box_header">
 
+							<div class="title">全局概览</div>
 
+							<div class="svg-box">
 
+								<img src="./images/dec/1.svg" alt="" />
 
+							</div>
 
+						</div>
 
+						<div class="box_body" style="padding: 0; overflow: hidden">
 
+							<div class="map-container" id="map-container"></div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+				<div class="box margin-x flex-column flex-row-auto" style="width: 30%">
 
+					<div class="box flex-column-auto mb" style="height: 70%">
 
+						<div class="box-card">
 
+							<div class="box_header">
 
+								<div class="title">全局概览</div>
 
+								<div class="svg-box">
 
+									<img src="./images/dec/1.svg" alt="" />
 
+								</div>
 
+							</div>
 
+							<div class="box_body" style="padding: 0; overflow: hidden">
 
+								<div class="map-container" id="map-container"></div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="box flex-column-fluid mt">
 
+						<div class="box-card">
 
+							<div class="box_header">
 
+								<div class="title">全局概览</div>
 
+								<div class="svg-box">
 
+									<img src="./images/dec/1.svg" alt="" />
 
+								</div>
 
+							</div>
 
+							<div class="box_body" style="padding: 0; overflow: hidden">
 
+								<div class="map-container" id="map-container"></div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+				<!-- <div class="box margin flex-column flex-row-auto" style="width: 20%"></div> -->
 
+			</div>
 
+		</div>
 
+		<script src="http://static.shvber.com/js/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
 
+		<script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js"></script>
 
+		<script src="http://static.vbdsm.com/js/util.js" type="text/javascript"></script>
 
+
 
+		<script>
 
+			var cid = $.query.get('auth_cid')
 
+			$('body').append('<script src="/system/lang/desktop/config.json?script=1&auth_cid=' + cid + '"><\/script>')
 
+			//var host = jQuery.parseJSON(AUTH.site.config).platform['01200009'] + '.' + AUTH.site.domain
 
+			//console.log(host)
 
+
 
+			window._AMapSecurityConfig = {
 
+				securityJsCode: 'b815cb3bb6aa8516fcfe8c506abe9da2',
 
+			}
 
+			AMapLoader.load({
 
+				key: '0da67b4ef98b3975eed48e8f8d42f9cd', //申请好的Web端开发者 Key，调用 load 时必填
 
+				version: '2.0', //指定要加载的 JS API 的版本，缺省时默认为 1.4.15
 
+				plugins: ['AMap.Scale', 'AMap.HawkEye', 'AMap.ToolBar', 'AMap.ControlBar'],
 
+			})
 
+				.then((AMap) => {
 
+					const _map = new AMap.Map('map-container', {
 
+						//设置地图容器id
 
+						viewMode: '3D', //是否为3D地图模式
 
+						rotation: 45,
 
+						pitch: 65,
 
+						zoom: 10, //初始化地图级别
 
+					})
 
+					const scale = new AMap.Scale(),
 
+						toolBar = new AMap.ToolBar({
 
+							position: {
 
+								top: '110px',
 
+								right: '40px',
 
+							},
 
+						}),
 
+						controlBar = new AMap.ControlBar({
 
+							position: {
 
+								top: '10px',
 
+								right: '10px',
 
+							},
 
+						}),
 
+						overView = new AMap.HawkEye({
 
+							opened: false,
 
+						})
 
+					_map.addControl(scale)
 
+					_map.addControl(toolBar)
 
+					_map.addControl(controlBar)
 
+					_map.addControl(overView)
 
+					overView.hide()
 
+					_map.setMapStyle('amap://styles/1f1485e5beb2382bd068587d161155a2')
 
+				})
 
+				.catch((e) => {
 
+					console.error(e) //加载错误提示
 
+				})
 
+			console.log('---', AUTH.site)
 
+			let pageNumber = 1,
 
+				pageSize = 10
 
+
 
+			function getCompany() {
 
+				var url = `/web/powerservice/getList.json`
 
+				console.log(url)
 
+				ajax({
 
+					url: url,
 
+					type: 'post',
 
+					dataType: 'json',
 
+					data: {
 
+						name: '',
 
+						pageNo: pageNumber,
 
+						pageSize: pageSize,
 
+						province: '',
 
+						city: '',
 
+						district: '',
 
+					},
 
+					success: function (data) {
 
+						console.log(data)
 
+					},
 
+				})
 
+			}
 
+		</script>
 
+		<script>
 
+			$(function () {
 
+				initCurrentDateTime()
 
+				getCompany()
 
+			})
 
+			function initCurrentDateTime() {
 
+				setInterval(() => {
 
+					var date = new Date()
 
+					var d = `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
 
+						w = `星期${'日一二三四五六'.charAt(date.getDay())}`,
 
+						h = (date.getHours() + '').padStart(2, '0'),
 
+						m = (date.getMinutes() + '').padStart(2, '0'),
 
+						s = (date.getSeconds() + '').padStart(2, '0')
 
+					$('#date .w').html(w)
 
+					$('#date .d').html(d)
 
+					$('#time .h').html(h)
 
+					$('#time .m').html(m)
 
+					$('#time .s').html(s)
 
+				}, 1000)
 
+			}
 
+		</script>
 
+	</body>
 
+</html>

+ 17 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/1.svg
Просмотреть файл 

@@ -0,0 +1,17 @@
 
+<svg width="150px" height="150px" class="left-top border">
 
+  <polygon
 
+    points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
 
+    fill="#4fd2dd">
 
+    <animate attributeName="fill" values="#4fd2dd;#235fa7;#4fd2dd" dur="0.5s" begin="0s" repeatCount="indefinite">
 
+    </animate>
 
+  </polygon>
 
+  <polygon points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" fill="#235fa7">
 
+    <animate attributeName="fill" values="#235fa7;#4fd2dd;#235fa7" dur="0.5s" begin="0s" repeatCount="indefinite">
 
+    </animate>
 
+  </polygon>
 
+  <polygon points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
 
+    fill="#4fd2dd">
 
+    <animate attributeName="fill" values="#4fd2dd;#235fa7;transparent" dur="1s" begin="0s" repeatCount="indefinite">
 
+    </animate>
 
+  </polygon>
 
+</svg>

BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/bg.png
Просмотреть файл


+ 30 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/border copy.svg
Просмотреть файл 

@@ -0,0 +1,30 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 300 300" class="right-top border">
 
+  <symbol id="base" width="150" height="150">
 
+    <polygon
 
+      points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
 
+      fill="#4fd2dd">
 
+      <animate attributeName="fill" values="#4fd2dd;#235fa7;#4fd2dd" dur="0.5s" begin="0s" repeatCount="indefinite">
 
+      </animate>
 
+    </polygon>
 
+    <polygon points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" fill="#235fa7">
 
+      <animate attributeName="fill" values="#235fa7;#4fd2dd;#235fa7" dur="0.5s" begin="0s" repeatCount="indefinite">
 
+      </animate>
 
+    </polygon>
 
+    <polygon points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
 
+      fill="#4fd2dd">
 
+      <animate attributeName="fill" values="#4fd2dd;#235fa7;transparent" dur="1s" begin="0s" repeatCount="indefinite">
 
+      </animate>
 
+    </polygon>
 
+  </symbol>
 
+  <use href="#base" width="150" height="150" />
 
+  <use href="#base" width="150" height="150" x="0" style="
 
+  transform-origin:center center;
 
+  transform:rotateY(180deg);" />
 
+  <use href="#base" width="150" height="150" y="0" style="
 
+  transform-origin:center center;
 
+  transform: rotateX(180deg);" />
 
+  <use href="#base" width="150" height="150" x="0" y="0" style="
 
+  transform-origin:center center;
 
+  transform: rotateX(180deg) rotateY(180deg);" />
 
+
 
+</svg>

+ 21 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/border.svg
Просмотреть файл 

@@ -0,0 +1,21 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 680 240" class="dv-border-svg-container">
 
+  <defs>
 
+    <path id="border-box-8-path" d="M2.5, 2.5 L677.5, 2.5 L677.5, 237.5 L2.5, 237.5 L2.5, 2.5" fill="transparent">
 
+    </path>
 
+    <radialGradient id="border-box-8-gradient" cx="50%" cy="50%" r="50%">
 
+      <stop offset="0%" stop-color="#fff" stop-opacity="1"></stop>
 
+      <stop offset="100%" stop-color="#fff" stop-opacity="0"></stop>
 
+    </radialGradient>
 
+    <mask id="border-box-8-mask">
 
+      <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient)">
 
+        <animateMotion dur="3s" path="M2.5, 2.5 L677.5, 2.5 L677.5, 237.5 L2.5, 237.5 L2.5, 2.5" rotate="auto"
 
+          repeatCount="indefinite"></animateMotion>
 
+      </circle>
 
+    </mask>
 
+  </defs>
 
+  <polygon fill="transparent" points="5, 5 675, 5 675 235 5, 235"></polygon>
 
+  <use stroke-width="1" href="#border-box-8-path" stroke="#235fa7"></use>
 
+  <use stroke-width="3" href="#border-box-8-path" mask="url(#border-box-8-mask)" stroke="#4fd2dd">
 
+    <animate attributeName="stroke-dasharray" from="0, 1830" to="1830, 0" dur="3s" repeatCount="indefinite"></animate>
 
+  </use>
 
+</svg>

+ 178 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/dec/1.svg
Просмотреть файл 

@@ -0,0 +1,178 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 300 30">
 
+  <rect fill="#1E77B3" x="8.038461538461538" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.9802358298367067s" begin="1.5665624069464412"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="19.576923076923077" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.8079843323829157s" begin="0.45705870505509694"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="31.115384615384613" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.4675650195292191s" begin="1.0803201432280352"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="42.65384615384615" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5354059480846596s" begin="1.9330663416934963"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="54.19230769230769" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.4913130129739207s" begin="0.12382238904918852"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="65.73076923076923" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.928236748268784s" begin="1.892890643278922"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="77.26923076923077" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="88.8076923076923" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="100.34615384615384" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="111.88461538461539" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="123.42307692307692" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="134.96153846153845" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="146.5" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.9881314084763604s" begin="1.4252096336332358"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="158.03846153846155" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="169.57692307692307" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.4059006832500065s" begin="0.6639718708760203"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="181.1153846153846" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="192.65384615384616" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="204.19230769230768" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.048121912928511s" begin="1.9317500648829804"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="215.73076923076923" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5944112219637578s" begin="1.3195149646949855"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="227.26923076923077" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5210568672490044s" begin="0.7486217554522492"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="238.8076923076923" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="250.34615384615384" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.1200547922559652s" begin="1.8735809346836794"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="261.88461538461536" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="273.4230769230769" y="8.16" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="284.96153846153845" y="8.16" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.9378290375136897s" begin="0.2583635026587676"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="8.038461538461538" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="19.576923076923077" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.2860276773144588s" begin="1.6680355904697706"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="31.115384615384613" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.9033237591992576s" begin="0.5293627977187825"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="42.65384615384615" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.183406324742816s" begin="0.8026056049089916"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="54.19230769230769" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="65.73076923076923" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.8445954700696134s" begin="0.5614152425400718"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="77.26923076923077" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="88.8076923076923" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="100.34615384615384" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="111.88461538461539" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.0197691842404732s" begin="0.028204407227566453"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="123.42307692307692" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.2241107211264304s" begin="1.0474225221850757"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="134.96153846153845" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="146.5" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.6373105427467933s" begin="0.689874483332173"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="158.03846153846155" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.0395669442880973s" begin="0.10734552161264466"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="169.57692307692307" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="181.1153846153846" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="192.65384615384616" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5567458209434697s" begin="0.5083525542255201"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="204.19230769230768" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="215.73076923076923" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="227.26923076923077" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.3817388404549087s" begin="0.7217052669381379"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="238.8076923076923" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5743030860147638s" begin="0.5524250090930165"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="250.34615384615384" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="261.88461538461536" y="19.83" width="7" height="7">
 
+    <!---->
 
+  </rect>
 
+  <rect fill="#1E77B3" x="273.4230769230769" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.5621821949960784s" begin="1.4424928490381204"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+  <rect fill="#1E77B3" x="284.96153846153845" y="19.83" width="7" height="7">
 
+    <animate attributeName="fill" values="#1E77B3;transparent" dur="1.4908450217194866s" begin="0.6455036587008234"
 
+      repeatCount="indefinite"></animate>
 
+  </rect>
 
+</svg>

+ 12 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/dec/header.svg
Просмотреть файл 

@@ -0,0 +1,12 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 768 80">
 
+  <polyline fill="transparent" stroke-width="4"
 
+    points="0,18 138.24,18 153.6,36 192,36 207.36,54 552.96,54 576,36 614.4,36 629.76,18 768,18" stroke="#00206e">
 
+    <animate attributeName="stroke-dasharray" attributeType="XML" from="0, 396.73457750675294, 0, 396.73457750675294"
 
+      to="0, 0, 793.47, 0" dur="3s" begin="0s" calcMode="spline" keyTimes="0;1" keySplines="0.4,1,0.49,0.98"
 
+      repeatCount="indefinite"></animate>
 
+  </polyline>
 
+  <polyline fill="transparent" stroke-width="4" points="230.4,64 537.6,64" stroke="#00206e">
 
+    <animate attributeName="stroke-dasharray" attributeType="XML" from="0, 153.6, 0, 153.6" to="0, 0, 307.2, 0" dur="3s"
 
+      begin="0s" calcMode="spline" keyTimes="0;1" keySplines=".4,1,.49,.98" repeatCount="indefinite"></animate>
 
+  </polyline>
 
+</svg>

BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/blue-location.png
Просмотреть файл


BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/close.png
Просмотреть файл


BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company-default.jpg
Просмотреть файл


BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company.png
Просмотреть файл


BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/company_blue.png
Просмотреть файл


+ 0 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/map.less
Просмотреть файл


BIN
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/map/red-location.png
Просмотреть файл


+ 93 - 0
VbdsmUI_V2.1.1/src/pc/powerservice/bigScreen/images/title.svg
Просмотреть файл 

@@ -0,0 +1,93 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 680 240" class="dv-border-svg-container">
 
+  <defs>
 
+    <filter id="vber-filterId" height="150%" width="150%" x="-25%" y="-25%">
 
+      <feMorphology operator="dilate" radius="2" in="SourceAlpha" result="thicken"></feMorphology>
 
+      <feGaussianBlur in="thicken" stdDeviation="3" result="blurred"></feGaussianBlur>
 
+      <feFlood result="glowColor" flood-color="#1f33a2"></feFlood>
 
+      <feComposite in="glowColor" in2="blurred" operator="in" result="softGlowColored"></feComposite>
 
+      <feMerge>
 
+        <feMergeNode in="softGlowColored"></feMergeNode>
 
+        <feMergeNode in="SourceGraphic"></feMergeNode>
 
+      </feMerge>
 
+    </filter>
 
+  </defs>
 
+  <polygon fill="transparent" points="
 
+      20, 32 215, 32 235, 53
 
+      445, 53 465, 32
 
+      660, 32 672, 48 672, 215 660, 232
 
+      20, 232 8, 215 8, 50
 
+    "></polygon>
 
+  <polyline filter="url(#vber-filterId)" points="
 
+        215, 30
 
+        20, 30 7, 50 7, 86.5
 
+        13, 91.5 13, 171.5
 
+        7, 176.5 7, 213
 
+        20, 233 660, 233 673, 213
 
+        673, 176.5 667, 171.5
 
+        667, 91.5 673, 86.5
 
+        673, 50 660, 30 465, 30
 
+        445, 7 235, 7
 
+        215, 30 235, 52
 
+        445, 52 465, 30
 
+      " stroke="#8aaafb"></polyline>
 
+  <polygon fill="transparent" points="
 
+        460, 30 444, 11
 
+        438, 11 457, 34
 
+      " stroke="#8aaafb"></polygon>
 
+  <polygon fill="transparent" points="
 
+        220, 30 237, 49
 
+        243, 49 223, 26
 
+      " stroke="#8aaafb"></polygon>
 
+  <polygon fill="rgba(31,51,162,0.1)" filter="url(#vber-filterId)" points="
 
+        454, 37 433, 11
 
+        238, 11 226, 23
 
+        248, 49 443, 49
 
+      " stroke="#8aaafb"></polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="1" points="
 
+        205, 37 184, 37
 
+        190, 46 211, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="0.7" points="
 
+        175, 37 154, 37
 
+        160, 46 181, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="0.5" points="
 
+        145, 37 124, 37
 
+        130, 46 151, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="1" points="
 
+        495, 37 474, 37
 
+        468, 46 489, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="0.7" points="
 
+        525, 37 504, 37
 
+        498, 46 519, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon>
 
+  <polygon filter="url(#vber-filterId)" opacity="0.5" points="
 
+        555, 37 534, 37
 
+        528, 46 549, 46
 
+      " fill="#8aaafb">
 
+    <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s" repeatCount="indefinite"></animate>
 
+  </polygon> <text x="340" y="32" fill="#fff" font-size="18" text-anchor="middle" dominant-baseline="middle"
 
+    class="dv-vber-title">
 
+    电力运维中心
 
+  </text>
 
+  <polygon filter="url(#vber-filterId)" points="
 
+        7, 89.5 11, 93.5
 
+        11, 169.5 7, 173.5
 
+      " fill="#8aaafb"></polygon>
 
+  <polygon filter="url(#vber-filterId)" points="
 
+        673, 89.5 669, 93.5
 
+        669, 169.5 673, 173.5
 
+      " fill="#8aaafb"></polygon>
 
+</svg>