xiaoshushu 3 gadi atpakaļ
vecāks
revīzija
e57bc42a3b

+ 0 - 62
smart-pc/css/style.css

@@ -1,62 +0,0 @@
-body {
-	background-color: #13214e;
-	position: fixed;
-	width: 100%;
-	height: 100%;
-}
-
-.flex {
-	display: flex;
-}
-
-.f {
-	flex: 1;
-}
-
-.row {
-	width: 100%;
-}
-
-.s33 {
-	width: 27.3333%;
-	float: left;
-	background-image: url(../img/u11.svg);
-	background-size: 100% 100%;
-	min-height: 350px;
-	margin: 25px 10px 0px 25px;
-	padding: 20px;
-	overflow: hidden;
-	position: relative;
-}
-
-iframe {
-	border: 0px !important;
-	border-radius: 5px;
-	position: absolute;
-	width: 93%;
-	height: 270px;
-}
-.wordcloud{
-	width: 300px;
-	height: 300px;
-}
-.icon {
-	padding: 5px;
-	font-size: 28px;
-	height: 40px;
-	color: #699BE3;
-	font-weight: 700;
-	overflow: hidden;
-	font-style: normal;
-	margin-bottom: 20px;
-}
-
-.tb {
-	float: left;
-}
-
-.btw {
-	float: left;
-	margin-left: 15px;
-	margin-top: 4px;
-}

+ 0 - 281
smart-pc/index.html

@@ -1,281 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<title></title>
-		<link href="css/style.css" rel="stylesheet" />
-		<style>
-			.top {
-				position: fixed;
-				top: 0px;
-				width: 100%;
-				height: 100px;
-				padding: 20px;
-				text-align: center;
-				font-size: 24px;
-				color: #6D88ED;
-			}
-
-			.logo {
-				font-size: 32px;
-				position: relative;
-				color: white;
-				width: 100%;
-			}
-
-			.u4 {
-				position: absolute;
-				left: 0px;
-				width: 100%;
-			}
-
-			.u5 {
-				position: absolute;
-				left: 50%;
-				top: 50%;
-				width: 77%;
-				margin-top: 63px;
-				margin-left: -223px;
-			}
-
-			.uti {
-				position: absolute;
-				top: 50%;
-				left: 50%;
-				margin-top: 7px;
-				margin-left: -151px;
-			}
-
-			.content {
-				width: 100%;
-				margin-top: 70px;
-				padding: 50px;
-			}
-		</style>
-	</head>
-	<body>
-		<div id="app">
-			<div class="top">
-				<div class="flex">
-					<div class="f">游前数据</div>
-					<div class="f">
-						<div class="logo">
-							<img class="u4" src="img/u4.svg" />
-							<div class="uti">谢通门县旅游数据平台</div>
-							<img class="u5" src="img/u5.svg" />
-						</div>
-					</div>
-					<div class="f">游中数据</div>
-				</div>
-			</div>
-			<div class="content">
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u110.svg" class="tb">
-						<div class="btw">客流量</div>
-					</div>
-				</div>
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u119.svg" class="tb">
-						<div class="btw">景区展示</div>
-					</div>
-					<div class="cons">
-						<iframe src="rl.html" height="200px"></iframe>
-					</div>
-				</div>
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u119.svg" class="tb">
-						<div class="btw">交通信息</div>
-					</div>
-					<div class="cons">
-						<div id="jtxx" style="width:105%;height:300px;"></div>
-					</div>
-				</div>
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u119.svg" class="tb">
-						<div class="btw">经营状况</div>
-					</div>
-					<div class="cons">
-						<div id="jyzk" style="width:105%;height:300px;"></div>
-					</div>
-				</div>
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u119.svg" class="tb">
-						<div class="btw">游客画像</div>
-					</div>
-					<div class="cons">
-						<div id="ykhx" style="width:105%;height:300px;"></div>
-					</div>
-				</div>
-				<div class="s33">
-					<div class="icon">
-						<img src="img/u119.svg" class="tb">
-						<div class="btw">舆情评价</div>
-					</div>
-					<div class="cons">
-						<canvas id="canvas" width="400px" height="300px"></canvas>
-					</div>
-				</div>
-			</div>
-		</div>
-		<script src="js/vue.min.js"></script>
-		<script src="js/echarts.min.js"></script>
-		<script src="js/jquery.min.js"></script>
-		<script src="js/wordcloud2.js"></script>
-		<script>
-			let vm = new Vue({
-				el: "#app",
-				data: {
-					item: {}
-				},
-				mounted() {
-					this.jtxx();
-					this.jyzk();
-					this.ykhx();
-					this.yq();
-				},
-				methods: {
-					//交通信息
-					jtxx() {
-						let option = {
-							tooltip: {},
-							legend: {
-								data: ['飞机'],
-								textStyle: {
-									color: '#ffffff' //字体颜色
-								},
-							},
-							xAxis: {
-								data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'],
-								axisLabel: {
-									textStyle: {
-										color: '#ffffff',
-										fontSize: 14, //字体大小
-									}
-								}
-							},
-							yAxis: {
-								axisLabel: {
-									textStyle: {
-										color: '#ffffff',
-										fontSize: 14, //字体大小
-									}
-								}
-							},
-							series: [{
-								name: '飞机',
-								type: 'bar',
-								data: [5, 20, 36, 10, 10, 20, 13]
-							}]
-						};
-						echarts.init(document.getElementById('jtxx')).setOption(option);
-					},
-					//交通信息
-					jyzk() {
-						let option = {
-							tooltip: {},
-							legend: {
-								data: ['飞机'],
-								textStyle: {
-									color: '#ffffff' //字体颜色
-								},
-							},
-							xAxis: {
-								data: ['店铺1', '店铺2', '店铺3', '店铺4', '店铺5'],
-								axisLabel: {
-									textStyle: {
-										color: '#ffffff',
-										fontSize: 14, //字体大小
-									}
-								}
-							},
-							yAxis: {
-								axisLabel: {
-									textStyle: {
-										color: '#ffffff',
-										fontSize: 14, //字体大小
-									}
-								}
-							},
-							series: [{
-								name: '飞机',
-								type: 'bar',
-								data: [5, 20, 36, 10, 10]
-							}]
-						};
-						echarts.init(document.getElementById('jyzk')).setOption(option);
-					},
-					//游客画像
-					ykhx() {
-						let option = {
-							tooltip: {
-								trigger: 'item'
-							},
-							series: [{
-								name: '统计人数',
-								type: 'pie',
-								radius: '65%',
-								data: [{
-										value: 1048,
-										name: '老年人数'
-									},
-									{
-										value: 735,
-										name: '中年人数'
-									},
-									{
-										value: 580,
-										name: '青年人数'
-									}
-								],
-								itemStyle: {
-									normal: {
-										label: {
-											textStyle: {
-												color: '#ffffff',
-												fontSize: 15,
-												fontWeight: 'bolder'
-											}
-										}
-									}
-								}
-							}]
-						};
-						echarts.init(document.getElementById('ykhx')).setOption(option);
-					},
-					yq() {
-						let options = eval({
-							"list": [
-								['服务好', 15],
-								['开心', 9],
-								['晴空万里 ', 7],
-								['会再来', 6],
-								['好玩', 4],
-								['热情', 5],
-								['山明水秀', 4],
-								['喜欢', 3],
-								['干净整洁', 3],
-								['门票价格低', 3],
-								['环境优美', 3]
-							],
-							"gridSize": 14, // size of the grid in pixels
-							"weightFactor": 10, // number to multiply for size of each word in the list
-							"fontWeight": 'normal', // 'normal', 'bold' or a callback
-							"fontFamily": 'Times, serif', // font to use
-							"color": 'random-light',
-							 "backgroundColor": '#f0f8ff00'
-							 // 'random-dark' or 'random-light'
-						});
-						var canvas = document.getElementById('canvas');
-						//调用WordCloud
-						WordCloud(canvas, options);
-					}
-				}
-			})
-		</script>
-	</body>
-</html>

+ 5 - 3
smart-ui-app/common/http.js

@@ -1,7 +1,7 @@
-//const ip = 'http://192.168.0.101:8080';
+//const ip = 'http://192.168.0.109:8080';
 //const ip = 'https://qfnj.gaswkj.com/prod-api';
 //const ip = 'http://192.168.2.102:8080';
-const ip = 'http://139.159.189.40/prod-api';
+const ip = 'https://xdmly.qiyiiot.com/prod-api';
 /**
  * 全部接口(集中管理)
  */
@@ -9,6 +9,7 @@ const urls = {
 	ip: ip,
 	home: ip + '/app/home/index', //首页数据
 	wxLogin: ip + '/api/login/wxLogin/', //游客微信小程序登录
+	bindWxMobile: ip + '/api/index/bindWxMobile', //绑定会员微信手机号
 	getPageContent: ip + '/api/index/getPageContent', //分页获取主要内容信息
 	getContentInfo: ip + '/api/index/getContentInfo/', //获取主要内容详细信息
 	getAboutUs: ip + '/api/index/getAboutUs/', //获取关于我们的信息
@@ -16,8 +17,9 @@ const urls = {
 	shopApply: ip + '/api/index/shopApply', //商铺开通申请
 	getShopList: ip + '/api/index/getShopList', //获取商铺列表
 	updateShop: ip + '/api/index/updateShop', //更新门店信息
-	getPageMarker: ip + '/api/index/getPageMarker', //根据标记物类型分页获取标记物信息
+	getMarkerList: ip + '/api/index/getMarkerList/', //根据景区id获取标记物
 	pushHelp: ip + '/api/index/pushHelp', //上传会员拨打记录
+	uploadImg: ip + '/api/index/uploadImg', //图片上传请求
 }
 /**
  * 封装的http请求

+ 8 - 8
smart-ui-app/pages.json

@@ -4,6 +4,14 @@
 	},
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/travel/route",
+			"style": {
+				"navigationBarTitleText": "路线",
+				"enablePullDownRefresh": false
+			}
+		
+		},
+		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "",
@@ -37,14 +45,6 @@
 
 		},
 		{
-			"path": "pages/travel/route",
-			"style": {
-				"navigationBarTitleText": "路线",
-				"enablePullDownRefresh": false
-			}
-
-		},
-		{
 			"path": "pages/user/my",
 			"style": {
 				"navigationBarTitleText": "我的",

+ 1 - 1
smart-ui-app/pages/travel/route.vue

@@ -42,7 +42,7 @@ export default {
 		};
 	},
 	onLoad(e) {
-		this.getData(e.id);
+		this.getData(9);
 	},
 	methods: {
 		change(index) {

+ 262 - 0
smart-ui-pc/css/style.css

@@ -0,0 +1,262 @@
+body {
+	background-color: #13214e;
+	width: 100%;
+	height: 100%;
+	overflow-x: hidden;
+}
+
+.flex {
+	display: flex;
+}
+
+.f {
+	flex: 1;
+}
+
+.row {
+	width: 100%;
+}
+
+.s33 {
+	width: 27.3333%;
+	float: left;
+	background-image: url(../img/u11.svg);
+	background-size: 100% 100%;
+	height: 336px;
+	margin: 25px 10px 0px 25px;
+	padding: 20px;
+	overflow: hidden;
+	position: relative;
+}
+
+.s45 {
+	width: 43.5%;
+	float: left;
+	background-image: url(../img/u11.svg);
+	background-size: 100% 100%;
+	min-height: 350px;
+	margin: 25px 10px 0px 25px;
+	padding: 20px;
+	overflow: hidden;
+	position: relative;
+}
+
+iframe {
+	border: 0px !important;
+	border-radius: 5px;
+	position: absolute;
+	width: 93%;
+	height: 250px;
+}
+
+/*************************头部*************************/
+.top {
+	position: fixed;
+	top: 0px;
+	width: 100%;
+	height: 60px;
+	padding: 20px;
+	text-align: center;
+	font-size: 27px;
+	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
+}
+
+.logo {
+	font-size: 32px;
+	position: relative;
+	color: white;
+	width: 100%;
+}
+
+.u4 {
+	position: absolute;
+	left: 0px;
+	width: 100%;
+	margin-top: -8px;
+}
+
+.u5 {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	width: 77%;
+	margin-top: 9.6%;
+	margin-left: -38.7%;
+}
+
+.uti {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-top: 7px;
+	margin-left: -151px;
+	font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+	font-weight: 700;
+	font-style: normal;
+	color: white;
+}
+
+.tti {
+	cursor: pointer;
+	margin-top: 20px;
+	background-color: rgba(255, 255, 255, 0);
+	font-weight: 700;
+	font-style: normal;
+	color: #6D88ED;
+	font-size: ;
+}
+
+.tti.active {
+	color: rgb(0, 204, 255);
+}
+
+/*************************头部end*************************/
+.content {
+	width: 100%;
+	margin-top: 50px;
+	padding: 50px;
+}
+
+.wordcloud {
+	width: 300px;
+	height: 300px;
+}
+
+.icon {
+	margin-top: -10px;
+	padding: 10px;
+	font-size: 28px;
+	height: 40px;
+	color: #699BE3;
+	font-weight: 700;
+	overflow: hidden;
+	font-style: normal;
+	margin-bottom: 15px;
+}
+.tb {
+	float: left;
+}
+
+.btw {
+	float: left;
+	margin-left: 15px;
+	margin-top: 4px;
+}
+
+/*************************视频监控*************************/
+.video {
+	display: flex;
+}
+
+.video .v {
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+	height: 138px;
+	margin: 10px;
+	border: 4px solid rgb(65 104 177);
+	border-radius: 5px;
+	color: white;
+	font-size: 20px;
+}
+
+.pad {
+	text-align: center;
+}
+
+/*************************视频监控end*************************/
+
+
+/*************************停车场数据*************************/
+.tag {
+	width: 50px;
+	height: 70px;
+	padding: 10px;
+	color: white;
+	font-size: 40px;
+	border: 4px solid rgba(140, 48, 85, 1);
+	border-color: rgba(140, 48, 85, 1);
+	margin-right: 15px;
+	font-weight: bold;
+	background-color: rgba(14, 23, 72, 1);
+}
+
+.tags {
+	color: white;
+	font-size: 30px;
+}
+
+.car {
+	margin-top: 30px;
+	border-radius: 5px;
+
+}
+
+.car img {
+	margin-right: 15px;
+}
+
+.num {
+	padding: 20px;
+	background-color: #32374f;
+	margin: 15px;
+	border: 5px solid #d2ab11;
+	color: white;
+	font-size: 25px;
+	font-weight: bold;
+	border-radius: 5px;
+}
+
+.ss {
+	border: 5px solid #ac3c5c;
+}
+
+/*************************停车场数据end*************************/
+.clear {
+	clear: both;
+}
+
+/*************************天气*************************/
+.tqw {
+	position: absolute;
+}
+
+.tq1 {
+	color: white;
+	position: absolute;
+	margin-left: 35px;
+	font-size: 18px;
+}
+
+.tq2 {
+	font-size: 27px;
+	color: #52B5F9;
+	position: absolute;
+	width: 50%;
+	margin-left: 95px;
+	text-align: left;
+	margin-top: -6px;
+	font-weight: bold;
+}
+
+.tty {
+	margin-left: 135px;
+}
+
+.tqt {
+	margin-top: 25px;
+	position: relative;
+	padding: 15px;
+}
+
+.rq {
+	color: white;
+	font-size: 18px;
+}
+
+.sj {
+	color: white;
+	font-size: 18px;
+}
+
+/*************************天气end*************************/

+ 0 - 0
smart-pc/img/u11.svg → smart-ui-pc/img/u11.svg


+ 0 - 0
smart-pc/img/u110.svg → smart-ui-pc/img/u110.svg


+ 0 - 0
smart-pc/img/u113.svg → smart-ui-pc/img/u113.svg


+ 0 - 0
smart-pc/img/u118.svg → smart-ui-pc/img/u118.svg


+ 0 - 0
smart-pc/img/u119.svg → smart-ui-pc/img/u119.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u334.svg


+ 0 - 0
smart-pc/img/u4.svg → smart-ui-pc/img/u4.svg


+ 0 - 0
smart-pc/img/u5.svg → smart-ui-pc/img/u5.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 10 - 0
smart-ui-pc/img/u555.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 10 - 0
smart-ui-pc/img/u556.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u570.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u573.svg


+ 6 - 0
smart-ui-pc/img/u652.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="33px" height="50px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -699 -65 )">
+    <path d="M 22.3330078125 22.55859375  C 23.9443359375 20.9309895833333  24.75 18.9670138888889  24.75 16.6666666666667  C 24.75 14.3663194444444  23.9443359375 12.40234375  22.3330078125 10.7747395833333  C 20.7216796875 9.14713541666667  18.77734375 8.33333333333333  16.5 8.33333333333333  C 14.22265625 8.33333333333333  12.2783203125 9.14713541666667  10.6669921875 10.7747395833333  C 9.0556640625 12.40234375  8.25 14.3663194444444  8.25 16.6666666666667  C 8.25 18.9670138888889  9.0556640625 20.9309895833333  10.6669921875 22.55859375  C 12.2783203125 24.1861979166667  14.22265625 25  16.5 25  C 18.77734375 25  20.7216796875 24.1861979166667  22.3330078125 22.55859375  Z M 28.166015625 4.8828125  C 31.388671875 8.13802083333333  33 12.0659722222222  33 16.6666666666667  C 33 19.0321180555556  32.6455078125 20.9743923611111  31.9365234375 22.4934895833333  L 20.2060546875 47.6888020833333  C 19.8623046875 48.4049479166667  19.35205078125 48.9691840277778  18.67529296875 49.3815104166667  C 17.99853515625 49.7938368055556  17.2734375 50  16.5 50  C 15.7265625 50  15.00146484375 49.7938368055556  14.32470703125 49.3815104166667  C 13.64794921875 48.9691840277778  13.1484375 48.4049479166667  12.826171875 47.6888020833333  L 1.0634765625 22.4934895833333  C 0.3544921875 20.9743923611111  0 19.0321180555556  0 16.6666666666667  C 0 12.0659722222222  1.611328125 8.13802083333333  4.833984375 4.8828125  C 8.056640625 1.62760416666667  11.9453125 0  16.5 0  C 21.0546875 0  24.943359375 1.62760416666667  28.166015625 4.8828125  Z " fill-rule="nonzero" fill="#8080ff" stroke="none" transform="matrix(1 0 0 1 699 65 )" />
+  </g>
+</svg>

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u674.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u675.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u676.svg


+ 6 - 0
smart-ui-pc/img/u780.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="36px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1094 -551 )">
+    <path d="M 48.9118303571429 1.040625  C 49.6372767857143 1.359375  50 1.9125  50 2.7  L 50 33.3  C 50 34.0875  49.6372767857143 34.640625  48.9118303571429 34.959375  C 48.6700148809524 35.053125  48.4375 35.1  48.2142857142857 35.1  C 47.7120535714286 35.1  47.2935267857143 34.921875  46.9587053571429 34.565625  L 35.7142857142857 23.23125  L 35.7142857142857 27.9  C 35.7142857142857 30.13125  34.9283854166667 32.0390625  33.3565848214286 33.6234375  C 31.7847842261905 35.2078125  29.8921130952381 36  27.6785714285714 36  L 8.03571428571429 36  C 5.82217261904762 36  3.92950148809524 35.2078125  2.35770089285714 33.6234375  C 0.785900297619048 32.0390625  0 30.13125  0 27.9  L 0 8.1  C 0 5.86874999999999  0.785900297619048 3.9609375  2.35770089285714 2.3765625  C 3.92950148809524 0.792187499999995  5.82217261904762 0  8.03571428571429 0  L 27.6785714285714 0  C 29.8921130952381 0  31.7847842261905 0.792187499999995  33.3565848214286 2.3765625  C 34.9283854166667 3.9609375  35.7142857142857 5.86874999999999  35.7142857142857 8.1  L 35.7142857142857 12.740625  L 46.9587053571429 1.434375  C 47.2935267857143 1.078125  47.7120535714286 0.900000000000001  48.2142857142857 0.900000000000001  C 48.4375 0.900000000000001  48.6700148809524 0.946874999999994  48.9118303571429 1.040625  Z " fill-rule="nonzero" fill="#8080ff" stroke="none" transform="matrix(1 0 0 1 1094 551 )" />
+  </g>
+</svg>

+ 6 - 0
smart-ui-pc/img/u784.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="22px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1624 -398 )">
+    <path d="M 20.8730512249443 5.59254807692308  C 21.1833704528582 5.59254807692308  21.4610244988864 5.65865384615385  21.706013363029 5.79086538461539  C 22 5.96714743589744  22.0571640682999 6.16105769230769  21.8775055679287 6.37259615384615  L 8.64810690423163 21.6694711538462  C 8.43578322197476 21.8898237179487  8.09279881217521 22  7.61915367483296 22  C 7.55382331106162 22  7.43949517446177 21.9911858974359  7.27616926503341 21.9735576923077  C 6.9985152190052 21.9294871794872  6.79027468448404 21.8457532051282  6.65144766146993 21.7223557692308  C 6.51262063845583 21.5989583333333  6.47587230883445 21.4667467948718  6.54120267260579 21.3257211538462  L 11.3674832962138 10.6430288461538  L 1.42093541202673 11.9783653846154  C 1.35560504825538 11.9871794871795  1.25760950259837 11.9915865384615  1.12694877505568 11.9915865384615  C 0.832962138084632 11.9915865384615  0.579806978470676 11.943108974359  0.367483296213808 11.8461538461538  C 0.0734966592427617 11.7139423076923  -0.0326651818856719 11.5420673076923  0.0489977728285078 11.3305288461538  L 4.97327394209354 0.423076923076924  C 5.03860430586489 0.299679487179486  5.16926503340757 0.198317307692309  5.3652561247216 0.118990384615385  C 5.56124721603563 0.0396634615384608  5.78990348923534 0  6.05122494432071 0  L 14.086859688196 0  C 14.3971789161099 0  14.6585003711952 0.0550881410256381  14.8708240534521 0.165264423076924  C 15.083147735709 0.275440705128205  15.1893095768374 0.405448717948717  15.1893095768374 0.555288461538461  C 15.1893095768374 0.625801282051281  15.1484780994803 0.705128205128205  15.0668151447661 0.79326923076923  L 10.8775055679287 6.91466346153846  L 20.5790645879733 5.61899038461539  C 20.709725315516 5.60136217948718  20.807720861173 5.59254807692308  20.8730512249443 5.59254807692308  Z " fill-rule="nonzero" fill="#02a7f0" stroke="none" transform="matrix(1 0 0 1 1624 398 )" />
+  </g>
+</svg>

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u785.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u786.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u787.svg


+ 6 - 0
smart-ui-pc/img/u788.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="22px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1622 -289 )">
+    <path d="M 20.5247395833333 5.478515625  C 21.5082465277778 7.16384548611111  22 9.00434027777778  22 11  C 22 12.9956597222222  21.5082465277778 14.8361545138889  20.5247395833333 16.521484375  C 19.5412326388889 18.2068142361111  18.2068142361111 19.5412326388889  16.521484375 20.5247395833333  C 14.8361545138889 21.5082465277778  12.9956597222222 22  11 22  C 9.00434027777778 22  7.16384548611111 21.5082465277778  5.478515625 20.5247395833333  C 3.79318576388889 19.5412326388889  2.45876736111111 18.2068142361111  1.47526041666667 16.521484375  C 0.491753472222222 14.8361545138889  0 12.9956597222222  0 11  C 0 9.00434027777778  0.491753472222222 7.16384548611111  1.47526041666667 5.478515625  C 2.45876736111111 3.79318576388889  3.79318576388889 2.45876736111111  5.478515625 1.47526041666667  C 7.16384548611111 0.49175347222222  9.00434027777778 0  11 0  C 12.9956597222222 0  14.8361545138889 0.49175347222222  16.521484375 1.47526041666667  C 18.2068142361111 2.45876736111111  19.5412326388889 3.79318576388889  20.5247395833333 5.478515625  Z " fill-rule="nonzero" fill="#02a7f0" stroke="none" transform="matrix(1 0 0 1 1622 289 )" />
+  </g>
+</svg>

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 3 - 0
smart-ui-pc/img/u789.svg


+ 529 - 0
smart-ui-pc/index.html

@@ -0,0 +1,529 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title></title>
+		<link href="css/style.css" rel="stylesheet" />
+	</head>
+	<body>
+		<div id="app">
+			<div class="top">
+				<div class="flex">
+					<div class="f tti" :class="{active:now==0}" @click="tab(0)">游前数据</div>
+					<div class="f">
+						<div class="logo">
+							<img class="u4" src="img/u4.svg" />
+							<div class="uti">谢通门县旅游数据平台</div>
+							<img class="u5" src="img/u5.svg" />
+						</div>
+					</div>
+					<div class="f tti" :class="{active:now==1}" @click="tab(1)">游中数据</div>
+				</div>
+			</div>
+			<div class="content" v-if="now==0">
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u110.svg" class="tb">
+						<div class="btw">客流量</div>
+					</div>
+					<div class="cons">
+						<div id="kll" style="width:105%;height:300px;"></div>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u110.svg" class="tb">
+						<div class="btw">景区展示</div>
+					</div>
+					<div class="cons">
+						<iframe src="rl.html" style="height: 280px;"></iframe>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u119.svg" class="tb">
+						<div class="btw">交通信息</div>
+					</div>
+					<div class="cons">
+						<div id="jtxx" style="width:105%;height:300px;"></div>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u113.svg" class="tb">
+						<div class="btw">经营状况</div>
+					</div>
+					<div class="cons">
+						<div id="jyzk" style="width:105%;height:300px;"></div>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u118.svg" class="tb">
+						<div class="btw">游客画像</div>
+					</div>
+					<div class="cons">
+						<div id="ykhx" style="width:105%;height:300px;"></div>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u334.svg" class="tb">
+						<div class="btw">舆情评价</div>
+					</div>
+					<div class="cons">
+						<canvas id="canvas" width="400px" height="300px"></canvas>
+					</div>
+				</div>
+			</div>
+			<div class="content" v-else>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u676.svg" class="tb">
+						<div class="btw">酒店预定数据</div>
+					</div>
+					<div class="cons">
+						<div id="jd" style="width:105%;height: 270px;"></div>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u652.svg" class="tb">
+						<div class="btw">酒店信息概况</div>
+					</div>
+					<div class="cons">
+						<iframe src="jd.html"></iframe>
+					</div>
+				</div>
+				<div class="s33">
+					<div class="icon">
+						<img src="img/u674.svg" class="tb">
+						<div class="btw">天气</div>
+					</div>
+					<div class="cons">
+						<div class="flex">
+							<div class="f rq">2021年10月11日 星期一</div>
+							<div class="f rq">21:45:13</div>
+						</div>
+						<div class="flex tqt">
+							<div class="f">
+								<img class="tqw" src="img/u789.svg" />
+								<div class="tq1">风向:</div>
+								<div class="tq2">南风</div>
+							</div>
+							<div class="f">
+								<img class="tqw" src="img/u785.svg" />
+								<div class="tq1">含氧量:</div>
+								<div class="tq2 tty">60%</div>
+							</div>
+						</div>
+						<div class="flex tqt">
+							<div class="f">
+								<img class="tqw" src="img/u555.svg" />
+								<div class="tq1">整体:</div>
+								<div class="tq2">多云转晴</div>
+							</div>
+							<div class="f">
+								<img class="tqw" src="img/u788.svg" />
+								<div class="tq1">粉尘指标:</div>
+								<div class="tq2 tty">10%</div>
+							</div>
+						</div>
+						<div class="flex tqt">
+							<div class="f">
+								<img class="tqw" src="img/u787.svg" />
+								<div class="tq1">温度:</div>
+								<div class="tq2">27℃-30℃</div>
+							</div>
+							<div class="f">
+								<img class="tqw" src="img/u786.svg" />
+								<div class="tq1">PM2.5:</div>
+								<div class="tq2 tty">55</div>
+							</div>
+						</div>
+						<div class="flex tqt">
+							<div class="f">
+								<img class="tqw" src="img/u556.svg" />
+								<div class="tq1">湿度:</div>
+								<div class="tq2">40%</div>
+							</div>
+							<div class="f">
+								<img class="tqw" src="img/u784.svg" />
+								<div class="tq1">当前风速:</div>
+								<div class="tq2 tty">4级</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="s45">
+					<div class="icon">
+						<img src="img/u675.svg" class="tb">
+						<div class="btw">停车场数据</div>
+					</div>
+					<div class="cons">
+						<div class="flex">
+							<div class="f" style="text-align: center;margin-top: 10px; ">
+								<span class="tag">2</span>
+								<span class="tag">3</span>
+								<span class="tag">4</span>
+								<span class="tag">5</span>
+								<span class="tags">次</span>
+								<div class="car">
+									<img src="img/u573.svg" />
+									<img src="img/u573.svg" />
+									<img src="img/u573.svg" />
+									<img src="img/u570.svg" />
+									<img src="img/u570.svg" />
+									<img src="img/u570.svg" />
+								</div>
+								<div class="flex">
+									<div class="f num">
+										<div>123</div>
+										<div>入场车辆</div>
+									</div>
+									<div class="f num ss" style="background-color: #2b2957;">
+										<div>45</div>
+										<div>出场车辆</div>
+									</div>
+								</div>
+							</div>
+							<div class="f">
+								<div id="tcc" style="width:105%;height:300px;"></div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="s45">
+					<div class="icon">
+						<img src="img/u780.svg" class="tb">
+						<div class="btw">视频监控</div>
+					</div>
+					<div class="cons">
+						<div class="video">
+							<div class="v" style="border: 0px;">
+								<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true"
+									style="width: 100%;"></iframe>
+							</div>
+							<div class="v pad">摄像头离线</div>
+							<div class="v pad">摄像头离线</div>
+						</div>
+						<div class="video">
+							<div class="v pad">摄像头离线</div>
+							<div class="v pad">摄像头离线</div>
+							<div class="v pad">摄像头离线</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="js/vue.min.js"></script>
+		<script src="js/echarts.min.js"></script>
+		<script src="js/jquery.min.js"></script>
+		<script src="js/wordcloud2.js"></script>
+		<script>
+			let vm = new Vue({
+				el: "#app",
+				data: {
+					item: {},
+					now: 0
+				},
+				mounted() {
+					this.tab();
+				},
+				methods: {
+					tab(now = 0) {
+						this.now = now;
+						if (this.now == 0) {
+							setTimeout(() => {
+								this.kll();
+								this.jtxx();
+								this.jyzk();
+								this.ykhx();
+								this.yq();
+							}, 300);
+						}
+						if (this.now == 1) {
+							setTimeout(() => {
+								this.jd();
+								this.tcc();
+							}, 300);
+						}
+					},
+					//客流量
+					kll() {
+						let option = {
+							xAxis: {
+								type: 'category',
+								data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'],
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							yAxis: {
+								type: 'value',
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							series: [{
+								data: [820, 932, 901, 934, 1290, 1330, 1320],
+								type: 'line',
+								areaStyle: {}
+							}]
+						};
+						echarts.init(document.getElementById('kll')).setOption(option);
+					},
+					//交通信息
+					jtxx() {
+						let option = {
+							tooltip: {},
+							legend: {
+								data: ['飞机', '汽车', '火车'],
+								textStyle: {
+									color: '#ffffff' //字体颜色
+								},
+							},
+							xAxis: {
+								data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'],
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							yAxis: {
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							series: [{
+								name: '飞机',
+								type: 'bar',
+								data: [5, 20, 36, 10, 10, 20, 13]
+							}, {
+								name: '汽车',
+								type: 'bar',
+								data: [5, 20, 36, 10, 10, 20, 13]
+							}, {
+								name: '火车',
+								type: 'bar',
+								data: [5, 30, 36, 10, 10, 20, 13]
+							}]
+						};
+						echarts.init(document.getElementById('jtxx')).setOption(option);
+					},
+					//经营状况
+					jyzk() {
+						let option = {
+							tooltip: {},
+							legend: {
+								data: ['飞机'],
+								textStyle: {
+									color: '#ffffff' //字体颜色
+								},
+							},
+							xAxis: {
+								data: ['店铺1', '店铺2', '店铺3', '店铺4', '店铺5'],
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							yAxis: {
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							},
+							series: [{
+								name: '飞机',
+								type: 'bar',
+								data: [5, 20, 36, 10, 10]
+							}]
+						};
+						echarts.init(document.getElementById('jyzk')).setOption(option);
+					},
+					//游客画像
+					ykhx() {
+						let option = {
+							tooltip: {
+								trigger: 'item'
+							},
+							series: [{
+								name: '统计人数',
+								type: 'pie',
+								radius: '65%',
+								data: [{
+										value: 1048,
+										name: '老年人数'
+									},
+									{
+										value: 735,
+										name: '中年人数'
+									},
+									{
+										value: 580,
+										name: '青年人数'
+									}
+								],
+								itemStyle: {
+									normal: {
+										label: {
+											textStyle: {
+												color: '#ffffff',
+												fontSize: 15,
+												fontWeight: 'bolder'
+											}
+										}
+									}
+								}
+							}]
+						};
+						echarts.init(document.getElementById('ykhx')).setOption(option);
+					},
+					//酒店预定数据
+					jd() {
+						let option = {
+							tooltip: {
+								trigger: 'axis',
+								axisPointer: {
+									type: 'cross',
+									label: {
+										backgroundColor: '#6a7985'
+									}
+								}
+							},
+							grid: {
+								top: '-3%',
+								left: '3%',
+								right: '7%',
+								bottom: '3%',
+								containLabel: true
+							},
+							xAxis: [{
+								type: 'category',
+								boundaryGap: false,
+								data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							}],
+							yAxis: [{
+								type: 'value',
+								axisLabel: {
+									textStyle: {
+										color: '#ffffff',
+										fontSize: 14, //字体大小
+									}
+								}
+							}],
+							series: [{
+									name: 'Email',
+									type: 'line',
+									stack: 'Total',
+									areaStyle: {},
+									data: [120, 132, 101, 134, 90, 230, 210]
+								},
+
+								{
+									name: 'Union Ads',
+									type: 'line',
+									stack: 'Total',
+									areaStyle: {},
+									data: [220, 182, 191, 234, 290, 330, 310]
+								},
+								{
+									name: 'Video Ads',
+									type: 'line',
+									stack: 'Total',
+									areaStyle: {},
+									data: [150, 232, 201, 154, 190, 330, 410]
+								}
+
+							]
+						};
+						echarts.init(document.getElementById('jd')).setOption(option);
+					},
+					//停车场数据
+					tcc() {
+						let option = {
+							tooltip: {
+								trigger: 'item'
+							},
+							series: [{
+								name: '统计车辆',
+								type: 'pie',
+								radius: '65%',
+								data: [{
+										value: 1048,
+										name: '外地车辆'
+									},
+									{
+										value: 735,
+										name: '本地车辆'
+									}
+								],
+								itemStyle: {
+									normal: {
+										label: {
+											textStyle: {
+												color: '#ffffff',
+												fontSize: 17,
+												fontWeight: 'bolder'
+											}
+										}
+									}
+								}
+							}]
+						};
+						echarts.init(document.getElementById('tcc')).setOption(option);
+					},
+					//舆情评价
+					yq() {
+						let options = eval({
+							"list": [
+								['服务好', 15],
+								['开心', 9],
+								['晴空万里 ', 7],
+								['会再来', 6],
+								['好玩', 4],
+								['热情', 5],
+								['山明水秀', 4],
+								['喜欢', 3],
+								['干净整洁', 3],
+								['门票价格低', 3],
+								['环境优美', 3]
+							],
+							"gridSize": 13, // size of the grid in pixels
+							"weightFactor": 10, // number to multiply for size of each word in the list
+							"fontWeight": 'normal', // 'normal', 'bold' or a callback
+							"fontFamily": 'Times, serif', // font to use
+							"color": 'random-light',
+							"backgroundColor": '#f0f8ff00'
+						});
+						var canvas = document.getElementById('canvas');
+						//调用WordCloud
+						WordCloud(canvas, options);
+					}
+				}
+			})
+		</script>
+	</body>
+</html>

+ 38 - 0
smart-ui-pc/jd.html

@@ -0,0 +1,38 @@
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+	<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=5uvFMzYEFZOsAIoUawGvWc5v1WvrWfPr"></script>
+    <title>本地搜索的结果面板</title>
+ <style type="text/css">
+		body, html,#allmap {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}
+		#l-map{height:100%;width:100%;}
+		.anchorBL{
+
+display:none;
+
+} 
+		
+	</style>
+</head>
+<body  style="overflow:hidden">
+	<div id="l-map"></div>
+	<div id="r-result"></div>
+</body>
+</html>
+<script type="text/javascript">
+	// 百度地图API功能
+	var map = new BMapGL.Map("l-map");            // 创建Map实例
+	map.centerAndZoom(new BMapGL.Point(88.245431,29.448884), 11.5);
+			map.setMapStyleV2({     
+  styleId: '1da39f818ce462dc76ab4361834334df'
+});
+	var myKeys = ["酒店",];
+	var local = new BMapGL.LocalSearch(map, {
+
+		
+		renderOptions:{map: map, panel:"r-result"},
+		pageCapacity:5
+	});
+	local.searchInBounds(myKeys, map.getBounds());
+</script>

+ 0 - 0
smart-pc/js/echarts.min.js → smart-ui-pc/js/echarts.min.js


+ 0 - 0
smart-pc/js/jquery.min.js → smart-ui-pc/js/jquery.min.js


+ 0 - 0
smart-pc/js/vue.min.js → smart-ui-pc/js/vue.min.js


+ 0 - 0
smart-pc/js/wordcloud2.js → smart-ui-pc/js/wordcloud2.js


+ 0 - 0
smart-pc/rl.html → smart-ui-pc/rl.html


Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels