From ecb6cadc3f016cf9968f48e0cc77479a1e56365b Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 20 十二月 2020 17:32:06 +0800
Subject: [PATCH] 标定添加关联摄像机tab,绘制区域组件参数更新
---
src/pages/gb28181/index/App.vue | 85 +++++++++++++++---------------------------
1 files changed, 31 insertions(+), 54 deletions(-)
diff --git a/src/pages/gb28181/index/App.vue b/src/pages/gb28181/index/App.vue
index 404eeac..45f138f 100644
--- a/src/pages/gb28181/index/App.vue
+++ b/src/pages/gb28181/index/App.vue
@@ -1,5 +1,5 @@
<template>
- <div class="s-basic-setting">
+ <div class="s-basic-setting" @contextmenu.prevent="toOpenMenuList">
<el-menu
:default-openeds="openeds"
background-color="#fff"
@@ -40,6 +40,7 @@
@change="changeProvince"
size="small"
placeholder="璇烽�夋嫨鐪佷唤"
+ :disabled="gb28181.idType === 0"
>
<el-option
v-for="item in locationCity.provinceOptions"
@@ -82,8 +83,7 @@
style="position: absolute"
v-show="gb28181.idType === 1"
@click="newGBID"
- >鐢熸垚ID</el-button
- >
+ >鐢熸垚ID</el-button>
</el-form-item>
<!-- <el-form-item label="鍥介檯鏈嶅姟鍣ㄧ鍙�" prop="GbServerPort">
@@ -95,15 +95,12 @@
v-model="gb28181.PublicId"
placeholder="璇疯緭鍏�"
size="small"
+ :disabled="gb28181.idType === 1"
></el-input>
</el-form-item>
- <el-form-item label="鍥芥爣绔彛" prop="ServerPort">
- <el-input
- v-model.number="gb28181.GbServerPort"
- placeholder="璇疯緭鍏�"
- size="small"
- ></el-input>
+ <el-form-item label="鍥芥爣绔彛" prop="GbServerPort">
+ <el-input v-model.number="gb28181.GbServerPort" placeholder="璇疯緭鍏�" size="small"></el-input>
</el-form-item>
<el-form-item label="寮�鍚壌鏉�">
@@ -111,17 +108,11 @@
</el-form-item>
<el-form-item label="閴存潈瀵嗙爜" v-show="gb28181.IsAuth">
- <el-input
- v-model="gb28181.Password"
- placeholder="璇疯緭鍏�"
- size="small"
- ></el-input>
+ <el-input v-model="gb28181.Password" placeholder="璇疯緭鍏�" size="small"></el-input>
</el-form-item>
<el-form-item>
- <el-button type="primary" @click="submitGB28281" size="small"
- >淇濆瓨</el-button
- >
+ <el-button type="primary" @click="submitGB28281" size="small">淇濆瓨</el-button>
</el-form-item>
</el-form>
</el-menu-item-group>
@@ -140,37 +131,12 @@
style="width: 100%; color:#000"
:header-cell-style="{ background: '#f8f8f8', color: '#222222', height:'30px' }"
>
- <el-table-column
- type="index"
- label="搴忓彿"
- align="center"
- width="50"
- ></el-table-column>
- <el-table-column
- prop="name"
- label="鍚嶇О"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="id"
- label="ID"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="ip"
- label="IP"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="status"
- label="鐘舵��"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="mark"
- label="澶囨敞"
- align="center"
- ></el-table-column>
+ <el-table-column type="index" label="搴忓彿" align="center" width="50"></el-table-column>
+ <el-table-column prop="name" label="鍚嶇О" align="center"></el-table-column>
+ <el-table-column prop="id" label="ID" align="center"></el-table-column>
+ <el-table-column prop="ip" label="IP" align="center"></el-table-column>
+ <el-table-column prop="status" label="鐘舵��" align="center"></el-table-column>
+ <el-table-column prop="mark" label="澶囨敞" align="center"></el-table-column>
</el-table>
</div>
</el-menu-item-group>
@@ -200,16 +166,17 @@
} from './api'
import { isPort, isIPv4 } from '@/scripts/validate'
-
+import bus from '@/plugin/bus'
export default {
name: 'Gb28181Setting',
directives: {
focus: {
- inserted: function(el) {
+ inserted: function (el) {
el.querySelector('input').focus()
}
}
},
+
data() {
return {
openeds: ['0'],
@@ -261,6 +228,7 @@
}
},
mounted() {
+
//this.$nextTick(()=>{
this.initGB28181Conf()
//})
@@ -271,7 +239,9 @@
if (rsp && rsp.success) {
this.gb28181 = rsp.data
//this.gb28181.idType = 0;
+
this.$set(this.gb28181, 'idType', 0)
+ this.$refs['gb28181'].resetFields();
}
})
getGb28181AreaList().then(rsp => {
@@ -324,11 +294,18 @@
}
})
},
- menuOpen(){
-
+ menuOpen() {
+
},
- menuClose(){
-
+ menuClose() {
+
+ },
+ toOpenMenuList(e) {
+ let t = e.clientY - this.$el.offsetTop + 30;
+ let l = e.clientX - this.$el.offsetLeft;
+
+ window.parent.postMessage({ source: location.href.split('/')[location.href.split('/').length - 1], trigger: 'contextmenu', menuT: t, menuL: l }, "*");
+ return false;
}
}
}
--
Gitblit v1.8.0