function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import { _ as n, a as e } from "./record-WJfBn7Fn.js";
import { _ as r } from "./stop-DrpmwvZH.js";
import { _ as t } from "./mount_head-c1OIlkSj.js";
import { n as i, c as o } from "./index-BcLRpF0n.js";
import "vue";
import "vue-clipboard2";
import "interactjs";
import "prismjs";
import "prismjs/themes/prism-okaidia.css";
import "@liveqing/liveplayer";
import "jquery";
import "mqtt/dist/mqtt";
import "vuex";
import "axios";
import "element-ui";
import "vue-router";
import "moment";
import "terraformer-wkt-parser";
import "dayjs";
import "file-saver";
import "nanoid";
import "jspack";
import "recorder-core";
import "recorder-core/src/engine/mp3";
import "recorder-core/src/engine/mp3-engine";
import "recorder-core/src/engine/pcm";
import "js-base64";
import "element-ui/lib/theme-chalk/index.css";
var a = new Array(0, 49, 98, 83, 196, 245, 166, 151, 185, 136, 219, 234, 125, 76, 31, 46, 67, 114, 33, 16, 135, 182, 229, 212, 250, 203, 152, 169, 62, 15, 92, 109, 134, 183, 228, 213, 66, 115, 32, 17, 63, 14, 93, 108, 251, 202, 153, 168, 197, 244, 167, 150, 1, 48, 99, 82, 124, 77, 30, 47, 184, 137, 218, 235, 61, 12, 95, 110, 249, 200, 155, 170, 132, 181, 230, 215, 64, 113, 34, 19, 126, 79, 28, 45, 186, 139, 216, 233, 199, 246, 165, 148, 3, 50, 97, 80, 187, 138, 217, 232, 127, 78, 29, 44, 2, 51, 96, 81, 198, 247, 164, 149, 248, 201, 154, 171, 60, 13, 94, 111, 65, 112, 35, 18, 133, 180, 231, 214, 122, 75, 24, 41, 190, 143, 220, 237, 195, 242, 161, 144, 7, 54, 101, 84, 57, 8, 91, 106, 253, 204, 159, 174, 128, 177, 226, 211, 68, 117, 38, 23, 252, 205, 158, 175, 56, 9, 90, 107, 69, 116, 39, 22, 129, 176, 227, 210, 191, 142, 221, 236, 123, 74, 25, 40, 6, 55, 100, 85, 194, 243, 160, 145, 71, 118, 37, 20, 131, 178, 225, 208, 254, 207, 156, 173, 58, 11, 88, 105, 4, 53, 102, 87, 192, 241, 162, 147, 189, 140, 223, 238, 121, 72, 27, 42, 193, 240, 163, 146, 5, 52, 103, 86, 120, 73, 26, 43, 188, 141, 222, 239, 130, 179, 224, 209, 70, 119, 36, 21, 59, 10, 89, 104, 255, 206, 157, 172),
  s = 11;
function l(n) {
  for (var e = 0, r = 1, t = n[2]; t--;) e = a[e ^ n[r]], r++;
  return e;
}
var d,
  c,
  m = {
    server_status: 15,
    param1: 0,
    param2: 0,
    param3: 0,
    param4: 0
  },
  _ = 17,
  v = 31,
  u = 13,
  p = 18,
  A = 12,
  h = 5,
  f = 5,
  b = 6,
  g = 6,
  C = 8,
  x = 17,
  E = 8,
  k = 5,
  y = 5,
  w = 45,
  M = 4,
  z = 4,
  S = {
    A1C1E1: (c = {
      A1C1E1: _ + (d = 3),
      A1C1E1S1: v + d,
      A2C2E2: u + d,
      A2C2E2S2: p + d,
      A1: A + d,
      A2: h + d,
      C1: f + d,
      C2: b + d,
      E1: g + d,
      E2: C + d,
      S1: x + d,
      S2: E + d,
      U: k + d,
      V: y + d,
      M_AHRS: w + d,
      HEART_BEAT: M + d,
      SHAKE_HAND: z + d
    }).A1C1E1 + 2,
    A1C1E1S1: c.A1C1E1S1 + 2,
    A2C2E2: c.A2C2E2 + 2,
    A2C2E2S2: c.A2C2E2S2 + 2,
    A1: c.A1 + 2,
    A2: c.A2 + 2,
    C1: c.C1 + 2,
    C2: c.C2 + 2,
    E1: c.E1 + 2,
    E2: c.E2 + 2,
    S1: c.S1 + 2,
    S2: c.S2 + 2,
    U: c.U + 2,
    V: c.V + 2,
    M_AHRS: c.M_AHRS + 2,
    HEART_BEAT: c.HEART_BEAT + 2,
    SHAKE_HAND: c.SHAKE_HAND + 2
  },
  T = {
    A1C1E1: S.A1C1E1 + 2,
    A1C1E1S1: S.A1C1E1S1 + 2,
    A2C2E2: S.A2C2E2 + 2,
    A2C2E2S2: S.A2C2E2S2 + 2,
    A1: S.A1 + 2,
    A2: S.A2 + 2,
    C1: S.C1 + 2,
    C2: S.C2 + 2,
    E1: S.E1 + 2,
    E2: S.E2 + 2,
    S1: S.S1 + 2,
    S2: S.S2 + 2,
    U: S.U + 2,
    V: S.V + 2,
    M_AHRS: S.M_AHRS + 2,
    HEART_BEAT: S.HEART_BEAT + 2,
    SHAKE_HAND: S.SHAKE_HAND + 2
  },
  j = 26,
  D = T.A1 - 1,
  R = (c = {
    A1C1E1: _ + (d = 3),
    A1C1E1S1: v + d,
    A2C2E2: u + d,
    A2C2E2S2: p + d,
    A1: A + d,
    A2: h + d,
    C1: f + d,
    C2: b + d,
    E1: g + d,
    E2: C + d,
    S1: x + d,
    S2: E + d,
    U: k + d,
    V: y + d,
    M_AHRS: w + d,
    HEART_BEAT: M + d,
    SHAKE_HAND: z + d
  }, c.A1C1E1S1, c.A2C2E2, c.A2C2E2S2, c.A1 - 1);
c.A2, c.C1, c.C2, c.E1, c.E2, c.S1, c.S2, c.U, c.V, c.M_AHRS, c.HEART_BEAT, c.SHAKE_HAND;
function B(n) {
  var e = (r = n, (t = new Array())[0] = r.server_status, t[1] = r.param1 >> 8, t[2] = 255 & r.param1, t[3] = r.param2 >> 8, t[4] = 255 & r.param2, t[5] = r.param3 >> 8, t[6] = 255 & r.param3, t[7] = r.param4 >> 8, t[8] = 255 & r.param4, t);
  var r, t;
  var i = [85, 170, 220, 0, 0];
  return i[3] = A, i[4] = j, e.forEach(function (n) {
    i.push(n);
  }), i[R] = function (n) {
    for (var e = n[3], r = 4, t = (63 & n[3]) - 2; t--;) e ^= n[r], r++;
    return e;
  }(i), i;
}
function H(n, e) {
  var r = 0,
    t = 0,
    i = 0,
    o = [];
  for (i = e % 48 == 0 ? parseInt(e / 48, 10) : parseInt(e / 48, 10) + 1, r = 0; r < i; r++) {
    if (i - r == 1) {
      for (t = 0; t < e - 48 * r; t++) o[t] = n[48 * r + t], Number(n[48 * r + t]).toString(16);
      return o;
    }
    for (t = 0; t < 48; t++) o[t] = n[48 * r + t], Number(n[48 * r + t]).toString(16);
    return o;
  }
}
var Z = {
  change_pitch_angle: function change_pitch_angle(n) {
    var e = {
      server_status: 11,
      param1: 0,
      param2: 0,
      param3: 0,
      param4: 0
    };
    var r = new Array(165, 79, 0);
    r[2] = 17, e.server_status = 11;
    var t = 0;
    return n >= 0 ? (t = n, e.param2 = 65536 * t / 360) : (t = n, e.param2 = 65536 * t / 360 + 65536), B(e).forEach(function (n) {
      r.push(n);
    }), r[18] = l(r), H(r, 19);
  },
  change_yaw_angle: function change_yaw_angle(n) {
    var e = Number(n),
      r = new Array(165, 79, 0);
    r[2] = S.A1, m.server_status = s;
    var t = 0;
    e >= 0 ? (t = e, m.param1 = 65536 * t / 360) : (t = e, m.param1 = 65536 * t / 360 + 65536);
    var i = B(m);
    return i.forEach(function (n) {
      r.push(n);
    }), console.log(i, "buff_arr"), r[D] = l(r), H(r, T.A1);
  }
};
var U = new Array(0, 49, 98, 83, 196, 245, 166, 151, 185, 136, 219, 234, 125, 76, 31, 46, 67, 114, 33, 16, 135, 182, 229, 212, 250, 203, 152, 169, 62, 15, 92, 109, 134, 183, 228, 213, 66, 115, 32, 17, 63, 14, 93, 108, 251, 202, 153, 168, 197, 244, 167, 150, 1, 48, 99, 82, 124, 77, 30, 47, 184, 137, 218, 235, 61, 12, 95, 110, 249, 200, 155, 170, 132, 181, 230, 215, 64, 113, 34, 19, 126, 79, 28, 45, 186, 139, 216, 233, 199, 246, 165, 148, 3, 50, 97, 80, 187, 138, 217, 232, 127, 78, 29, 44, 2, 51, 96, 81, 198, 247, 164, 149, 248, 201, 154, 171, 60, 13, 94, 111, 65, 112, 35, 18, 133, 180, 231, 214, 122, 75, 24, 41, 190, 143, 220, 237, 195, 242, 161, 144, 7, 54, 101, 84, 57, 8, 91, 106, 253, 204, 159, 174, 128, 177, 226, 211, 68, 117, 38, 23, 252, 205, 158, 175, 56, 9, 90, 107, 69, 116, 39, 22, 129, 176, 227, 210, 191, 142, 221, 236, 123, 74, 25, 40, 6, 55, 100, 85, 194, 243, 160, 145, 71, 118, 37, 20, 131, 178, 225, 208, 254, 207, 156, 173, 58, 11, 88, 105, 4, 53, 102, 87, 192, 241, 162, 147, 189, 140, 223, 238, 121, 72, 27, 42, 193, 240, 163, 146, 5, 52, 103, 86, 120, 73, 26, 43, 188, 141, 222, 239, 130, 179, 224, 209, 70, 119, 36, 21, 59, 10, 89, 104, 255, 206, 157, 172);
var V = 17,
  G = 31,
  I = 13,
  F = 18,
  $ = 12,
  N = 5,
  q = 5,
  K = 6,
  Y = 6,
  O = 8,
  L = 17,
  W = 8,
  P = 5,
  Q = 5,
  X = 45,
  J = 4,
  nn = 4,
  en = {
    A1C1E1: (tn = {
      A1C1E1: V + (rn = 3),
      A1C1E1S1: G + rn,
      A2C2E2: I + rn,
      A2C2E2S2: F + rn,
      A1: $ + rn,
      A2: N + rn,
      C1: q + rn,
      C2: K + rn,
      E1: Y + rn,
      E2: O + rn,
      S1: L + rn,
      S2: W + rn,
      U: P + rn,
      V: Q + rn,
      M_AHRS: X + rn,
      HEART_BEAT: J + rn,
      SHAKE_HAND: nn + rn
    }).A1C1E1 + 2,
    A1C1E1S1: tn.A1C1E1S1 + 2,
    A2C2E2: tn.A2C2E2 + 2,
    A2C2E2S2: tn.A2C2E2S2 + 2,
    A1: tn.A1 + 2,
    A2: tn.A2 + 2,
    C1: tn.C1 + 2,
    C2: tn.C2 + 2,
    E1: tn.E1 + 2,
    E2: tn.E2 + 2,
    S1: tn.S1 + 2,
    S2: tn.S2 + 2,
    U: tn.U + 2,
    V: tn.V + 2,
    M_AHRS: tn.M_AHRS + 2,
    HEART_BEAT: tn.HEART_BEAT + 2,
    SHAKE_HAND: tn.SHAKE_HAND + 2
  };
var rn,
  tn,
  on = {
    A1C1E1: en.A1C1E1 + 2,
    A1C1E1S1: en.A1C1E1S1 + 2,
    A2C2E2: en.A2C2E2 + 2,
    A2C2E2S2: en.A2C2E2S2 + 2,
    A1: en.A1 + 2,
    A2: en.A2 + 2,
    C1: en.C1 + 2,
    C2: en.C2 + 2,
    E1: en.E1 + 2,
    E2: en.E2 + 2,
    S1: en.S1 + 2,
    S2: en.S2 + 2,
    U: en.U + 2,
    V: en.V + 2,
    M_AHRS: en.M_AHRS + 2,
    HEART_BEAT: en.HEART_BEAT + 2,
    SHAKE_HAND: en.SHAKE_HAND + 2
  };
var an = {
  SENSOR: 0,
  IR_DZOOM: 0,
  IR_WHITE_BLACK: 0,
  recstatus: 0,
  ir_gray_color: 0,
  eo_dzoom: 0,
  res: 0,
  lrf_value: 0,
  v_fov: 0,
  h_fov: 0,
  eo_zoom: 0
};
var sn = 44,
  ln = 64,
  dn = on.C2 - 1;
var cn = {
  B1_bit012: 1,
  B1_bit34: 0,
  B1_bit567: 1,
  B2_bit012: 1,
  B2_bit3: 0,
  B2_bit4567: 0,
  UAV_latitude: 0,
  UAV_longitude: 0,
  UAV_altitude: 0,
  Target_latitude: 0,
  Target_longitude: 0,
  Target_altitude: 0
};
tn = {
  A1C1E1: V + (rn = 3),
  A1C1E1S1: G + rn,
  A2C2E2: I + rn,
  A2C2E2S2: F + rn,
  A1: $ + rn,
  A2: N + rn,
  C1: q + rn,
  C2: K + rn,
  E1: Y + rn,
  E2: O + rn,
  S1: L + rn,
  S2: W + rn,
  U: P + rn,
  V: Q + rn,
  M_AHRS: X + rn,
  HEART_BEAT: J + rn,
  SHAKE_HAND: nn + rn
}, tn.A1C1E1S1, tn.A2C2E2, tn.A2C2E2S2, tn.A1, tn.A2, tn.C1;
var mn = tn.C2 - 1;
tn.E1, tn.E2, tn.S1, tn.S2, tn.U, tn.V, tn.M_AHRS, tn.HEART_BEAT, tn.SHAKE_HAND;
var _n = {
  ctrl: 83,
  param: 0
};
function vn(n) {
  var e = new Uint8Array(n),
    r = new Uint8Array(22),
    t = new Uint8Array(1),
    i = new Uint8Array(6),
    o = new Uint8Array(12),
    a = 0;
  for (a = 0; a < 22; a++) r[a] = e[a + 5];
  for (a = 0; a < 1; a++) t[a] = e[a + 27];
  for (a = 0; a < 6; a++) i[a] = e[a + 28];
  for (a = 0; a < 12; a++) o[a] = e[a + 34];
  return function (n) {
    cn.UAV_latitude = (n[2] << 24 | n[3] << 16 | n[4] << 8 | n[5]) / 1e7, cn.UAV_longitude = (n[6] << 24 | n[7] << 16 | n[8] << 8 | n[9]) / 1e7, cn.UAV_altitude = n[10] << 8 | n[11], cn.Target_latitude = (n[12] << 24 | n[13] << 16 | n[14] << 8 | n[15]) / 1e7, cn.Target_longitude = (n[16] << 24 | n[17] << 16 | n[18] << 8 | n[19]) / 1e7, cn.Target_altitude = n[20] << 8 | n[21];
    var e = new Int16Array(1);
    return e[0] = n[20] << 8 | n[21], cn.Target_altitude = e[0], {
      longitude: cn.Target_longitude,
      latitude: cn.Target_latitude,
      altitude: cn.Target_altitude
    };
  }(r);
}
function un(n) {
  var e = new Uint8Array(n),
    r = new Uint8Array(22),
    t = new Uint8Array(1),
    i = new Uint8Array(6),
    o = new Uint8Array(12),
    a = 0;
  for (a = 0; a < 22; a++) r[a] = e[a + 5];
  for (a = 0; a < 1; a++) t[a] = e[a + 27];
  for (a = 0; a < 6; a++) i[a] = e[a + 28];
  for (a = 0; a < 12; a++) o[a] = e[a + 34];
  return function (n) {
    return an.SENSOR = 7 & n[0], an.IR_DZOOM = (120 & n[0]) >> 3, an.IR_WHITE_BLACK = n[0] >> 7, an.recstatus = 3 & n[3], an.ir_gray_color = (60 & n[3]) >> 2, an.eo_dzoom = (192 & n[3]) >> 6 | (3 & n[2]) << 2, an.lrf_value = n[4] << 8 | n[5], an.v_fov = .01 * (n[6] << 8 | n[7]), an.h_fov = .01 * (n[8] << 8 | n[9]), an.eo_zoom = .1 * (n[10] << 8 | n[11]), an.lrf_value / 10;
  }(o);
}
function pn(n) {
  for (var e = n[3], r = 4, t = (63 & n[3]) - 2; t--;) e ^= n[r], r++;
  return e;
}
function An(n) {
  var e = function (n) {
      var e = new Array();
      return e[0] = n.ctrl, e[1] = n.param >> 8, e[2] = 255 & n.param, e;
    }(n),
    r = [85, 170, 220, 0, 0];
  return r[3] = K, r[4] = sn, e.forEach(function (n) {
    r.push(n);
  }), r[mn] = pn(r), r;
}
var hn = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
  tracksource: 0
}, "tracksource", 1), "tracksource", 2), "trackstatus", 0), "trackstatus", 1), "trackstatus", 2), "trackstatus", 3);
function fn(n) {
  var e = new Uint8Array(n),
    r = new Uint8Array(22),
    t = new Uint8Array(1),
    i = new Uint8Array(6),
    o = new Uint8Array(12),
    a = 0;
  for (a = 0; a < 22; a++) r[a] = e[a + 5];
  for (a = 0; a < 1; a++) t[a] = e[a + 27];
  for (a = 0; a < 6; a++) i[a] = e[a + 28];
  for (a = 0; a < 12; a++) o[a] = e[a + 34];
  return function (n) {
    return hn.tracksource = 7 & n, hn.trackstatus = (24 & n) >> 3, 3 == (e = hn.trackstatus) ? "丢失" : 2 == e ? "跟踪中" : 1 == e ? "搜索" : "停止";
    var e;
  }(t);
}
var bn = {
  zoomTo: function zoomTo(n) {
    var e = Number(n),
      r = [165, 79, 0];
    r[2] = en.C2, _n.param = 10 * e;
    return An(_n).forEach(function (n) {
      r.push(n);
    }), r[dn] = function (n) {
      for (var e = 0, r = 1, t = n[2]; t--;) e = U[e ^ n[r]], r++;
      return e;
    }(r), function (n, e) {
      var r = 0,
        t = 0,
        i = 0,
        o = [];
      for (i = e % 48 == 0 ? parseInt(e / 48, 10) : parseInt(e / 48, 10) + 1, r = 0; r < i; r++) {
        if (i - r == 1) {
          for (t = 0; t < e - 48 * r; t++) o[t] = n[48 * r + t], Number(n[48 * r + t]).toString(16);
          return o;
        }
        for (t = 0; t < 48; t++) o[t] = n[48 * r + t], Number(n[48 * r + t]).toString(16);
        return o;
      }
    }(r, on.C2);
  },
  gcs_transmit_ctrl: function gcs_transmit_ctrl(n) {
    var e = 0,
      r = 0;
    if (85 == n[3] && 170 == n[4] && 220 == n[5] && n[2] == 5 + (63 & n[6])) {
      r = 3 + (63 & n[6]);
      var t = new Uint8Array(r);
      for (e = 0; e < r; e++) t[e] = n[e + 3];
      if (pn(t) == t[r - 1] && n[7] === ln) return vn(t);
    }
  },
  gcs_status: function gcs_status(n) {
    var e = 0,
      r = 0;
    if (85 == n[3] && 170 == n[4] && 220 == n[5] && n[2] == 5 + (63 & n[6])) {
      r = 3 + (63 & n[6]);
      var t = new Uint8Array(r);
      for (e = 0; e < r; e++) t[e] = n[e + 3];
      if (pn(t) == t[r - 1] && n[7] === ln) return fn(t);
    }
  },
  get_msg_D1_parse: function get_msg_D1_parse(n) {
    var e = 0,
      r = 0;
    if (85 == n[3] && 170 == n[4] && 220 == n[5] && n[2] == 5 + (63 & n[6])) {
      r = 3 + (63 & n[6]);
      var t = new Uint8Array(r);
      for (e = 0; e < r; e++) t[e] = n[e + 3];
      if (pn(t) == t[r - 1] && n[7] === ln) return un(t);
    }
  }
};
var gn = null;
var Cn = {
  props: {
    containerStyle: {
      type: Object,
      "default": function _default() {
        return {};
      }
    },
    device: {
      type: Object,
      "default": function _default() {
        return {};
      }
    },
    selected_mount: {
      type: Object,
      "default": function _default() {
        return {};
      }
    },
    moveType: {
      type: String,
      "default": function _default() {
        return "";
      }
    },
    keyFlag: {
      type: Boolean,
      "default": function _default() {
        return !1;
      }
    },
    payload_data: {
      type: Array,
      "default": function _default() {
        return [];
      }
    }
  },
  data: function data() {
    return {
      frameModel: 0,
      control_mode: 3,
      holdercolorDomV1: 1,
      holderModelDomV1: 1,
      holderModelDomV2: 1,
      dj_mode: 0,
      pitch: 0,
      yaw: 0,
      zoom: 0,
      aqerturn_mode: 0,
      colour_mode: 0,
      visibility: 1,
      holder_electron_value: 1,
      holder_night_value: 0,
      jz_mode: 1,
      lk_mode: 0,
      zd_mode: 0,
      Kdt_mode: 0,
      dz_mode: 0,
      tw_mode: 0,
      holder_bph_value: 0,
      ai_mode: 1,
      timer: null,
      value: 25,
      value2: 25,
      ptz_mode: 1,
      record: !1,
      radio: 1,
      opacity: {},
      gcs_status: "",
      jgcj: 0,
      drd: {
        dj_mode: [{
          id: 0,
          label: "关闭"
        }, {
          id: 1,
          label: "打开"
        }],
        ptz_mode: [{
          id: 0,
          label: "锁定"
        }, {
          id: 1,
          label: "跟随"
        }, {
          id: 2,
          label: "回中"
        }]
      }
    };
  },
  computed: {
    stream: function stream() {
      return this.$store.state.fckernel.stream;
    }
  },
  watch: {
    payload_data: {
      handler: function handler(n) {
        this.resolve_payload(n);
      },
      deep: !0
    }
  },
  beforeDestroy: function beforeDestroy() {
    gn && (window.viewer.entities.remove(gn), gn = null), this.$store.commit("device/SET_MOVE_DATA", _objectSpread(_objectSpread({}, this.device), {}, {
      mountStatus: 0
    }));
  },
  methods: {
    resolve_payload: function resolve_payload(n) {
      var e = new Uint8Array(n),
        r = bn.gcs_transmit_ctrl(e);
      r && (this.opacity = r);
      var t = bn.gcs_status(e);
      t && (this.gcs_status = t), r && this.init(r);
      var i = bn.get_msg_D1_parse(e);
      null != i && (this.jgcj = i);
    },
    init: function init(n) {
      var _this = this;
      try {
        if (n && n.longitude) {
          var _e = Cesium.Cartesian3.fromDegrees(1 * n.longitude, 1 * n.latitude, 1 * n.altitude);
          this.position = _e, !gn && this.position && (gn = window.viewer.entities.add({
            position: new Cesium.CallbackProperty(function () {
              return _this.position;
            }, !1),
            billboard: {
              image: "c2e5e6d9e833741b.svg",
              width: 32,
              height: 32
            }
          }));
        }
      } catch (n) {
        console.log(n);
      }
    },
    handle_change_click_mode: function handle_change_click_mode(n) {
      this.holderModelDomV1 = n;
      var e = {
        0: [165, 79, 11, 85, 170, 220, 6, 30, 0, 1, 0, 25, 118],
        1: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 5, 8, 2, 255, 134, 186],
        2: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 89, 2, 255, 214, 84]
      }[n];
      this.commit_directive(e);
    },
    handle_change_click_color: function handle_change_click_color(n) {
      this.holdercolorDomV1 = n;
      var e = {
        0: [165, 79, 10, 85, 170, 220, 5, 28, 3, 192, 218, 101],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 3, 128, 154, 209],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 4, 128, 157, 165]
      }[n];
      this.commit_directive(e);
    },
    change_frame_model: function change_frame_model(n) {
      this.frameModel = n;
      var e = {
        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 1, 24, 212],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 3, 26, 111],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 4, 29, 86],
        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 2, 27, 170]
      }[n];
      this.commit_directive(e);
    },
    handle_change_ptz_mode: function handle_change_ptz_mode(n) {
      this.holderModelDomV2 = n;
      var e = {
        0: [165, 79, 17, 85, 170, 220, 12, 26, 10, 0, 0, 0, 0, 0, 0, 0, 0, 28, 197],
        1: [165, 79, 17, 85, 170, 220, 12, 26, 3, 0, 0, 0, 0, 0, 0, 0, 0, 21, 53],
        2: [165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101]
      }[n];
      this.commit_directive(e);
    },
    change_control_mode: function change_control_mode() {
      var n = this.control_mode,
        e = {
          0: [165, 79, 17, 85, 170, 220, 12, 26, 18, 0, 0, 0, 0, 0, 0, 0, 0, 4, 105],
          1: [165, 79, 17, 85, 170, 220, 12, 26, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 180],
          2: [165, 79, 17, 85, 170, 220, 12, 26, 23, 0, 0, 0, 0, 0, 0, 0, 0, 1, 207],
          3: [165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101]
        }[n];
      this.commit_directive(e);
    },
    handle_change_dj_mode: function handle_change_dj_mode(n) {
      var e = null;
      if (0 == n) {
        var _n2 = {
          0: [165, 79, 11, 85, 170, 220, 6, 30, 0, 1, 0, 25, 118],
          1: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 5, 8, 2, 255, 134, 186],
          2: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 89, 2, 255, 214, 84]
        }[this.holderModelDomV1];
        this.commit_directive(_n2), this.$store.commit("device/SET_MOVE_DATA", _objectSpread(_objectSpread({}, this.device), {}, {
          mountStatus: 0
        }));
      } else e = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205], this.$store.commit("device/SET_MOVE_DATA", _objectSpread(_objectSpread({}, this.device), {}, {
        mountStatus: n,
        mountId: this.selected_mount.mountId,
        moveType: this.moveType,
        name: this.selected_mount.name
      }));
      this.commit_directive(e);
    },
    handle_change_zd_mode: function handle_change_zd_mode(n) {
      this.$store.commit("device/SET_MOVE_DATA", _objectSpread(_objectSpread({}, this.device), {}, {
        mountStatus: n,
        mountId: this.selected_mount.mountId,
        moveType: this.moveType,
        name: this.selected_mount.name
      }));
    },
    handle_change_pitch: function handle_change_pitch() {
      if (this.pitch > 200 && (this.pitch = 200), this.pitch) {
        var _n3 = Z.change_pitch_angle(this.pitch);
        this.commit_directive(_n3);
      }
    },
    handle_change_yaw: function handle_change_yaw() {
      var n = Z.change_yaw_angle(this.yaw);
      this.commit_directive(n);
    },
    handle_change_Zoom: function handle_change_Zoom() {
      var n = bn.zoomTo(this.zoom);
      this.commit_directive(n);
    },
    handle_zoom_reduce: function handle_zoom_reduce() {
      this.commit_directive({
        0: [165, 79, 10, 85, 170, 220, 5, 28, 2, 57, 34, 195],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 2, 59, 32, 120],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 2, 60, 39, 65],
        3: [165, 79, 10, 85, 170, 220, 5, 28, 2, 58, 33, 189]
      }[this.frameModel]);
    },
    handle_zoom_plus: function handle_zoom_plus() {
      this.commit_directive({
        0: [165, 79, 10, 85, 170, 220, 5, 28, 2, 121, 98, 119],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 2, 123, 96, 204],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 2, 124, 103, 245],
        3: [165, 79, 10, 85, 170, 220, 5, 28, 2, 122, 97, 9]
      }[this.frameModel]);
    },
    stopChange: function stopChange() {
      this.value = 25, this.value2 = 25;
      this.commit_directive({
        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 121, 96, 153],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 123, 98, 34],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 124, 101, 27],
        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 122, 99, 231]
      }[this.frameModel]);
    },
    handle_zoom: function handle_zoom(n) {
      this.commit_directive({
        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 121, 96, 153],
        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 123, 98, 34],
        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 124, 101, 27],
        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 122, 99, 231]
      }[this.frameModel]);
    },
    change_aqerturn_mode: function change_aqerturn_mode() {
      var n = this.aqerturn_mode;
      if (0 != n) {
        var _n4 = [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246, 82];
        this.commit_directive(_n4);
      }
      this.commit_directive({
        0: [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 0, 255, 244, 188],
        1: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 2, 0, 255, 214, 106],
        2: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 4, 0, 255, 208, 197],
        3: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 6, 0, 255, 210, 160],
        4: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 8, 0, 255, 220, 170]
      }[n]);
    },
    change_colour_mode: function change_colour_mode() {
      var n = this.colour_mode;
      if (0 != n) {
        var _n5 = [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 6, 255, 242, 191];
        this.commit_directive(_n5);
      }
      this.commit_directive({
        0: [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246, 82],
        1: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 2, 0, 255, 221, 85],
        2: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 4, 0, 255, 219, 250],
        3: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 6, 0, 255, 217, 159],
        4: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 8, 0, 255, 215, 149]
      }[n]);
    },
    handle_change_visibility_mode: function handle_change_visibility_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 6, 255, 182, 88], this.commit_directive(e);
    },
    handle_change_electron_mode: function handle_change_electron_mode(n) {
      this.holder_electron_value = n;
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 2, 255, 187, 186], this.commit_directive(e);
    },
    handle_change_night_mode: function handle_change_night_mode(n) {
      this.holder_night_value = n;
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 81, 3, 255, 223, 134] : 1 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 2, 255, 142, 87] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 3, 255, 143, 32], this.commit_directive(e);
    },
    handle_change_jz_mode: function handle_change_jz_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 0, 255, 222, 122] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 5, 255, 219, 224], this.commit_directive(e);
    },
    handle_change_lk_mode: function handle_change_lk_mode(n) {
      var e = null;
      e = 0 == n ? [166, 1, 3, 0, 107] : [166, 1, 3, 1, 90], this.commit_directive(e);
    },
    handle_change_kdt_mode: function handle_change_kdt_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 2, 255, 178, 181], this.commit_directive(e);
    },
    handle_change_dz_mode: function handle_change_dz_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 3, 255, 136, 37] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 2, 255, 137, 82], this.commit_directive(e);
    },
    handle_change_tw_mode: function handle_change_tw_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 3, 0, 255, 186, 187] : [165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 2, 3, 255, 184, 136], this.commit_directive(e);
    },
    handle_change_bph_mode: function handle_change_bph_mode(n) {
      this.holder_bph_value = n;
      var e = null;
      e = 0 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 0, 255, 184, 254] : 1 == n ? [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 1, 255, 185, 137] : [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 2, 255, 186, 16], this.commit_directive(e);
    },
    handle_change_ai_mode: function handle_change_ai_mode(n) {
      var e = null;
      e = 0 == n ? [165, 79, 11, 85, 170, 220, 6, 30, 0, 5, 0, 29, 155] : [165, 79, 11, 85, 170, 220, 6, 30, 0, 5, 1, 28, 94], this.commit_directive(e);
    },
    close: function close() {
      this.record ? this.$message.info("请结束录像后再关闭！") : this.$emit("close");
    },
    handle_take_photo: function handle_take_photo() {
      if (!this.keyFlag) return this.$message.error("拍照失败，NX通信异常！");
      var n = {
        data: {
          data: {
            videoID: 1
          }
        },
        type: 528
      };
      "QingLiu" == this.stream ? n.data.messageID = 1016 : n.data.messageID = 1007, this.$emit("take_photo", n);
    },
    handle_record: function handle_record() {
      if (!this.keyFlag) return this.$message.error("录像失败，NX通信异常！");
      this.record = !this.record;
      var n = {
        data: {
          data: {
            videoID: 1
          }
        },
        type: 528
      };
      "QingLiu" == this.stream ? (n.data.messageID = 1017, n.data.data.status = this.record) : (n.data.messageID = 1006, n.data.data.recordControl = this.record), this.$emit("record", n);
    },
    onChangezoom: function onChangezoom(n) {
      if (console.log(n, "e"), n < 25) {
        var _n6 = [165, 4, 3, 0, 4];
        this.commit_directive(_n6);
      }
      if (n > 25) {
        var _n7 = [165, 4, 3, 2, 102];
        this.commit_directive(_n7);
      }
      25 == n && this.handle_zoom(1), this.value2 = n;
    },
    commit_directive: function commit_directive(n) {
      this.$emit("directive", n);
    },
    fangxiang: function fangxiang(n) {
      var e = null;
      switch (n) {
        case "up":
          e = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 4, 176, 118, 108], this.commit_directive(e);
          break;
        case "left":
          e = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 7, 8, 0, 0, 5, 220, 205, 15], this.commit_directive(e);
          break;
        case "right":
          e = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 4, 176, 0, 0, 5, 220, 118, 216], this.commit_directive(e);
          break;
        case "down":
          e = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 7, 8, 205, 85], this.commit_directive(e);
      }
    },
    stopfxFn: function stopfxFn() {
      this.commit_directive([165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 5, 220, 27, 60]);
    }
  }
};
var xn = function xn() {
    var t = this,
      i = t.$createElement,
      o = t._self._c || i;
    return o("div", {
      staticClass: "cpt-MMC_Gimbal_ZT60R",
      style: t.containerStyle
    }, [o("div", {
      directives: [{
        name: "interact",
        rawName: "v-interact"
      }],
      staticClass: "hd"
    }, [t._m(0), t._v(" "), o("div", {
      staticClass: "close",
      on: {
        click: t.close
      }
    }, [t._v("关闭")])]), t._v(" "), o("div", {
      staticClass: "bd"
    }, [o("div", {
      staticClass: "form-wrap"
    }, [o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("控制选项")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-select", {
      attrs: {
        size: "mini",
        placeholder: "选择模式"
      },
      on: {
        change: t.change_control_mode
      },
      model: {
        value: t.control_mode,
        callback: function callback(n) {
          t.control_mode = n;
        },
        expression: "control_mode"
      }
    }, [o("el-option", {
      attrs: {
        label: "一键向下",
        value: 0
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "航向回中",
        value: 1
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "俯仰水平",
        value: 2
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "回中",
        value: 3
      }
    })], 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("点 击")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holderModelDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_mode(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holderModelDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_mode(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holderModelDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_mode(2);
        }
      }
    })]), t._v(" "), t._m(1)])])]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("云台模式")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holderModelDomV2
      },
      on: {
        click: function click(n) {
          return t.handle_change_ptz_mode(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holderModelDomV2
      },
      on: {
        click: function click(n) {
          return t.handle_change_ptz_mode(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holderModelDomV2
      },
      on: {
        click: function click(n) {
          return t.handle_change_ptz_mode(2);
        }
      }
    })]), t._v(" "), t._m(2)])])]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("跟踪控制:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_dj_mode
      },
      model: {
        value: t.dj_mode,
        callback: function callback(n) {
          t.dj_mode = n;
        },
        expression: "dj_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "item-group jcsb ml100 w100"
    }, [o("div", {
      staticClass: "item-box",
      on: {
        click: t.handle_take_photo
      }
    }, [o("el-tooltip", {
      staticClass: "item",
      attrs: {
        effect: "dark",
        content: "拍照",
        placement: "top"
      }
    }, [o("div", {
      staticClass: "icon-box cp"
    }, [o("img", {
      attrs: {
        src: n,
        alt: ""
      }
    })])])], 1), t._v(" "), o("div", {
      staticClass: "item-box",
      on: {
        click: t.handle_record
      }
    }, [o("el-tooltip", {
      staticClass: "item",
      attrs: {
        effect: "dark",
        content: "录像",
        placement: "top"
      }
    }, [o("div", {
      staticClass: "icon-box cp"
    }, [t.record ? o("img", {
      attrs: {
        src: r,
        alt: ""
      }
    }) : o("img", {
      attrs: {
        src: e,
        alt: ""
      }
    })])])], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("AI识别:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_ai_mode
      },
      model: {
        value: t.ai_mode,
        callback: function callback(n) {
          t.ai_mode = n;
        },
        expression: "ai_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("变       倍")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-input", {
      attrs: {
        size: "mini",
        max: "60",
        min: "0",
        value: "0",
        onblur: "if(value>60)value=60;if(value<0)value=0;if(!value)value=0",
        placeholder: "请输入变倍"
      },
      model: {
        value: t.zoom,
        callback: function callback(n) {
          t.zoom = t._n(n);
        },
        expression: "zoom"
      }
    }), t._v(" "), o("el-button", {
      attrs: {
        size: "mini",
        type: "primary"
      },
      on: {
        click: t.handle_change_Zoom
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("设置")])])], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("俯       仰")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-input", {
      attrs: {
        size: "mini",
        max: "30",
        min: "-90",
        value: "0",
        onblur: "if(value>30)value=30;if(value<-90)value=-90;if(!value)value=0",
        placeholder: "请输入俯仰"
      },
      model: {
        value: t.pitch,
        callback: function callback(n) {
          t.pitch = t._n(n);
        },
        expression: "pitch"
      }
    }), t._v(" "), o("el-button", {
      attrs: {
        size: "mini",
        type: "primary"
      },
      on: {
        click: t.handle_change_pitch
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("设置")])])], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("航       向")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-input", {
      attrs: {
        max: "145",
        min: "-145",
        onblur: "if(value>145)value=145;if(value<-145)value=-145;if(!value)value=0",
        size: "mini",
        placeholder: "请输入航向"
      },
      model: {
        value: t.yaw,
        callback: function callback(n) {
          t.yaw = t._n(n);
        },
        expression: "yaw"
      }
    }), t._v(" "), o("el-button", {
      attrs: {
        size: "mini",
        type: "primary"
      },
      on: {
        click: t.handle_change_yaw
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("设置")])])], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("变       焦")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mr10 cur",
      on: {
        mousedown: function mousedown(n) {
          return t.handle_zoom_reduce();
        },
        mouseup: t.stopChange,
        mouseout: t.stopChange
      }
    }, [o("span", {
      staticClass: "iconfont icon-shanchu3"
    })]), t._v(" "), o("el-slider", {
      staticStyle: {
        width: "10px"
      },
      attrs: {
        max: 50,
        min: 0,
        "show-tooltip": !1
      },
      on: {
        change: t.stopChange,
        input: t.onChangezoom
      },
      model: {
        value: t.value,
        callback: function callback(n) {
          t.value = n;
        },
        expression: "value"
      }
    }), t._v(" "), o("div", {
      staticClass: "ml10 cur",
      on: {
        mousedown: function mousedown(n) {
          return t.handle_zoom_plus();
        },
        mouseup: t.stopChange,
        mouseout: t.stopChange
      }
    }, [o("span", {
      staticClass: "iconfont icon-tianjia1"
    })])], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("画中画：")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-select", {
      attrs: {
        size: "mini",
        placeholder: "选择模式"
      },
      on: {
        change: t.change_frame_model
      },
      model: {
        value: t.frameModel,
        callback: function callback(n) {
          t.frameModel = n;
        },
        expression: "frameModel"
      }
    }, [o("el-option", {
      attrs: {
        label: "高清",
        value: 0
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "主高清",
        value: 1
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "主红外",
        value: 2
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "红外",
        value: 3
      }
    })], 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("光圈调节")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-select", {
      attrs: {
        size: "mini",
        placeholder: "选择模式"
      },
      on: {
        change: t.change_aqerturn_mode
      },
      model: {
        value: t.aqerturn_mode,
        callback: function callback(n) {
          t.aqerturn_mode = n;
        },
        expression: "aqerturn_mode"
      }
    }, [o("el-option", {
      attrs: {
        label: "关",
        value: 0
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "1",
        value: 1
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "2",
        value: 2
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "3",
        value: 3
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "4",
        value: 3
      }
    })], 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("红外色板")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holdercolorDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_color(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holdercolorDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_color(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holdercolorDomV1
      },
      on: {
        click: function click(n) {
          return t.handle_change_click_color(2);
        }
      }
    })]), t._v(" "), t._m(3)])])]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("色彩增益")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-select", {
      attrs: {
        size: "mini",
        placeholder: "选择模式"
      },
      on: {
        change: t.change_colour_mode
      },
      model: {
        value: t.colour_mode,
        callback: function callback(n) {
          t.colour_mode = n;
        },
        expression: "colour_mode"
      }
    }, [o("el-option", {
      attrs: {
        label: "关",
        value: 0
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "1",
        value: 1
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "2",
        value: 2
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "3",
        value: 3
      }
    }), t._v(" "), o("el-option", {
      attrs: {
        label: "4",
        value: 3
      }
    })], 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box w87"
    }, [t._v("可见度增强:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_visibility_mode
      },
      model: {
        value: t.visibility,
        callback: function callback(n) {
          t.visibility = n;
        },
        expression: "visibility"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("电子增稳")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holder_electron_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_electron_mode(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holder_electron_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_electron_mode(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holder_electron_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_electron_mode(2);
        }
      }
    })]), t._v(" "), t._m(4)])])]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("夜间模式")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holder_night_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_night_mode(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holder_night_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_night_mode(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holder_night_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_night_mode(2);
        }
      }
    })]), t._v(" "), t._m(5)])])]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("降 噪:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_jz_mode
      },
      model: {
        value: t.jz_mode,
        callback: function callback(n) {
          t.jz_mode = n;
        },
        expression: "jz_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("联控模式:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_lk_mode
      },
      model: {
        value: t.lk_mode,
        callback: function callback(n) {
          t.lk_mode = n;
        },
        expression: "lk_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("宽 动 态:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_kdt_mode
      },
      model: {
        value: t.Kdt_mode,
        callback: function callback(n) {
          t.Kdt_mode = n;
        },
        expression: "Kdt_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("电子变倍:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_dz_mode
      },
      model: {
        value: t.dz_mode,
        callback: function callback(n) {
          t.dz_mode = n;
        },
        expression: "dz_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("透雾:")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("el-radio-group", {
      on: {
        change: t.handle_change_tw_mode
      },
      model: {
        value: t.tw_mode,
        callback: function callback(n) {
          t.tw_mode = n;
        },
        expression: "tw_mode"
      }
    }, t._l(t.drd.dj_mode, function (n) {
      return o("el-radio", {
        key: n.id,
        attrs: {
          size: "mini",
          label: n.id
        }
      }, [t._v("\n              " + t._s(n.label) + "\n            ")]);
    }), 1)], 1)]), t._v(" "), o("div", {
      staticClass: "form-item"
    }, [o("div", {
      staticClass: "label-box"
    }, [t._v("白 平 衡")]), t._v(" "), o("div", {
      staticClass: "input-box"
    }, [o("div", {
      staticClass: "mono"
    }, [o("div", {
      staticClass: "mono-long"
    }, [o("div", {
      staticClass: "mono-left mono_box",
      "class": {
        active: 0 == t.holder_bph_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_bph_mode(0);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-middle mono_box",
      "class": {
        active: 1 == t.holder_bph_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_bph_mode(1);
        }
      }
    }), t._v(" "), o("div", {
      staticClass: "mono-right mono_box",
      "class": {
        active: 2 == t.holder_bph_value
      },
      on: {
        click: function click(n) {
          return t.handle_change_bph_mode(2);
        }
      }
    })]), t._v(" "), t._m(6)])])])]), t._v(" "), o("div", {
      staticClass: "rocker-wrap"
    }, [o("div", {
      ref: "rocker",
      staticClass: "rocker"
    }, [o("div", {
      staticClass: "shangUp",
      on: {
        mousedown: function mousedown(n) {
          return t.fangxiang("up");
        },
        mouseup: t.stopfxFn,
        mouseout: t.stopfxFn
      }
    }), t._v(" "), o("div", {
      staticClass: "xaiUp",
      on: {
        mousedown: function mousedown(n) {
          return t.fangxiang("down");
        },
        mouseup: t.stopfxFn,
        mouseout: t.stopfxFn
      }
    }), t._v(" "), o("div", {
      staticClass: "zuoUp",
      on: {
        mousedown: function mousedown(n) {
          return t.fangxiang("right");
        },
        mouseup: t.stopfxFn,
        mouseout: t.stopfxFn
      }
    }), t._v(" "), o("div", {
      staticClass: "youUp",
      on: {
        mousedown: function mousedown(n) {
          return t.fangxiang("left");
        },
        mouseup: t.stopfxFn,
        mouseout: t.stopfxFn
      }
    })]), t._v(" "), o("div", {
      staticClass: "f12 mt20 ml10",
      staticStyle: {
        color: "#69e7f1"
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("跟踪状态：")]), t._v("\n        " + t._s(t.gcs_status || "未跟踪") + "\n      ")]), t._v(" "), o("div", {
      directives: [{
        name: "show",
        rawName: "v-show",
        value: t.opacity.longitude,
        expression: "opacity.longitude"
      }]
    }, [o("div", {
      staticClass: "f12 mt20 ml10",
      staticStyle: {
        color: "#69e7f1"
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("目标经度：")]), t._v("\n          " + t._s(t.opacity.longitude || "暂无") + "\n        ")]), t._v(" "), o("div", {
      staticClass: "f12 mt20 ml10",
      staticStyle: {
        color: "#69e7f1"
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("目标维度：")]), t._v("\n          " + t._s(t.opacity.latitude || "暂无") + "\n        ")]), t._v(" "), o("div", {
      staticClass: "f12 mt20 ml10",
      staticStyle: {
        color: "#69e7f1"
      }
    }, [o("span", {
      staticClass: "cf"
    }, [t._v("激光测距：")]), t._v("\n          " + t._s(t.jgcj) + "m\n        ")])])])])]);
  },
  En = [function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "left ml8"
    }, [r("img", {
      attrs: {
        src: t
      }
    }), n._v(" "), r("div", {
      staticClass: "title"
    }, [n._v("高清变焦相机ZT60R")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("移动")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("聚焦")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("曝光")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("锁定")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("跟随")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("回中")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("白热")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("黑热")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("彩色")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("关闭")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("超级")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("超级+")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("自动")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("黑白")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("彩色")])]);
  }, function () {
    var n = this,
      e = n.$createElement,
      r = n._self._c || e;
    return r("div", {
      staticClass: "text"
    }, [r("div", {
      staticClass: "text-left"
    }, [n._v("自动")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("室内")]), n._v(" "), r("div", {
      staticClass: "text-right"
    }, [n._v("室外")])]);
  }];
xn._withStripped = !0;
var kn = i({
  render: xn,
  staticRenderFns: En
}, function (n) {
  n && n("data-v-a9b5baf0_0", {
    source: '.cpt-MMC_Gimbal_ZT60R[data-v-a9b5baf0] {\n  width: 470px;\n  height: 290px;\n  background: rgba(0, 23, 79, 0.7);\n  box-shadow: 0 2px 4px 0 rgba(1, 162, 255, 0.35), inset 0 0 40px 0 rgba(0, 184, 255, 0.5);\n  border-radius: 10px;\n  background-size: 100% 100%;\n  box-sizing: border-box;\n  position: absolute;\n  right: 0px;\n}\n.cpt-MMC_Gimbal_ZT60R .hd[data-v-a9b5baf0] {\n  height: 32px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(16, 65, 215, 0.2);\n  box-shadow: inset 0 0 15px 0 rgba(0, 182, 255, 0.6);\n  border-radius: 10px 10px 0 0;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .left[data-v-a9b5baf0] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .left .title[data-v-a9b5baf0] {\n  font-size: 20px;\n  font-family: YouSheBiaoTiHei;\n  color: #14faff;\n  line-height: 26px;\n  text-shadow: 0px 1px 1px rgba(2, 32, 56, 0.2);\n  background: linear-gradient(135deg, #e3aa77 0%, #f5cda9 38%, #f9ecd3 58%, #fcdbb1 79%, #edb07a 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .close[data-v-a9b5baf0] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd[data-v-a9b5baf0] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow: auto;\n  height: 230px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap[data-v-a9b5baf0] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item[data-v-a9b5baf0] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .label-box[data-v-a9b5baf0] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box[data-v-a9b5baf0] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono[data-v-a9b5baf0] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-a9b5baf0] {\n  display: flex;\n  justify-content: space-between;\n  width: 168px;\n  height: 17px;\n  background: url("../assets/images/mount_long.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-a9b5baf0] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-a9b5baf0] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .text[data-v-a9b5baf0] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap[data-v-a9b5baf0] {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .title-box .title[data-v-a9b5baf0] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker[data-v-a9b5baf0] {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  margin: 0 auto;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .shangUp[data-v-a9b5baf0] {\n  position: absolute;\n  left: 37%;\n  top: 4px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .xaiUp[data-v-a9b5baf0] {\n  position: absolute;\n  left: 37%;\n  bottom: 4px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .zuoUp[data-v-a9b5baf0] {\n  position: absolute;\n  left: 4px;\n  top: 37%;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .youUp[data-v-a9b5baf0] {\n  position: absolute;\n  right: 4px;\n  top: 37%;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-a9b5baf0].el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-a9b5baf0] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-a9b5baf0] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-a9b5baf0] {\n  color: #004fff;\n}\n[data-v-a9b5baf0] .el-slider__runway {\n  visibility: hidden;\n}\n.cur[data-v-a9b5baf0] {\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */',
    map: {
      version: 3,
      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_ZT60R\\index.vue", "index.vue"],
      names: [],
      mappings: "AAiiCA;EACA,YAAA;EACA,aAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;EAEA,kBAAA;EACA,UAAA;ACjiCA;ADmiCA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjiCA;ADmiCA;EACA,aAAA;EACA,mBAAA;ACjiCA;ADmiCA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxiCA;AD4iCA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1iCA;AD8iCA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,cAAA;EACA,aAAA;AC5iCA;AD8iCA;EACA,cAAA;AC5iCA;AD8iCA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC5iCA;AD8iCA;EACA,cAAA;EACA,WAAA;AC5iCA;AD+iCA;EACA,aAAA;EACA,mBAAA;AC7iCA;AD+iCA;EACA,aAAA;EACA,sBAAA;AC7iCA;AD+iCA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC7iCA;AD+iCA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC7iCA;ADgjCA;EACA,gFAAA;EACA,0BAAA;AC9iCA;ADkjCA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AChjCA;ADujCA;EACA,kBAAA;EACA,WAAA;ACrjCA;ADyjCA;EACA,cAAA;ACvjCA;AD2jCA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC1jCA;AD4jCA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC1jCA;AD6jCA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC3jCA;AD8jCA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC5jCA;AD+jCA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7jCA;ADmkCA;EACA,gBAAA;AChkCA;ADmkCA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AChkCA;ADkkCA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACjkCA;ADskCA;EACA,cAAA;ACnkCA;ADukCA;EACA,kBAAA;ACpkCA;ADukCA;EACA,eAAA;ACpkCA;;AAEA,oCAAoC",
      file: "index.vue",
      sourcesContent: ['\x3c!-- 高清变焦相机Z60S --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_ZT60R" :style="containerStyle">\r\n    <div v-interact class="hd">\r\n      <div class="left ml8">\r\n        <img src="../assets/images/mount/mount_head.png" />\r\n        <div class="title">高清变焦相机ZT60R</div>\r\n      </div>\r\n      <div class="close" @click="close">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <div class="form-wrap">\r\n        <div class="form-item">\r\n          <div class="label-box">控制选项</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="control_mode"\r\n              size="mini"\r\n              placeholder="选择模式"\r\n              @change="change_control_mode"\r\n            >\r\n              <el-option label="一键向下" :value="0" />\r\n              <el-option label="航向回中" :value="1" />\r\n              <el-option label="俯仰水平" :value="2" />\r\n              <el-option label="回中" :value="3" />\r\n            </el-select>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="form-item">\r\n          <div class="label-box">点 击</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holderModelDomV1 == 0 }"\r\n                  @click="handle_change_click_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holderModelDomV1 == 1 }"\r\n                  @click="handle_change_click_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holderModelDomV1 == 2 }"\r\n                  @click="handle_change_click_mode(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">移动</div>\r\n                <div class="text-right">聚焦</div>\r\n                <div class="text-right">曝光</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">云台模式</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holderModelDomV2 == 0 }"\r\n                  @click="handle_change_ptz_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holderModelDomV2 == 1 }"\r\n                  @click="handle_change_ptz_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holderModelDomV2 == 2 }"\r\n                  @click="handle_change_ptz_mode(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">锁定</div>\r\n                <div class="text-right">跟随</div>\r\n                <div class="text-right">回中</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">指点移动:</div>\r\n          <div class="input-box">\r\n            <el-radio-group @change="handle_change_zd_mode" v-model="zd_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n              >{{ item.label }}</el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>--\x3e\r\n        <div class="form-item">\r\n          <div class="label-box">跟踪控制:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="dj_mode" @change="handle_change_dj_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="item-group jcsb ml100 w100">\r\n          <div class="item-box" @click="handle_take_photo">\r\n            <el-tooltip class="item" effect="dark" content="拍照" placement="top">\r\n              <div class="icon-box cp">\r\n                \x3c!-- <span class="iconfont icon-paizhao1"></span> --\x3e\r\n                <img src="../assets/images/mount/photo.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n          <div class="item-box" @click="handle_record">\r\n            <el-tooltip class="item" effect="dark" content="录像" placement="top">\r\n              <div class="icon-box cp">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img v-if="!record" src="../assets/images/mount/record.png" alt />\r\n                <img v-else src="../assets/images/mount/stop.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">AI识别:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="ai_mode" @change="handle_change_ai_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;倍</div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="zoom"\r\n              size="mini"\r\n              max="60"\r\n              min="0"\r\n              value="0"\r\n              onblur="if(value>60)value=60;if(value<0)value=0;if(!value)value=0"\r\n              placeholder="请输入变倍"\r\n            />\r\n            <el-button size="mini" type="primary" @click="handle_change_Zoom">\r\n              <span class="cf">设置</span>\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰</div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              max="30"\r\n              min="-90"\r\n              value="0"\r\n              onblur="if(value>30)value=30;if(value<-90)value=-90;if(!value)value=0"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <el-button size="mini" type="primary" @click="handle_change_pitch">\r\n              <span class="cf">设置</span>\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向</div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              max="145"\r\n              min="-145"\r\n              onblur="if(value>145)value=145;if(value<-145)value=-145;if(!value)value=0"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <el-button size="mini" type="primary" @click="handle_change_yaw">\r\n              <span class="cf">设置</span>\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦</div>\r\n          <div class="input-box">\r\n            <div\r\n              class="mr10 cur"\r\n              @mousedown="handle_zoom_reduce()"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            <el-slider\r\n              v-model="value"\r\n              :max="50"\r\n              :min="0"\r\n              :show-tooltip="false"\r\n              style="width: 10px"\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10 cur"\r\n              @mousedown="handle_zoom_plus()"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-tianjia1" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">画中画：</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="frameModel"\r\n              size="mini"\r\n              placeholder="选择模式"\r\n              @change="change_frame_model"\r\n            >\r\n              <el-option label="高清" :value="0" />\r\n              <el-option label="主高清" :value="1" />\r\n              <el-option label="主红外" :value="2" />\r\n              <el-option label="红外" :value="3" />\r\n            </el-select>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">光圈调节</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="aqerturn_mode"\r\n              size="mini"\r\n              placeholder="选择模式"\r\n              @change="change_aqerturn_mode"\r\n            >\r\n              <el-option label="关" :value="0" />\r\n              <el-option label="1" :value="1" />\r\n              <el-option label="2" :value="2" />\r\n              <el-option label="3" :value="3" />\r\n              <el-option label="4" :value="3" />\r\n            </el-select>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">红外色板</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holdercolorDomV1 == 0 }"\r\n                  @click="handle_change_click_color(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holdercolorDomV1 == 1 }"\r\n                  @click="handle_change_click_color(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holdercolorDomV1 == 2 }"\r\n                  @click="handle_change_click_color(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">白热</div>\r\n                <div class="text-right">黑热</div>\r\n                <div class="text-right">彩色</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">色彩增益</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="colour_mode"\r\n              size="mini"\r\n              placeholder="选择模式"\r\n              @change="change_colour_mode"\r\n            >\r\n              <el-option label="关" :value="0" />\r\n              <el-option label="1" :value="1" />\r\n              <el-option label="2" :value="2" />\r\n              <el-option label="3" :value="3" />\r\n              <el-option label="4" :value="3" />\r\n            </el-select>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box w87">可见度增强:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="visibility" @change="handle_change_visibility_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">电子增稳</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holder_electron_value == 0 }"\r\n                  @click="handle_change_electron_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holder_electron_value == 1 }"\r\n                  @click="handle_change_electron_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holder_electron_value == 2 }"\r\n                  @click="handle_change_electron_mode(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">关闭</div>\r\n                <div class="text-right">超级</div>\r\n                <div class="text-right">超级+</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">夜间模式</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holder_night_value == 0 }"\r\n                  @click="handle_change_night_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holder_night_value == 1 }"\r\n                  @click="handle_change_night_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holder_night_value == 2 }"\r\n                  @click="handle_change_night_mode(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">自动</div>\r\n                <div class="text-right">黑白</div>\r\n                <div class="text-right">彩色</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">降 噪:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="jz_mode" @change="handle_change_jz_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">联控模式:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="lk_mode" @change="handle_change_lk_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">宽 动 态:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="Kdt_mode" @change="handle_change_kdt_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">电子变倍:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="dz_mode" @change="handle_change_dz_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">透雾:</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="tw_mode" @change="handle_change_tw_mode">\r\n              <el-radio v-for="item in drd.dj_mode" :key="item.id" size="mini" :label="item.id">\r\n                {{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">白 平 衡</div>\r\n          <div class="input-box">\r\n            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holder_bph_value == 0 }"\r\n                  @click="handle_change_bph_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holder_bph_value == 1 }"\r\n                  @click="handle_change_bph_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holder_bph_value == 2 }"\r\n                  @click="handle_change_bph_mode(2)"\r\n                />\r\n              </div>\r\n              <div class="text">\r\n                <div class="text-left">自动</div>\r\n                <div class="text-right">室内</div>\r\n                <div class="text-right">室外</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div ref="rocker" class="rocker">\r\n          <div\r\n            class="shangUp"\r\n            @mousedown="fangxiang(\'up\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="xaiUp"\r\n            @mousedown="fangxiang(\'down\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="zuoUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n        <div class="f12 mt20 ml10" style="color: #69e7f1">\r\n          <span class="cf">跟踪状态：</span>\r\n          {{ gcs_status || \'未跟踪\' }}\r\n        </div>\r\n        <div v-show="opacity.longitude">\r\n          <div class="f12 mt20 ml10" style="color: #69e7f1">\r\n            <span class="cf">目标经度：</span>\r\n            {{ opacity.longitude || \'暂无\' }}\r\n          </div>\r\n          <div class="f12 mt20 ml10" style="color: #69e7f1">\r\n            <span class="cf">目标维度：</span>\r\n            {{ opacity.latitude || \'暂无\' }}\r\n          </div>\r\n          <div class="f12 mt20 ml10" style="color: #69e7f1">\r\n            <span class="cf">激光测距：</span>\r\n            {{ jgcj }}m\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_Z60S } from \'./js/index_1.js\';\r\nimport { MMC_Gimbal_ZT60R } from \'./js/index.js\';\r\nimport svgMB from "./mb.svg";\r\nlet targetPoint = null;\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    selected_mount: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    moveType: {\r\n      type: String,\r\n      default: () => \'\'\r\n    },\r\n    keyFlag: {\r\n      type: Boolean,\r\n      default: () => false\r\n    },\r\n    payload_data: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      // 画中画\r\n      frameModel: 0,\r\n      // 选择模式\r\n      control_mode: 3,\r\n      // 红外色板\r\n      holdercolorDomV1: 1,\r\n      // 点击\r\n      holderModelDomV1: 1,\r\n      // 云台模式\r\n      holderModelDomV2: 1,\r\n      // 跟踪控制\r\n      dj_mode: 0,\r\n      // 俯仰\r\n      pitch: 0,\r\n      // 航向\r\n      yaw: 0,\r\n      // 变倍\r\n      zoom: 0,\r\n      // 光圈调节\r\n      aqerturn_mode: 0,\r\n      // 色彩增益\r\n      colour_mode: 0,\r\n      // 可见度增强\r\n      visibility: 1,\r\n      // 电子增稳\r\n      holder_electron_value: 1,\r\n      // 夜间模式\r\n      holder_night_value: 0,\r\n      // 降噪\r\n      jz_mode: 1,\r\n      // 联控模式\r\n      lk_mode: 0,\r\n      zd_mode: 0,\r\n      // 宽动态\r\n      Kdt_mode: 0,\r\n      // 电子变倍\r\n      dz_mode: 0,\r\n      // 透雾\r\n      tw_mode: 0,\r\n      // 白平衡\r\n      holder_bph_value: 0,\r\n      // AI识别\r\n      ai_mode: 1,\r\n      timer: null,\r\n      value: 25,\r\n      value2: 25,\r\n      ptz_mode: 1,\r\n      record: false,\r\n      radio: 1,\r\n      opacity: {},\r\n      gcs_status: \'\',\r\n      jgcj: 0,\r\n      drd: {\r\n        dj_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        ptz_mode: [\r\n          { id: 0, label: \'锁定\' },\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ]\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    stream() {\r\n      return this.$store.state.fckernel.stream;\r\n    }\r\n  },\r\n  watch: {\r\n    payload_data: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    if (targetPoint) {\r\n      window.viewer.entities.remove(targetPoint);\r\n      targetPoint = null;\r\n    }\r\n    this.$store.commit(\'device/SET_MOVE_DATA\', {\r\n      ...this.device,\r\n      mountStatus: 0\r\n    });\r\n  },\r\n  methods: {\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      const opacity = MMC_Gimbal_ZT60R.gcs_transmit_ctrl(dataArray);\r\n      if (opacity) {\r\n        this.opacity = opacity;\r\n      }\r\n      const status = MMC_Gimbal_ZT60R.gcs_status(dataArray);\r\n      if (status) this.gcs_status = status;\r\n      if (opacity) {\r\n        this.init(opacity);\r\n      }\r\n      const jgcj = MMC_Gimbal_ZT60R.get_msg_D1_parse(dataArray);\r\n      if (jgcj != undefined) {\r\n        this.jgcj = jgcj;\r\n      }\r\n    },\r\n    init(opacity) {\r\n      try {\r\n        if (opacity && opacity.longitude) {\r\n          const position = Cesium.Cartesian3.fromDegrees(\r\n            opacity.longitude * 1,\r\n            opacity.latitude * 1,\r\n            opacity.altitude * 1\r\n          );\r\n          this.position = position;\r\n          // 添加目标点\r\n          if (!targetPoint && this.position) {\r\n            targetPoint = window.viewer.entities.add({\r\n              position: new Cesium.CallbackProperty(() => this.position, false),\r\n              billboard: {\r\n                image: svgMB,\r\n                width: 32,\r\n                height: 32\r\n              }\r\n            });\r\n          }\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    // 点击\r\n    handle_change_click_mode(value) {\r\n      this.holderModelDomV1 = value;\r\n      const list = {\r\n        0: [165, 79, 11, 85, 170, 220, 6, 30, 0, 1, 0, 25, 118],\r\n        1: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 5, 8, 2, 255, 134, 186],\r\n        2: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 89, 2, 255, 214, 84]\r\n      };\r\n      const buffer = list[value];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 紅外色版\r\n    handle_change_click_color(value) {\r\n      this.holdercolorDomV1 = value;\r\n      const list = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 3, 192, 218, 101],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 3, 128, 154, 209],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 4, 128, 157, 165]\r\n      };\r\n      const buffer = list[value];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 画中画\r\n    change_frame_model(value) {\r\n      this.frameModel = value;\r\n      const bufferList = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 1, 24, 212],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 3, 26, 111],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 4, 29, 86],\r\n        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 2, 27, 170]\r\n      };\r\n      const buffer = bufferList[value];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 云台模式\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const bufferList = {\r\n        0: [165, 79, 17, 85, 170, 220, 12, 26, 10, 0, 0, 0, 0, 0, 0, 0, 0, 28, 197],\r\n        1: [165, 79, 17, 85, 170, 220, 12, 26, 3, 0, 0, 0, 0, 0, 0, 0, 0, 21, 53],\r\n        2: [165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101]\r\n      };\r\n      const buffer = bufferList[value];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 控制选项\r\n    change_control_mode() {\r\n      const { control_mode } = this;\r\n      const control_modeList = {\r\n        0: [165, 79, 17, 85, 170, 220, 12, 26, 18, 0, 0, 0, 0, 0, 0, 0, 0, 4, 105],\r\n        1: [165, 79, 17, 85, 170, 220, 12, 26, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 180],\r\n        2: [165, 79, 17, 85, 170, 220, 12, 26, 23, 0, 0, 0, 0, 0, 0, 0, 0, 1, 207],\r\n        3: [165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101]\r\n      };\r\n      const buffer = control_modeList[control_mode];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 跟踪控制\r\n    handle_change_dj_mode(id) {\r\n      let buffer = null;\r\n      // 停止\r\n      if (id == 0) {\r\n        const list = {\r\n          0: [165, 79, 11, 85, 170, 220, 6, 30, 0, 1, 0, 25, 118],\r\n          1: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 5, 8, 2, 255, 134, 186],\r\n          2: [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 89, 2, 255, 214, 84]\r\n        };\r\n        const buffer = list[this.holderModelDomV1];\r\n        this.commit_directive(buffer);\r\n        this.$store.commit(\'device/SET_MOVE_DATA\', {\r\n          ...this.device,\r\n          mountStatus: 0\r\n        });\r\n      } else {\r\n        // 控制\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205];\r\n        this.$store.commit(\'device/SET_MOVE_DATA\', {\r\n          ...this.device,\r\n          mountStatus: id,\r\n          mountId: this.selected_mount.mountId,\r\n          moveType: this.moveType,\r\n          name: this.selected_mount.name\r\n        });\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 指点移动\r\n    handle_change_zd_mode(id) {\r\n      this.$store.commit(\'device/SET_MOVE_DATA\', {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId: this.selected_mount.mountId,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name\r\n      });\r\n    },\r\n    handle_change_pitch() {\r\n      if (this.pitch > 200) {\r\n        this.pitch = 200;\r\n      }\r\n      if (this.pitch) {\r\n        const buffer = MMC_Gimbal_Z60S.change_pitch_angle(this.pitch);\r\n        this.commit_directive(buffer);\r\n      }\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z60S.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 变倍\r\n    handle_change_Zoom() {\r\n      const buffer = MMC_Gimbal_ZT60R.zoomTo(this.zoom);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 变焦 -\r\n    handle_zoom_reduce() {\r\n      const list = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 2, 57, 34, 195],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 2, 59, 32, 120],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 2, 60, 39, 65],\r\n        3: [165, 79, 10, 85, 170, 220, 5, 28, 2, 58, 33, 189]\r\n      };\r\n      this.commit_directive(list[this.frameModel]);\r\n    },\r\n    // 变焦 +\r\n    handle_zoom_plus() {\r\n      const list = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 2, 121, 98, 119],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 2, 123, 96, 204],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 2, 124, 103, 245],\r\n        3: [165, 79, 10, 85, 170, 220, 5, 28, 2, 122, 97, 9]\r\n      };\r\n      this.commit_directive(list[this.frameModel]);\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      const list = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 121, 96, 153],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 123, 98, 34],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 124, 101, 27],\r\n        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 122, 99, 231]\r\n      };\r\n      this.commit_directive(list[this.frameModel]);\r\n    },\r\n    handle_zoom(mode) {\r\n      const list = {\r\n        0: [165, 79, 10, 85, 170, 220, 5, 28, 0, 121, 96, 153],\r\n        1: [165, 79, 10, 85, 170, 220, 5, 28, 0, 123, 98, 34],\r\n        2: [165, 79, 10, 85, 170, 220, 5, 28, 0, 124, 101, 27],\r\n        3: [165, 79, 10, 85, 170, 220, 5, 28, 0, 122, 99, 231]\r\n      };\r\n      this.commit_directive(list[this.frameModel]);\r\n    },\r\n    // 光圈调节\r\n    change_aqerturn_mode() {\r\n      const { aqerturn_mode } = this;\r\n      if (aqerturn_mode != 0) {\r\n        const buffer = [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246, 82];\r\n        this.commit_directive(buffer);\r\n      }\r\n      const aqerturn_mode_list = {\r\n        0: [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 0, 255, 244, 188],\r\n        1: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 2, 0, 255, 214, 106],\r\n        2: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 4, 0, 255, 208, 197],\r\n        3: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 6, 0, 255, 210, 160],\r\n        4: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 8, 0, 255, 220, 170]\r\n      };\r\n      this.commit_directive(aqerturn_mode_list[aqerturn_mode]);\r\n    },\r\n    // 色彩增益\r\n    change_colour_mode() {\r\n      const { colour_mode } = this;\r\n      if (colour_mode != 0) {\r\n        const buffer = [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 6, 255, 242, 191];\r\n        this.commit_directive(buffer);\r\n      }\r\n      const colour_mode_list = {\r\n        0: [165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246, 82],\r\n        1: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 2, 0, 255, 221, 85],\r\n        2: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 4, 0, 255, 219, 250],\r\n        3: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 6, 0, 255, 217, 159],\r\n        4: [165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 8, 0, 255, 215, 149]\r\n      };\r\n      this.commit_directive(colour_mode_list[colour_mode]);\r\n    },\r\n    // 可见度增强\r\n    handle_change_visibility_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 6, 255, 182, 88];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 电子增稳\r\n    handle_change_electron_mode(num) {\r\n      this.holder_electron_value = num;\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205];\r\n      } else if (num == 1) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 2, 255, 187, 186];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 2, 255, 187, 186];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 夜间模式\r\n    handle_change_night_mode(num) {\r\n      this.holder_night_value = num;\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 81, 3, 255, 223, 134];\r\n      } else if (num == 1) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 2, 255, 142, 87];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 3, 255, 143, 32];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 降噪\r\n    handle_change_jz_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 0, 255, 222, 122];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 5, 255, 219, 224];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_lk_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [166, 1, 3, 0, 107];\r\n      } else {\r\n        buffer = [166, 1, 3, 1, 90];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 宽动态\r\n    handle_change_kdt_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 2, 255, 178, 181];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 电子变倍\r\n    handle_change_dz_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 3, 255, 136, 37];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 2, 255, 137, 82];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 透雾\r\n    handle_change_tw_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 3, 0, 255, 186, 187];\r\n      } else {\r\n        buffer = [165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 2, 3, 255, 184, 136];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 白平衡\r\n    handle_change_bph_mode(num) {\r\n      this.holder_bph_value = num;\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 0, 255, 184, 254];\r\n      } else if (num == 1) {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 1, 255, 185, 137];\r\n      } else {\r\n        buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 2, 255, 186, 16];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    // AI识别\r\n    handle_change_ai_mode(num) {\r\n      let buffer = null;\r\n      if (num == 0) {\r\n        buffer = [165, 79, 11, 85, 170, 220, 6, 30, 0, 5, 0, 29, 155];\r\n      } else {\r\n        buffer = [165, 79, 11, 85, 170, 220, 6, 30, 0, 5, 1, 28, 94];\r\n      }\r\n      this.commit_directive(buffer);\r\n    },\r\n    close() {\r\n      if (this.record) {\r\n        this.$message.info(\'请结束录像后再关闭！\');\r\n      } else {\r\n        this.$emit(\'close\');\r\n      }\r\n    },\r\n    handle_take_photo() {\r\n      // let { position } = this;\r\n      // let buffer = MMC_Gimbal_Z30Pro.take_photo(position || {});\r\n      if (!this.keyFlag) return this.$message.error(\'拍照失败，NX通信异常！\');\r\n      const streamData = {\r\n        data: {\r\n          data: {\r\n            videoID: 1\r\n          }\r\n        },\r\n        type: 528\r\n      };\r\n      if (this.stream == \'QingLiu\') {\r\n        streamData.data.messageID = 1016;\r\n      } else {\r\n        streamData.data.messageID = 1007;\r\n      }\r\n      this.$emit(\'take_photo\', streamData);\r\n    },\r\n    handle_record() {\r\n      if (!this.keyFlag) return this.$message.error(\'录像失败，NX通信异常！\');\r\n      this.record = !this.record;\r\n      const streamData = {\r\n        data: {\r\n          data: {\r\n            videoID: 1\r\n          }\r\n        },\r\n        type: 528\r\n      };\r\n      if (this.stream == \'QingLiu\') {\r\n        streamData.data.messageID = 1017;\r\n        streamData.data.data.status = this.record;\r\n      } else {\r\n        streamData.data.messageID = 1006;\r\n        streamData.data.data.recordControl = this.record;\r\n      }\r\n      this.$emit(\'record\', streamData);\r\n\r\n      // let buffer = MMC_Gimbal_Z30Pro.record(this.record);\r\n      // this.commit_directive(buffer);\r\n    },\r\n\r\n    onChangezoom(e) {\r\n      console.log(e, \'e\');\r\n      if (e < 25) {\r\n        const arr = [165, 4, 3, 0, 4];\r\n        this.commit_directive(arr);\r\n        // this.handle_zoom(0);\r\n      }\r\n      if (e > 25) {\r\n        const arr = [165, 4, 3, 2, 102];\r\n        this.commit_directive(arr);\r\n      }\r\n      if (e == 25) {\r\n        this.handle_zoom(1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n\r\n    commit_directive(buffer) {\r\n      // console.log(buffer, "buffer");\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 4, 176, 118, 108];\r\n          this.commit_directive(buffer);\r\n\r\n          break;\r\n        case \'left\':\r\n          buffer = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 7, 8, 0, 0, 5, 220, 205, 15];\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 4, 176, 0, 0, 5, 220, 118, 216];\r\n          this.commit_directive(buffer);\r\n\r\n          break;\r\n        case \'down\':\r\n          buffer = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 7, 8, 205, 85];\r\n          this.commit_directive(buffer);\r\n      }\r\n    },\r\n    stopfxFn() {\r\n      const buffer = [165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 5, 220, 27, 60];\r\n      this.commit_directive(buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_ZT60R {\r\n  width: 470px;\r\n  height: 290px;\r\n  background: rgba(0, 23, 79, 0.7);\r\n  box-shadow: 0 2px 4px 0 rgba(1, 162, 255, 0.35), inset 0 0 40px 0 rgba(0, 184, 255, 0.5);\r\n  border-radius: 10px;\r\n  background-size: 100% 100%;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\r\n  position: absolute;\r\n  right: 0px;\r\n\r\n  .hd {\r\n    height: 32px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: rgba(16, 65, 215, 0.2);\r\n    box-shadow: inset 0 0 15px 0 rgba(0, 182, 255, 0.6);\r\n    border-radius: 10px 10px 0 0;\r\n\r\n    .left {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .title {\r\n        font-size: 20px;\r\n        font-family: YouSheBiaoTiHei;\r\n        color: #14faff;\r\n        line-height: 26px;\r\n        text-shadow: 0px 1px 1px rgba(2, 32, 56, 0.2);\r\n        background: linear-gradient(\r\n          135deg,\r\n          #e3aa77 0%,\r\n          #f5cda9 38%,\r\n          #f9ecd3 58%,\r\n          #fcdbb1 79%,\r\n          #edb07a 100%\r\n        );\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n      }\r\n    }\r\n\r\n    .close {\r\n      font-size: 14px;\r\n      font-family: MicrosoftYaHei;\r\n      color: #d2dfff;\r\n      margin-right: 8px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    overflow: auto;\r\n    height: 230px;\r\n\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .mono-long {\r\n              display: flex;\r\n              justify-content: space-between;\r\n              width: 168px;\r\n              height: 17px;\r\n              background: url(\'../assets/images/mount_long.png\') no-repeat;\r\n              background-size: 100%;\r\n              margin-bottom: 5px;\r\n\r\n              .mono_box {\r\n                width: 28px;\r\n                height: 13px;\r\n                border-radius: 3px;\r\n                margin-top: 2px;\r\n                cursor: pointer;\r\n              }\r\n\r\n              .active {\r\n                background: url(\'../assets/images/mount/mount_control.png\') no-repeat !important;\r\n                background-size: 100% 100%;\r\n              }\r\n            }\r\n\r\n            .text {\r\n              font-size: 14px;\r\n              font-family: MicrosoftYaHei;\r\n              color: #ffffff;\r\n              display: flex;\r\n              justify-content: space-between;\r\n              font-size: 14px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .rocker-wrap {\r\n      position: absolute;\r\n      right: 30px;\r\n      // flex: 1;\r\n\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n\r\n      .rocker {\r\n        // margin: 10px auto 0;\r\n        width: 150px;\r\n        height: 150px;\r\n        position: relative;\r\n        margin: 0 auto;\r\n        background: center url(\'../assets/images/accident/caozuo.png\') no-repeat;\r\n        background-size: 100% 100%;\r\n\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 37%;\r\n          top: 4px;\r\n          border-radius: 50%;\r\n          width: 40px;\r\n          height: 40px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 37%;\r\n          bottom: 4px;\r\n          border-radius: 50%;\r\n          width: 40px;\r\n          height: 40px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n\r\n        .zuoUp {\r\n          position: absolute;\r\n          left: 4px;\r\n          top: 37%;\r\n          border-radius: 50%;\r\n          width: 40px;\r\n          height: 40px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n\r\n        .youUp {\r\n          position: absolute;\r\n          right: 4px;\r\n          top: 37%;\r\n          border-radius: 50%;\r\n          width: 40px;\r\n          height: 40px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep.el-slider__bar {\r\n  background: #fff;\r\n}\r\n\r\n.speedC {\r\n  width: 203px;\r\n  height: 24px;\r\n  display: flex;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border: 1px solid #004fff;\r\n  border-radius: 12px;\r\n\r\n  .speed {\r\n    width: 41px;\r\n    // background: #FFFFFF;\r\n    color: #ffffff;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n  }\r\n}\r\n\r\n// 变焦功能\r\n.iconfont {\r\n  color: #004fff;\r\n}\r\n\r\n// 变焦功能\r\n::v-deep .el-slider__runway {\r\n  visibility: hidden;\r\n}\r\n\r\n.cur {\r\n  cursor: pointer;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_ZT60R {\n  width: 470px;\n  height: 290px;\n  background: rgba(0, 23, 79, 0.7);\n  box-shadow: 0 2px 4px 0 rgba(1, 162, 255, 0.35), inset 0 0 40px 0 rgba(0, 184, 255, 0.5);\n  border-radius: 10px;\n  background-size: 100% 100%;\n  box-sizing: border-box;\n  position: absolute;\n  right: 0px;\n}\n.cpt-MMC_Gimbal_ZT60R .hd {\n  height: 32px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(16, 65, 215, 0.2);\n  box-shadow: inset 0 0 15px 0 rgba(0, 182, 255, 0.6);\n  border-radius: 10px 10px 0 0;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .left .title {\n  font-size: 20px;\n  font-family: YouSheBiaoTiHei;\n  color: #14faff;\n  line-height: 26px;\n  text-shadow: 0px 1px 1px rgba(2, 32, 56, 0.2);\n  background: linear-gradient(135deg, #e3aa77 0%, #f5cda9 38%, #f9ecd3 58%, #fcdbb1 79%, #edb07a 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.cpt-MMC_Gimbal_ZT60R .hd .close {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow: auto;\n  height: 230px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long {\n  display: flex;\n  justify-content: space-between;\n  width: 168px;\n  height: 17px;\n  background: url("../assets/images/mount_long.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .mono-long .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .form-wrap .form-item .input-box .mono .text {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  margin: 0 auto;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 37%;\n  top: 4px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 37%;\n  bottom: 4px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .zuoUp {\n  position: absolute;\n  left: 4px;\n  top: 37%;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT60R .bd .rocker-wrap .rocker .youUp {\n  position: absolute;\n  right: 4px;\n  top: 37%;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep.el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  border-radius: 12px;\n}\n.speedC .speed {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n.cur {\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */']
    },
    media: void 0
  });
}, Cn, "data-v-a9b5baf0", false, undefined, !1, o);
export { kn as default };
