标定添加关联摄像机tab,绘制区域组件参数更新

hanbaoshan

2020-12-20 ecb6cadc3f016cf9968f48e0cc77479a1e56365b

 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;
    }
  }
}