2021-3-10

pages.json

@@ -4,14 +4,13 @@
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-		    "path" : "pages/login/login",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false,
-				"navigationStyle":"custom"
-		    }
-		    
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
 		},
 		{
 			"path": "pages/index/index",
@@ -60,59 +59,446 @@
             {
                 "navigationBarTitleText": "",
                 "enablePullDownRefresh": false,
-				"app-plus":{
+				"app-plus":{}
+				}
+		}, {
+			"path": "pages/my/about/about",
+			"style": {
+				"navigationBarTitleText": "关于",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/cb/index/index",
+			"style": {
+				"navigationBarTitleText": "测报系统",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom"
+			}
+		}, {
+			"path": "pages/my/user-info/user-info",
+			"style": {
+				"navigationBarTitleText": "个人信息",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/my/feedback/feedback",
+			"style": {
+				"navigationBarTitleText": "反馈",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/search/search",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"app-plus": {
 					"bounce": "none",
-					"titleNView":{
-						"searchInput":{
-							"autoFocus":true,
-							"align":"center",
-							"placeholder":"输入设备号搜索",
-							"borderRadius":"50px",
-							"backgroundColor":"#E4E4E4",
-							"placeholderColor":"#333"
+					"titleNView": {
+						"searchInput": {
+							"autoFocus": true,
+							"align": "center",
+							"placeholder": "输入设备号搜索",
+							"borderRadius": "50px",
+							"backgroundColor": "#E4E4E4",
+							"placeholderColor": "#333"
 						}
 					}
 				}
-            }
-            
-        }
-        ,{
-            "path" : "pages/cb/equip-detail/equip-detail",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "设备详情",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/cb/cbd/equip-set/equip-set",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "设备控制",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/equipMange/index/index",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "设备分配主页",
-                "enablePullDownRefresh": false,
-				"navigationStyle":"custom"
-            }
-            
-        },
+			}
+
+		}, {
+			"path": "pages/cb/equip-detail/equip-detail",
+			"style": {
+				"navigationBarTitleText": "设备详情",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/equip-set",
+			"style": {
+				"navigationBarTitleText": "设备控制",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/equipMange/index/index",
+			"style": {
+				"navigationBarTitleText": "设备分配主页",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		},
 		{
-		    "path" : "pages/equipMange/index/addusers",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "增加用户",
-		        "enablePullDownRefresh": false,
-				"navigationStyle":"custom"
-		    }
-		    
+			"path": "pages/equipMange/index/addusers",
+			"style": {
+				"navigationBarTitleText": "增加用户",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipMange/index/useroperation",
+			"style": {
+				"navigationBarTitleText": "用户详情",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipMange/index/changepasswold",
+			"style": {
+				"navigationBarTitleText": "更改密码",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipMange/index/assignment",
+			"style": {
+				"navigationBarTitleText": "分配设备",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/bzy/equip-set/equip-set",
+			"style": {
+				"navigationBarTitleText": "设备控制",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/cb/xy/equip-set/equip-set",
+			"style": {
+				"navigationBarTitleText": "设备控制",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/cb/sim/sim",
+			"style": {
+				"navigationBarTitleText": "sim卡详情",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/index",
+			"style": {
+				"navigationBarTitleText": "专家诊断",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/wormcase",
+			"style": {
+				"navigationBarTitleText": "虫情百科",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/exchangeShare",
+			"style": {
+				"navigationBarTitleText": "交流圈",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/particulars",
+			"style": {
+				"navigationBarTitleText": "交流圈详情",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/postmessage",
+			"style": {
+				"navigationBarTitleText": "发帖",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/afterSale/index",
+			"style": {
+				"navigationBarTitleText": "售后服务",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/afterSale/search",
+			"style": {
+				"navigationBarTitleText": "售后服务搜索",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/expertDiagnosis/introduce",
+			"style": {
+				"navigationBarTitleText": "病虫害介绍",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/afterSale/addafter",
+			"style": {
+				"navigationBarTitleText": "设备报修",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/my/index/index",
+			"style": {
+				"navigationBarTitleText": "个人中心",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipList/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipList/search",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/equipList/modification",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/distribution/index",
+			"style": {
+				"navigationBarTitleText": "设备分布",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/fourBase/index",
+			"style": {
+				"navigationBarTitleText": "四情基地首页",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/fourBase/addbase",
+			"style": {
+				"navigationBarTitleText": "新增基地",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/fourBase/allocation",
+			"style": {
+				"navigationBarTitleText": "设备分配",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/index",
+			"style": {
+				"navigationBarTitleText": "防治系统",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/search",
+			"style": {
+				"navigationBarTitleText": "防治系统搜索",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/equipmentdetails",
+			"style": {
+				"navigationBarTitleText": "防治系统设备详细",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/sim",
+			"style": {
+				"navigationBarTitleText": "sim卡详情",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/control",
+			"style": {
+				"navigationBarTitleText": "设备控制",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/prevention/ucharts",
+			"style": {
+				"navigationBarTitleText": "历史数据",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "components/highcharts/highcharts",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/environment/index",
+			"style": {
+				"navigationBarTitleText": "环境监测",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/environment/search",
+			"style": {
+				"navigationBarTitleText": "环境监测搜索",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/environment/equipment",
+			"style": {
+				"navigationBarTitleText": "环境监测设备详情",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/environment/contros",
+			"style": {
+				"navigationBarTitleText": "环境监测控制页面",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/environment/onedaythedata",
+			"style": {
+				"navigationBarTitleText": "环境检测24小时数据",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/environment/history",
+			"style": {
+				"navigationBarTitleText": "环境检测历史数据",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/imgpage",
+			"style": {
+				"navigationBarTitleText": "图片列表",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/addimg",
+			"style": {
+				"navigationBarTitleText": "手动添加",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/historyfile",
+			"style": {
+				"navigationBarTitleText": "测报灯历史记录",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/note",
+			"style": {
+				"navigationBarTitleText": "短信预警",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/cbd/equip-set/statistics",
+			"style": {
+				"navigationBarTitleText": "害虫统计",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/bzy/equip-set/bzyhistoryile",
+			"style": {
+				"navigationBarTitleText": "孢子仪历史记录",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/cb/xy/equip-set/xyhistoryile",
+			"style": {
+				"navigationBarTitleText": "性诱设备历史记录",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/disandpests/index",
+			"style": {
+				"navigationBarTitleText": "病虫害识别",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
+		}, {
+			"path": "pages/monitor/index",
+			"style": {
+				"navigationBarTitleText": "监控列表",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom"
+			}
+		}, {
+			"path": "pages/webview",
+			"style": {
+				"navigationBarTitleText": "监控列表"
+			}
 		}
         ,{
             "path" : "pages/equipMange/index/useroperation",
@@ -570,21 +956,20 @@
         }
     ],
 	"condition": { //模式配置，仅开发期间生效
-	    "current": 3, //当前激活的模式（list 的索引项）
-	    "list": [{
+		"current": 3, //当前激活的模式（list 的索引项）
+		"list": [{
 			"name": "about",
-            "path" : "pages/my/about/about"
-        },{
-			"name":"feedback",
-			"path" : "pages/my/feedback/feedback"
-		},{
-			"name":"cdIndex",
-			"path" : "pages/cb/index/index"
-		},{
-			"name":"login",
-			"path" : "pages/login/login"
-		}
-	    ]
+			"path": "pages/my/about/about"
+		}, {
+			"name": "feedback",
+			"path": "pages/my/feedback/feedback"
+		}, {
+			"name": "cdIndex",
+			"path": "pages/cb/index/index"
+		}, {
+			"name": "login",
+			"path": "pages/login/login"
+		}]
 	},
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
@@ -592,35 +977,34 @@
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#ff0000"
 	},
-	    "tabBar": {
-	    "color": "#cdcdcd",
-	    "selectedColor": "#56C979",
-	    "borderStyle": "white",
-	    "list": [
-	        {
-	            "pagePath": "pages/index/index",
-				"iconPath":"static/image/index/13.png",
-				"selectedIconPath":"static/image/index/12.png",
-	            "text": "首页"
-	        },
-	        {
-	            "pagePath": "pages/equipList/index",
-	            "iconPath":"static/image/index/14.png",
-	            "selectedIconPath":"static/image/index/15.png",
-	            "text": "设备列表"
-	        },
-	        {
-	            "pagePath": "pages/distribution/index",
-	            "iconPath":"static/image/index/16.png",
-	            "selectedIconPath":"static/image/index/17.png",
-	            "text": "设备分布"
-	        },
-	        {
-	            "pagePath": "pages/my/index/index",
-	            "iconPath":"static/image/index/18.png",
-	            "selectedIconPath":"static/image/index/19.png",
-	            "text": "个人中心"
-	        }
-	    ]
+	"tabBar": {
+		"color": "#cdcdcd",
+		"selectedColor": "#56C979",
+		"borderStyle": "white",
+		"list": [{
+				"pagePath": "pages/index/index",
+				"iconPath": "static/image/index/13.png",
+				"selectedIconPath": "static/image/index/12.png",
+				"text": "首页"
+			},
+			{
+				"pagePath": "pages/equipList/index",
+				"iconPath": "static/image/index/14.png",
+				"selectedIconPath": "static/image/index/15.png",
+				"text": "设备列表"
+			},
+			{
+				"pagePath": "pages/distribution/index",
+				"iconPath": "static/image/index/16.png",
+				"selectedIconPath": "static/image/index/17.png",
+				"text": "设备分布"
+			},
+			{
+				"pagePath": "pages/my/index/index",
+				"iconPath": "static/image/index/18.png",
+				"selectedIconPath": "static/image/index/19.png",
+				"text": "个人中心"
+			}
+		]
 	}
 }

pages/fourBase/modification.vue

@@ -13,22 +13,22 @@
 			<p class="title">基地信息</p>
 			<view class="base_text_item1">
 				<u-icon name="fangzi" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>基地名称</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>基地名称</span>
 				<input type="text" v-model="baseinfo.base_name" placeholder="请输入基地名称" />
 			</view>
 			<view class="base_text_item1">
 				<u-icon name="ren1" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>负责人</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>负责人</span>
 				<input type="text" v-model="baseinfo.base_charge " placeholder="请输入基地负责人" />
 			</view>
 			<view class="base_text_item1">
 				<u-icon name="lianxidianhua" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>联系电话</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>联系电话</span>
 				<input type="text" v-model="baseinfo.base_phone" placeholder="请输入联系电话" />
 			</view>
 			<view class="base_text_item1">
 				<u-icon name="mianji" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>面积(亩)</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>面积(亩)</span>
 				<input type="number" v-model="baseinfo.base_area" placeholder="请输入基地面积" />
 			</view>
 			<view class="base_text_item2">
@@ -38,13 +38,13 @@
 				</view>
 			<view class="base_text_item1" @click="map">
 				<u-icon name="Frame1" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>基地定位</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>基地定位</span>
 				<input type="text" v-model="city" placeholder="请选择地址" disabled style="position: absolute;right: 60rpx;width: 60%;"/>
 				<u-icon name="arrow-right" class="iconright"></u-icon>
 			</view>
 			<view class="base_text_item1" @click="binding">
 				<u-icon name="bangding" custom-prefix="custom-icon" class="icon"></u-icon>
-				<span>设备绑定</span>
+				<span><span style="color: #ff0000;margin: 0;">*</span>设备绑定</span>
 				<u-icon name="arrow-right" class="iconright"></u-icon>
 			</view>
 			<view class="base_id_box">
@@ -61,9 +61,6 @@
 		</view>
 	</view>
 </template>
-<style lang="scss">
-	
-</style>
 <script>
 	export default {
 		data() {
@@ -103,7 +100,7 @@
 				})
 			},
 			gainimg() { //添加图片
-					uni.chooseImage({
+				uni.chooseImage({
 						count: 1, //默认9
 						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
 						sourceType: ['album', 'camera'], //从相册选择
@@ -143,12 +140,6 @@
 				});
 			},
 			tijiao(){
-				// console.log(this.baseinfo)
-				// this.addbase()
-				// localStorage.removeItem("id")
-				// uni.navigateBack({
-				// 	delta:1
-				// })
 				if(this.baseinfo.base_img==''){
 					uni.showToast({
 					    title: '请选择基地图片', 

pages/monitor/video.vue

@@ -1,14 +0,0 @@
-<template>
-	<view class="">
-		<web-view src="http://localhost:8080/#/pages/monitor/detail">
-
-		</web-view>
-	</view>
-
-</template>
-
-<script>
-</script>
-
-<style>
-</style>

static/h5.html

@@ -15,95 +15,161 @@
 				background-color: #f3f3f3;
 			}
 
-			iframe {
+			/* iframe {
 				width: 375px;
 				height: 667px;
 				background-color: #fff;
 				box-sizing: content-box;
 				border: none;
+			} */
+			.btn-box {
+				margin-top: 20px;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-around;
+				align-items: center;
 			}
 
-			@media screen and (min-width: 450px) {
-				iframe {
-					position: fixed;
-					top: 0;
-					right: 0;
-					bottom: 0;
-					left: 0;
-					margin: auto;
-					border: rgba(0, 0, 0, 0.7) solid 10px;
-					border-radius: 4px;
-				}
+			.more,
+			.less {
+				flex: 1
 			}
+
+			img {
+				width: 100%;
+			}
+
+			.direc {
+				width: 150px;
+				height: 150px;
+				background: url('./image/monitor/1.png');
+				background-size: 100% auto;
+				background-repeat: no-repeat;
+				position: relative;
+			}
+
+			.direc div {
+				width: 50px;
+				height: 50px;
+				position: absolute;
+			}
+
+			.top {
+				top: 0;
+				left: 50px
+			}
+
+			.bottom {
+				bottom: 0;
+				left: 50px
+			}
+
+			.left {
+				left: 0;
+				top: 50px
+			}
+
+			.right {
+				right: 0;
+				top: 50px
+			}
+		
 		</style>
 		<script type="text/javascript" src="./js/ezuikit.js"></script>
-		<script type="text/javascript">
-			window.onload = function() {
-				/* 监听电脑浏览器窗口尺寸改变 */
-				//                window.onresize = function(){
-				//                    /* 窗口宽度 小于或等于420px 时，跳转回H5页面 */
-				//                    if(window.innerWidth <= 420){
-				//                        // window.location.pathname = '/uniapp-extend';
-
-				//                    /* 若你的项目未设置根目录（默认为 / 时），则使用下方代码 */
-				//                    // window.location.pathname = '';
-				//                    }
-				//     
-			
-				var obj=JSON.parse(localStorage.getItem('obj'))
-				console.log(obj)
-				var accessToken=obj.accessToken 
-				var device_id=obj.device_id
-				// let name = window.parent.document.getElementsByTagName("iframe")[0].baseURI; //需要iframe的ID
-			
-				// console.log(name)
-				setTimeout(() => {
-					var url = "ezopen://open.ys7.com/"+device_id+"/1.hd.live"
-					var player = new EZUIKit.EZUIPlayer({
-						id: 'myPlayer',
-						url: url,
-						autoplay: true,
-						accessToken: accessToken,
-						decoderPath: 'js/',
-						width: 600,
-						height: 400,
-					});
-					player.play();
-				}, 500)
-			}
-		</script>
+
 	</head>
 	<body>
-		<!-- <iframe src="/uniapp-extend"></iframe> -->
 		<div id="myPlayer"></div>
 		<div class="btn-box">
-			<div class="more" @touchstart="configCamera('move', 8)" @touchend="stopConfigCamera()">
-				<!-- <image src="" :src="moreSrc" mode="widthFix"></image> -->
+			<div class="more" ontouchstart="configCamera('move', 8)" ontouchend="stopConfigCamera()">
+				<image src="./image/monitor/3.png" mode="widthFix"></image>
 			</div>
 			<div class="direc">
-				<div class="top"  @touchstart="configCamera('move', 0)" @touchend="stopConfigCamera()">
-		
-				</div>
-				<div class="bottom"  @touchstart="configCamera('move', 1)" @touchend="stopConfigCamera()">
-		
+				<div class="top" ontouchstart="configCamera('move', 0)" ontouchend="stopConfigCamera()">
+
 				</div>
-				<div class="photo"  @touchstart="configCamera('takephoto', '')" >
-		
+				<div class="bottom" ontouchstart="configCamera('move', 1)" ontouchend="stopConfigCamera()">
+
 				</div>
-				<div class="left"  @touchstart="configCamera('move', 2)" @touchend="stopConfigCamera()">
-		
+				<!-- <div class="photo" ontouchstart="configCamera('takephoto', '')">
+
+				</div> -->
+				<div class="left" ontouchstart="configCamera('move', 2)" ontouchend="stopConfigCamera()">
+
 				</div>
-				<div class="right"  @touchstart="configCamera('move', 6)" @touchend="stopConfigCamera()">
-		
+				<div class="right" ontouchstart="configCamera('move', 6)" ontouchend="stopConfigCamera()">
+
 				</div>
 			</div>
-			<div class="less" @touchstart="configCamera('move', 9)" @touchend="stopConfigCamera()">
-				<image :src="lessSrc" mode="widthFix"></image>
+			<div class="less" ontouchstart="configCamera('move', 9)" ontouchend="stopConfigCamera()">
+				<image src="./image/monitor/2.png" mode="widthFix"></image>
 			</div>
 		</div>
-		<!--
-            若你的项目未设置根目录（默认为 / 时），则使用下方代码
-            <iframe src="/"></iframe>
-        -->
+		
 	</body>
+	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+	<script type="text/javascript">
+		var obj = JSON.parse(localStorage.getItem('obj'))
+		var accessToken = obj.accessToken
+		var device_id = obj.device_id
+		//上下左右和拍照
+		function configCamera(ctrl, movenum) {
+			if (ctrl == "takephoto") {
+				$.ajax({
+					type: "POST",
+					url: "http://182.92.193.64:8002/api/api_gateway?method=camera.camera_manage.camera_takephoto",
+					data: {
+						device_id: device_id,
+					}
+				}).then((res) => {
+
+					if (res.data.data) {
+						var data = JSON.parse(res.data.data);
+						var picUrl = data.data.picUrl;
+					} else {
+						console.log(res.data.message)
+					}
+				});
+			} else {
+				//上下左右、放大、缩小
+				$.ajax({
+					type: "POST",
+					url: "http://182.92.193.64:8002/api/api_gateway?method=camera.camera_manage.ctrl_camera",
+					data: {
+						device_id: device_id,
+						ctrl: ctrl,
+						movenum: movenum,
+					}
+				}).then((res) => {
+
+				})
+			}
+		}
+
+		function stopConfigCamera() {
+			$.ajax({
+				type: "POST",
+				url: "http://182.92.193.64:8002/api/api_gateway?method=camera.camera_manage.ctrl_camera",
+				data: {
+					device_id: device_id,
+					ctrl: "stop",
+				},
+			});
+		}
+		$(function() {
+			setTimeout(() => {
+				var url = "ezopen://open.ys7.com/" + device_id + "/1.hd.live"
+				var player = new EZUIKit.EZUIPlayer({
+					id: 'myPlayer',
+					url: url,
+					autoplay: true,
+					accessToken: accessToken,
+					decoderPath: 'js/',
+					width: 600,
+					height: 400,
+				});
+				player.play();
+			}, 500)
+		})
+	</script>
 </html>