主菜单

api/api.js

@@ -24,6 +24,7 @@ const apiService = {
 	getDeviceInfo(params){
 		return http.get('/ventanaly-device/safety/ventanalyDeviceInfo/DeviceKind/queryBySystem',params);
 	},
+	
 	/**
 	 * 获取文件访问路径
 	 * @param avatar

main.js

@@ -31,6 +31,8 @@ Vue.component('test1',test1)
 import people from './pages/user/people.vue'
 Vue.component('people',people)
 
+import camera from './pages/camera/camera.vue'
+Vue.component('camera',camera)
 import history from './pages/history/history.vue'
 Vue.component('history',history)
 import warndata from './pages/warndata/warndata.vue'

pages.json

@@ -130,6 +130,10 @@
 			"style": {}
 		},
 		{
+			"path": "pages/camera/camera",
+			"style": {}
+		},
+		{
 			"path": "pages/common/exit",
 			"style": {}
 		},

pages/index/index.vue

@@ -1,9 +1,10 @@
 <template>
 	<view>
-		<home :cur="PageCur" v-if="PageCur=='home'" :key="commponent1Key"></home>>
+		<home :cur="PageCur" v-if="PageCur=='home'" :key="commponent1Key"></home>
 		<history :cur="PageCur" v-if="PageCur=='history'" :key="commponent2Key"></history>
 		<warndata :cur="PageCur" v-if="PageCur=='warndata'" :key="commponent3Key"></warndata>
 		<people v-if="PageCur=='people'" :key="commponent4Key"></people>
+		<camera :cur="PageCur" v-if="PageCur=='camera'" :key="commponent5Key"></camera>
 		<view class="cu-bar tabbar bg-white shadow foot">
 			<view :class="PageCur=='home'?'action text-green':'action text-gray'" @click="NavChange" data-cur="home">
 				<view class='cuIcon-homefill'></view>设备监测
@@ -15,7 +16,10 @@
 				<view class='cuIcon-profile'></view>预警分析
 			</view>
 			<view :class="PageCur=='people'?'action text-green':'action text-gray'" @click="NavChange" data-cur="people">
-				<view class='cuIcon-people'></view>个人信息
+				<view class='cuIcon-people'></view>操作记录
+			</view>
+			<view :class="PageCur=='camera'?'action text-green':'action text-gray'" @click="NavChange" data-cur="camera">
+				<view class='cuIcon-camera'></view>视频监测
 			</view>
 		</view>
 	</view>
@@ -27,9 +31,10 @@
 		return {
 				PageCur: 'home',
 				commponent1Key: 0,
-				commponent2Key: 0,
-				commponent3Key: 0,
-				commponent4Key: 0,
+				commponent2Key: 1,
+				commponent3Key: 2,
+				commponent4Key: 3,
+				commponent5Key: 4,
 			}
 		},
 		onLoad:function(){
@@ -38,6 +43,7 @@
 			++this.commponent2Key
 			++this.commponent3Key
 			++this.commponent4Key
+			++this.commponent5Key
 		},
 		methods: {
 			NavChange: function(e) {