jsmapChange&bigScreen

src/views/am/monitor.vue

@@ -9,25 +9,34 @@
 			</div>
 		</el-header>
 		<el-main class="nopadding">
-			<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery"  >
+			<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe
+					 @resetQuery="resetQuery">
 				<el-table-column type="selection" width="50"></el-table-column>
 				<el-table-column label="序号" type="index" width="50"></el-table-column>
 				<el-table-column label="设备编号" prop="deviceCode" min-width="100"></el-table-column>
 				<el-table-column label="通道编号" prop="channelCode" min-width="100"></el-table-column>
 				<el-table-column label="通道名称" prop="channelName" min-width="150"></el-table-column>
-				<el-table-column label="通道状态" prop="stat" min-width="150"></el-table-column>
-				<el-table-column label="通道类型" min-width="100">
-					<template #default="scope">{{scope.row.channelType}}</template>
+				<el-table-column label="通道状态" prop="stat" min-width="150">
+					<template #default="scope">
+						<span v-if="scope.row.stat===0">不启用</span>
+						<span v-else>启用</span>
+					</template>
 				</el-table-column>
-				<el-table-column label="设备类型" min-width="100">
-					<template #default="scope">{{scope.row.cameraType}}</template>
+				<el-table-column label="摄像头类型" min-width="100">
+					<template #default="scope">{{deviceTypes[scope.row.cameraType]}}</template>
 				</el-table-column>
-				<el-table-column label="是否在线" prop="isOnline" min-width="180"></el-table-column>
-				<el-table-column label="创建时间" prop="createTime" width="160"></el-table-column>
-				<el-table-column label="操作" fixed="right" align="center" width="160">
+				<el-table-column label="是否在线" prop="isOnline" min-width="180">
+					<template #default="scope">
+						<span v-if="scope.row.isOnline===0">离线</span>
+						<span v-else>在线</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="创建时间" prop="createTime" min-width="160"></el-table-column>
+				<el-table-column label="操作" fixed="right" align="center" width="260">
 					<template #default="scope">
 						<el-button-group>
-							<el-button text type="primary" size="small" @click="handlePosition(scope.row)">标记位置</el-button>
+							<el-button text type="primary" size="small" @click="handlePosition(scope.row)">标记位置
+							</el-button>
 							<el-button text type="primary" size="small" @click="handleView(scope.row)">实时监控</el-button>
 							<el-popconfirm title="确定删除吗？" @confirm="handleDel(scope.row, scope.$index)">
 								<template #reference>
@@ -53,14 +62,16 @@
 			<el-button @click="limitedVisible = false">关闭</el-button>
 		</template>
 	</el-dialog>
-	<video-channel-view v-if="dialogSave" ref="saveDialog" :channelType="60" :channelCode="channelCode" :channelName="channelName" @closed="dialogSave=false"></video-channel-view>
+	<channel-view v-if="dialogSave" ref="saveDialog" :channelType="60" :channelCode="channelCode"
+				  :channelName="channelName" @closed="dialogSave=false"></channel-view>
 </template>
 <script>
-	import videoChannelView from './vchannel_view'
+	import channelView from './vchannel_view'
+
 	export default {
 		name: 'monitor',
 		components: {
-			videoChannelView
+			channelView
 		},
 		data() {
 			return {
@@ -83,7 +94,11 @@
 					},
 					code: 'video_realtime'
 				},
-
+				deviceTypes: {
+					'1': '枪机',
+					'2': '球机',
+					'3': '半球'
+				}
 			}
 		},
 		created() {

src/views/am/vchannel_view.vue

@@ -200,6 +200,7 @@
 				that.form.location = pixel;*/
 				this.form.code = this.channelCode;
 				this.form.type = this.channelType;
+				this.form.name = this.channelName;
 				that.$API.am.tdevice.labelLocation.req(that.form)
 					.then(res => {
 						that.isSaveing = false;