修正打包文件,为babel处理后文件

dist/index-8cnF5YOh.js

+import { a as n, c as r } from "./utils-4kGecFw2.js";
+import { _ as e, a as t } from "./record-WJfBn7Fn.js";
+import { _ as i } from "./mount_head-c1OIlkSj.js";
+import { n as o, c as a } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 s = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    device: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    selected_mount: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    moveType: {
+      type: String,
+      "default": function _default() {
+        return "";
+      }
+    },
+    offline: {
+      type: Boolean,
+      "default": function _default() {
+        return !0;
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDom: 1,
+      hdrModeDom: 1,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      record: !1,
+      dj_mode: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "录像"
+        }, {
+          id: 2,
+          label: "拍照"
+        }]
+      },
+      timer: null,
+      time: null
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  beforeDestroy: function beforeDestroy() {},
+  methods: {
+    handle_change_dj_mode: function handle_change_dj_mode(n) {
+      console.log(this.selected_mount, "selected_mount");
+    },
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var r = n.zoom(this.zoom = 1);
+      this.commit_directive(r);
+    },
+    resolve_payload: function resolve_payload(n) {
+      try {
+        var _e = new Uint8Array(n);
+        if (165 === _e[0] && r(_e) === _e[_e.length - 1]) switch (_e[1]) {
+          case 1:
+            this.msg_key_status1(_e);
+            break;
+          case 248:
+            this.gcs_button_ctrl(_e);
+        }
+      } catch (n) {}
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var r = n[3],
+        e = n[4];
+      if (4 === r) this.gimbal_mode_ctrl(e);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDom = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_hdr_mode: function handle_change_hdr_mode(r) {
+      this.hdrModeDom = r;
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch(r) {
+      this.pitch = r;
+      var e = n.change_pitch_angle(this.pitch);
+      this.commit_directive(e);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e), this.$emit("take_photo", "MMC_Gimbal_Z40N");
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      console.log(n), this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this = this;
+      clearTimeout(this.time);
+      var e = null;
+      switch (this.flag = !0, this.flag && (this.time = setTimeout(function () {
+        _this.fangxiang(r);
+      }, 500)), r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      this.flag = !1, clearTimeout(this.time);
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(r), r = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(r);
+    }
+  }
+};
+var d = function d() {
+    var n = this,
+      r = n.$createElement,
+      i = n._self._c || r;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_Z40N",
+      style: n.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, e) {
+      return i("div", {
+        key: e,
+        staticClass: "speed",
+        style: n.control_speed == e + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = e + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(e + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mono"
+    }, [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), i("div", {
+      staticClass: "form-item",
+      staticStyle: {
+        "margin-top": "10px"
+      }
+    }, [i("div", {
+      staticClass: "label-box",
+      staticStyle: {
+        width: "68px",
+        "text-align": "right"
+      }
+    }, [n._v("HDR:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mono"
+    }, [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.hdrModeDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_hdr_mode(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.hdrModeDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_hdr_mode(1);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.hdrModeDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_hdr_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(2)])])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("视频指点:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_dj_mode
+      },
+      model: {
+        value: n.dj_mode,
+        callback: function callback(r) {
+          n.dj_mode = r;
+        },
+        expression: "dj_mode"
+      }
+    }, n._l(n.drd.dj_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), i("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1,
+        disabled: ""
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (r, e) {
+      return i("div", {
+        key: e,
+        staticClass: "pitch",
+        style: n.pitch == r.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(e) {
+            return n.handle_change_pitch(r.num);
+          }
+        }
+      }, [n._v("\n              " + n._s(r.val) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("相机模式")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_camera_mode
+      },
+      model: {
+        value: n.camera_mode,
+        callback: function callback(r) {
+          n.camera_mode = r;
+        },
+        expression: "camera_mode"
+      }
+    }, n._l(n.drd.camera_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)])]), n._v(" "), i("div", {
+      staticClass: "rocker-wrap"
+    }, [i("div", {
+      staticClass: "item-group"
+    }, [i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), i("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [i("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  l = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: i
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("关闭")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("HDR")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("HDR+")])]);
+  }];
+d._withStripped = !0;
+var c = o({
+  render: d,
+  staticRenderFns: l
+}, function (n) {
+  n && n("data-v-a7ed371c_0", {
+    source: '.cpt-MMC_Gimbal_Z40N[data-v-a7ed371c] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40N .hd[data-v-a7ed371c] {\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_Z40N .hd .left[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .hd .left .title[data-v-a7ed371c] {\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_Z40N .hd .close[data-v-a7ed371c] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd[data-v-a7ed371c] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap[data-v-a7ed371c] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .label-box[data-v-a7ed371c] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono[data-v-a7ed371c] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-a7ed371c] {\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_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-a7ed371c] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-a7ed371c] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .text[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap[data-v-a7ed371c] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group[data-v-a7ed371c] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box[data-v-a7ed371c] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-a7ed371c] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .rocker[data-v-a7ed371c] {\n  margin: 10px auto 0;\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_Z40N .bd .rocker-wrap .rocker .shangUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .xaiUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .zuoUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .youUp[data-v-a7ed371c] {\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-a7ed371c] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-a7ed371c] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-a7ed371c] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-a7ed371c] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-a7ed371c] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-a7ed371c] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-a7ed371c] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-a7ed371c] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-a7ed371c] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-a7ed371c] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-a7ed371c] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-a7ed371c] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-a7ed371c] {\n  color: #004fff;\n}\n[data-v-a7ed371c] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40N\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA6hBA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC5hBA;AD+hBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC7hBA;AD+hBA;EACA,aAAA;EACA,mBAAA;AC7hBA;AD+hBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACpiBA;ADwiBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACtiBA;AD0iBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;ACziBA;AD2iBA;EACA,cAAA;ACziBA;AD2iBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACziBA;AD2iBA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;ACziBA;AD4iBA;EACA,aAAA;EACA,mBAAA;AC1iBA;AD4iBA;EACA,aAAA;EACA,sBAAA;AC1iBA;AD4iBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC1iBA;AD4iBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC1iBA;AD6iBA;EACA,gFAAA;EACA,0BAAA;AC3iBA;AD+iBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC7iBA;ADojBA;EACA,OAAA;ACljBA;ADojBA;EACA,aAAA;EACA,6BAAA;ACljBA;ADqjBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACnjBA;ADqjBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACnjBA;ADyjBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACvjBA;ADyjBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvjBA;AD0jBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACxjBA;AD2jBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzjBA;AD4jBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC1jBA;ADkkBA;EACA,YAAA;EACA,iBAAA;AC/jBA;ADkkBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AChkBA;ADqkBA;EACA,YAAA;EACA,iBAAA;ACnkBA;ADqkBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACnkBA;AD2kBA;EACA,qBAAA;EACA,mBAAA;ACzkBA;AD8kBA;EACA,cAAA;AC5kBA;ADilBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC/kBA;ADklBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AChlBA;ADolBA;EACA,gBAAA;ACjlBA;ADolBA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;ACjlBA;ADmlBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACllBA;ADqlBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACnlBA;ADulBA;EACA,cAAA;ACplBA;ADwlBA;EACA,kBAAA;ACrlBA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40N" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\r\n          </div>\r\n        </div>\r\n        <div class="form-item" style="margin-top: 10px">\r\n          <div class="label-box" style="width: 68px; text-align: right">HDR:</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: hdrModeDom == 0 }"\r\n                  @click="handle_change_hdr_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: hdrModeDom == 1 }"\r\n                  @click="handle_change_hdr_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: hdrModeDom == 2 }"\r\n                  @click="handle_change_hdr_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">HDR</div>\r\n                <div class="text-right">HDR+</div>\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\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="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="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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰:</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>--\x3e\r\n\r\n            \x3c!-- <el-button\r\n              @click="pitch--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="pitch++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n\r\n            \x3c!-- <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            >--\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向:\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</div\r\n            >\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40N } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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    offline: {\r\n      type: Boolean,\r\n      default: () => true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      hdrModeDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  methods: {\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId: this.selected_mount.mountId || this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40N.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_hdr_mode(value) {\r\n      this.hdrModeDom = value;\r\n      const buffer = MMC_Gimbal_Z40N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40N.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40N.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40N.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40N.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40N.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40N\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40N.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40N {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n', '.cpt-MMC_Gimbal_Z40N {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .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_Z40N .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .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_Z40N .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_Z40N .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_Z40N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40N .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_Z40N .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_Z40N .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_Z40N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, s, "data-v-a7ed371c", false, undefined, !1, a);
+export { c as default };

dist/index-8pyI_V7A.js

-import{n}from"./utils-DFbQKfwy.js";import{h as e}from"./index-C19CNC6d.js";import{_ as r}from"./launch-DVLUxeG_.js";import{_ as t}from"./mount_head-CjG17KVU.js";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";const s={props:{containerStyle:{type:Object,default:()=>({})}},data:()=>({timer:null,radio:1,safety_switch_state:!0}),mounted(){},methods:{handle_laser_shine_ctrl(e){if(this.safety_switch_state)this.$message.warning("请关闭保险");else{const e=n.fire_ctrl(1);this.commit_directive(e),this.$message.success("发射成功")}},commit_directive(n){this.$emit("directive",n)}}};var o=function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("div",{staticClass:"cpt-MMC_Gimbal_S79",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(e){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("保险：")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-switch",{attrs:{size:"mini"},model:{value:n.safety_switch_state,callback:function(e){n.safety_switch_state=e},expression:"safety_switch_state"}})],1)]),n._v(" "),i("div",{staticClass:"form-item mt16"},[i("img",{attrs:{src:e,alt:""}}),n._v(" "),i("div",{staticClass:"launch"},[i("img",{attrs:{src:r,alt:""},on:{click:n.handle_laser_shine_ctrl}}),n._v(" "),i("div",{staticClass:"label-box"},[n._v("发射")])])])])])])},l=[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("射击枪")])])}];o._withStripped=!0;const A=i({render:o,staticRenderFns:l},(function(n){n&&n("data-v-a56d471a_0",{source:".cpt-MMC_Gimbal_S79[data-v-a56d471a] {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_S79 .hd[data-v-a56d471a] {\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_S79 .hd .left[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .hd .left .title[data-v-a56d471a] {\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_S79 .hd .close[data-v-a56d471a] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S79 .bd[data-v-a56d471a] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap[data-v-a56d471a] {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .label-box[data-v-a56d471a] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-a56d471a] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .launch[data-v-a56d471a] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_S79\\index.vue","index.vue"],names:[],mappings:"AAiEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAEA,sBAAA;AClEA;ADmEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjEA;ADmEA;EACA,aAAA;EACA,mBAAA;ACjEA;ADkEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACvEA;AD2EA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACzEA;AD4EA;EACA,aAAA;AC1EA;AD2EA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;ACzEA;AD0EA;EACA,aAAA;EACA,mBAAA;ACxEA;ADyEA;EACA,cAAA;ACvEA;ADyEA;EACA,aAAA;EACA,mBAAA;ACvEA;ADyEA;EACA,eAAA;EACA,cAAA;ACvEA;AD4EA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC1EA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_S79" :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">射击枪</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <img src="../assets/images/observe/005.svg" alt="" />\r\n          <div class="launch">\r\n            <img src="../assets/images/mount/launch.png" alt @click="handle_laser_shine_ctrl" />\r\n            <div class="label-box">发射</div>\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_S79 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n      } else {\r\n        const buff = MMC_Gimbal_S79.fire_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_S79 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 240px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 130px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n',".cpt-MMC_Gimbal_S79 {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_S79 .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_S79 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .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_S79 .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_S79 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]},media:void 0})}),s,"data-v-a56d471a",false,undefined,!1,a,void 0,void 0);export{A as default};

dist/index-B4X2EC5Q.js

-import{j as n}from"./utils-DFbQKfwy.js";import{g as r}from"./index-C19CNC6d.js";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";const t={data:()=>({timer:null,height:300,pre_height:300,lntelligent_mode_status:!1,motor_weight_status:!1}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_change_lntelligent_mode_ctrl(r){const e=n.lntelligent_mode_ctrl(r);this.commit_directive(e)},handle_change_motor_weight(r){const e=n.motor_weight(r);this.commit_directive(e)},commit_directive(n){this.$emit("directive",n)},fangxiang(r){let e=null;switch(r){case"up":e=n.gimbal_pitch_ctrl(1),this.commit_directive(e);break;case"right":case"left":break;case"down":e=n.gimbal_pitch_ctrl(-1),this.commit_directive(e)}},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1),this.commit_directive(r);break;case"right":case"left":break;case"down":r=n.gimbal_pitch_ctrl(-1),this.commit_directive(r)}},onend:()=>{}})}}};var o=function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"cpt-MMC_Gimbal_S1"},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[e("div",{staticClass:"title"},[n._v("抛投")])]),n._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("预设重量")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"text-box"},[n._v(n._s(n.height)+" 克")])])]),n._v(" "),n._m(0),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("智能模式")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-switch",{attrs:{size:"mini"},on:{change:n.handle_change_lntelligent_mode_ctrl},model:{value:n.lntelligent_mode_status,callback:function(r){n.lntelligent_mode_status=r},expression:"lntelligent_mode_status"}})],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("执行动作")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-switch",{attrs:{size:"mini"},on:{change:n.handle_change_motor_weight},model:{value:n.motor_weight_status,callback:function(r){n.motor_weight_status=r},expression:"motor_weight_status"}})],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("重量（g）")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-input",{attrs:{size:"mini",placeholder:"请输入重量"},model:{value:n.pre_height,callback:function(r){n.pre_height=r},expression:"pre_height"}}),n._v(" "),e("el-button",{attrs:{size:"mini",type:"primary"},on:{click:function(r){n.height=n.pre_height}}},[n._v("预设")])],1)])]),n._v(" "),n._m(1)])])},a=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("状       态")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"text-box"},[n._v("正常")])])])},function(){var n=this.$createElement,e=this._self._c||n;return e("div",{staticClass:"rocker-wrap"},[e("img",{staticClass:"dib w200 h200",attrs:{src:r,alt:""}})])}];o._withStripped=!0;const s=e({render:o,staticRenderFns:a},(function(n){n&&n("data-v-b389f48e_0",{source:'.cpt-MMC_Gimbal_S1[data-v-b389f48e] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_S1 .hd .title[data-v-b389f48e] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_S1 .bd[data-v-b389f48e] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap[data-v-b389f48e] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item[data-v-b389f48e] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .label-box[data-v-b389f48e] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box[data-v-b389f48e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box .text-box[data-v-b389f48e] {\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap[data-v-b389f48e] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .title-box .title[data-v-b389f48e] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker[data-v-b389f48e] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .shangUp[data-v-b389f48e] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .xaiUp[data-v-b389f48e] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-b389f48e] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-b389f48e] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-b389f48e] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-b389f48e] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-b389f48e] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-b389f48e] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-b389f48e] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_S1\\index.vue","index.vue"],names:[],mappings:"AAqJA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACpJA;ADsJA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACpJA;ADuJA;EACA,aAAA;EACA,8BAAA;ACrJA;ADsJA;EACA,cAAA;ACpJA;ADqJA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACnJA;ADoJA;EACA,cAAA;EACA,WAAA;AClJA;ADoJA;EACA,aAAA;EACA,mBAAA;AClJA;ADmJA;EACA,cAAA;ACjJA;ADsJA;EACA,OAAA;ACpJA;ADsJA;EACA,cAAA;ACpJA;ADuJA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;ACrJA;ADsJA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpJA;ADsJA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpJA;AD2JA;EACA,YAAA;EACA,iBAAA;ACxJA;AD0JA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxJA;AD4JA;EACA,YAAA;EACA,iBAAA;AC1JA;AD2JA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzJA;ADgKA;EACA,qBAAA;EACA,mBAAA;AC9JA;ADkKA;EACA,cAAA;AChKA;ADoKA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AClKA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_S1">\r\n    <div v-interact class="hd">\r\n      <div class="title">抛投</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            <div class="text-box">{{ height }} 克</div>\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 class="text-box">正常</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-switch\r\n              v-model="lntelligent_mode_status"\r\n              size="mini"\r\n              @change="handle_change_lntelligent_mode_ctrl"\r\n            />\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-switch\r\n              v-model="motor_weight_status"\r\n              size="mini"\r\n              @change="handle_change_motor_weight"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">重量（g）</div>\r\n          <div class="input-box">\r\n            <el-input v-model="pre_height" size="mini" placeholder="请输入重量" />\r\n            <el-button size="mini" type="primary"\r\n@click="height = pre_height">预设</el-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <img src="../assets/images/observe/006.svg" class="dib w200 h200" alt="" />\r\n        \x3c!-- <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div class="rocker" ref="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')"></div>\r\n          <div class="xaiUp" @click="fangxiang(\'down\')"></div>\r\n        </div> --\x3e\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_S1 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      height: 300,\r\n      pre_height: 300,\r\n      lntelligent_mode_status: false,\r\n      motor_weight_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_lntelligent_mode_ctrl(value) {\r\n      const buffer = MMC_Gimbal_S1.lntelligent_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_motor_weight(value) {\r\n      const buffer = MMC_Gimbal_S1.motor_weight(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_S1.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //  // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n      //     // this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(1);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(-1);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n          // this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_S1 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .text-box {\r\n            color: #dce9ff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_S1 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_S1 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_S1 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box .text-box {\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),t,"data-v-b389f48e",false,undefined,!1,i,void 0,void 0);export{s as default};

dist/index-B7XztHLh.js

+import { h as r } from "./utils-4kGecFw2.js";
+import { n, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 e = {
+  data: function data() {
+    return {
+      timer: null,
+      bright_status: !1,
+      flicker_status: !1,
+      very_bright_status: !1,
+      middle_status: !1
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_bright: function handle_bright(n) {
+      var i = r.constant_bright_ctrl(n);
+      this.commit_directive(i);
+    },
+    handle_flicker: function handle_flicker(n) {
+      var i = r.flicker_ctrl(!n);
+      this.commit_directive(i);
+    },
+    handle_very_bright: function handle_very_bright(n) {
+      var i = r.very_bright_ctrl(!n);
+      this.commit_directive(i);
+    },
+    handle_middle: function handle_middle(n) {
+      var i = r.middle_ctrl(!n);
+      this.commit_directive(i);
+    },
+    commit_directive: function commit_directive(r) {
+      this.$emit("directive", r);
+    },
+    fangxiang: function fangxiang(n) {
+      var i = null;
+      switch (n) {
+        case "up":
+          i = r.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(i);
+          break;
+        case "right":
+        case "left":
+          break;
+        case "down":
+          i = r.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(i);
+      }
+    },
+    init_rocker: function init_rocker() {
+      var _this2 = this;
+      var n = null;
+      joystick({
+        onstart: function onstart(i) {
+          switch (i) {
+            case "up":
+              n = r.gimbal_pitch_ctrl(1, _this2.control_speed), _this2.commit_directive(n);
+              break;
+            case "right":
+            case "left":
+              break;
+            case "down":
+              n = r.gimbal_pitch_ctrl(-1, _this2.control_speed), _this2.commit_directive(n);
+          }
+        },
+        onend: function onend() {}
+      });
+    }
+  }
+};
+var t = function t() {
+  var r = this,
+    n = r.$createElement,
+    i = r._self._c || n;
+  return i("div", {
+    staticClass: "cpt-MMC_Gimbal_L50"
+  }, [i("div", {
+    directives: [{
+      name: "interact",
+      rawName: "v-interact"
+    }],
+    staticClass: "hd"
+  }, [i("div", {
+    staticClass: "title"
+  }, [r._v("探照灯")])]), r._v(" "), i("div", {
+    staticClass: "bd"
+  }, [i("div", {
+    staticClass: "form-wrap"
+  }, [i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("常规模式")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-switch", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      change: r.handle_bright
+    },
+    model: {
+      value: r.bright_status,
+      callback: function callback(n) {
+        r.bright_status = n;
+      },
+      expression: "bright_status"
+    }
+  })], 1)]), r._v(" "), r.bright_status ? i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("极      亮")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-checkbox", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      change: r.handle_very_bright
+    },
+    model: {
+      value: r.very_bright_status,
+      callback: function callback(n) {
+        r.very_bright_status = n;
+      },
+      expression: "very_bright_status"
+    }
+  })], 1)]) : i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("闪光模式")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-switch", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      change: r.handle_flicker
+    },
+    model: {
+      value: r.flicker_status,
+      callback: function callback(n) {
+        r.flicker_status = n;
+      },
+      expression: "flicker_status"
+    }
+  })], 1)]), r._v(" "), i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("回中开关")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-switch", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      change: r.handle_middle
+    },
+    model: {
+      value: r.middle_status,
+      callback: function callback(n) {
+        r.middle_status = n;
+      },
+      expression: "middle_status"
+    }
+  })], 1)])]), r._v(" "), i("div", {
+    staticClass: "rocker-wrap"
+  }, [r._m(0), r._v(" "), i("div", {
+    ref: "rocker",
+    staticClass: "rocker"
+  }, [i("div", {
+    staticClass: "shangUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("up");
+      }
+    }
+  }), r._v(" "), i("div", {
+    staticClass: "xaiUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("down");
+      }
+    }
+  })])])])]);
+};
+t._withStripped = !0;
+var a = n({
+  render: t,
+  staticRenderFns: [function () {
+    var r = this,
+      n = r.$createElement,
+      i = r._self._c || n;
+    return i("div", {
+      staticClass: "title-box"
+    }, [i("div", {
+      staticClass: "title"
+    }, [r._v("俯仰操作")])]);
+  }]
+}, function (r) {
+  r && r("data-v-5f7c7a35_0", {
+    source: '.cpt-MMC_Gimbal_L50[data-v-5f7c7a35] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_L50 .hd .title[data-v-5f7c7a35] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_L50 .bd[data-v-5f7c7a35] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap[data-v-5f7c7a35] {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item[data-v-5f7c7a35] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .label-box[data-v-5f7c7a35] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box[data-v-5f7c7a35] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-5f7c7a35] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap[data-v-5f7c7a35] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .title-box .title[data-v-5f7c7a35] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker[data-v-5f7c7a35] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .shangUp[data-v-5f7c7a35] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .xaiUp[data-v-5f7c7a35] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-5f7c7a35] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-5f7c7a35] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-5f7c7a35] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-5f7c7a35] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-5f7c7a35] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-5f7c7a35] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-5f7c7a35] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_L50\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA4IA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;AC3IA;AD6IA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;AC3IA;AD8IA;EACA,aAAA;EACA,8BAAA;AC5IA;AD6IA;EACA,gBAAA;EACA,cAAA;AC3IA;AD4IA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC1IA;AD2IA;EACA,cAAA;EACA,WAAA;ACzIA;AD2IA;EACA,aAAA;EACA,mBAAA;ACzIA;AD2IA;EACA,eAAA;EACA,cAAA;ACzIA;AD+IA;EACA,OAAA;AC7IA;AD+IA;EACA,cAAA;AC7IA;ADgJA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;AC9IA;AD+IA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7IA;AD+IA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7IA;ADoJA;EACA,YAAA;EACA,iBAAA;ACjJA;ADmJA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACjJA;ADqJA;EACA,YAAA;EACA,iBAAA;ACnJA;ADoJA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AClJA;ADyJA;EACA,qBAAA;EACA,mBAAA;ACvJA;AD2JA;EACA,cAAA;ACzJA;AD6JA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC3JA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_L50">\r\n    <div v-interact class="hd">\r\n      <div class="title">探照灯</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-switch v-model="bright_status" size="mini" @change="handle_bright" />\r\n          </div>\r\n        </div>\r\n        <div v-if="!bright_status" class="form-item">\r\n          <div class="label-box">闪光模式</div>\r\n          <div class="input-box">\r\n            <el-switch v-model="flicker_status" size="mini" @change="handle_flicker" />\r\n          </div>\r\n        </div>\r\n        <div v-else class="form-item">\r\n          <div class="label-box">极&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亮</div>\r\n          <div class="input-box">\r\n            <el-checkbox v-model="very_bright_status" size="mini" @change="handle_very_bright" />\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-switch v-model="middle_status" size="mini" @change="handle_middle" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_L50 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      bright_status: false,\r\n      flicker_status: false,\r\n      very_bright_status: false,\r\n      middle_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_bright(value) {\r\n      const buffer = MMC_Gimbal_L50.constant_bright_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_flicker(value) {\r\n      const buffer = MMC_Gimbal_L50.flicker_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_very_bright(value) {\r\n      const buffer = MMC_Gimbal_L50.very_bright_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_middle(value) {\r\n      const buffer = MMC_Gimbal_L50.middle_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_L50.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      // clearTimeout(this.timer);\r\n      // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n      // this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n          // this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_L50 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      min-width: 245px;\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_L50 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_L50 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_L50 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, e, "data-v-5f7c7a35", false, undefined, !1, i);
+export { a as default };

dist/index-B8TtneD1.js

+import { p as n } from "./utils-4kGecFw2.js";
+import { n as e, b as t, c as r } from "./index-BcLRpF0n.js";
+import { _ as i } from "./mount_head-c1OIlkSj.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      timer: null,
+      radio: 1,
+      safety_switch_state: !0,
+      laser_shine_ctrl: !1
+    };
+  },
+  mounted: function mounted() {},
+  methods: {
+    handle_laser_shine_ctrl: function handle_laser_shine_ctrl() {
+      if (this.safety_switch_state) this.$message.warning("请关闭保险"), this.laser_shine_ctrl = !1;else {
+        var _e = n.laser_shine_ctrl(Number(this.laser_shine_ctrl));
+        this.commit_directive(_e), this.laser_shine_ctrl && this.$message.success("已打开");
+      }
+    },
+    handle_safety_switch_state: function handle_safety_switch_state() {
+      if (this.safety_switch_state) {
+        var _e2 = n.laser_shine_ctrl(0);
+        this.commit_directive(_e2), this.laser_shine_ctrl = !1;
+      }
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    }
+  }
+};
+var s = function s() {
+    var n = this,
+      e = n.$createElement,
+      r = n._self._c || e;
+    return r("div", {
+      staticClass: "cpt-MMC_Gimbal_FB1",
+      style: n.containerStyle
+    }, [r("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), r("div", {
+      staticClass: "close",
+      on: {
+        click: function click(e) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), r("div", {
+      staticClass: "bd"
+    }, [r("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    }), n._v(" "), r("div", {
+      staticClass: "form-wrap"
+    }, [r("div", {
+      staticClass: "form-item"
+    }, [r("div", {
+      staticClass: "label-box"
+    }, [n._v("保险：")]), n._v(" "), r("div", {
+      staticClass: "input-box"
+    }, [r("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      on: {
+        change: n.handle_safety_switch_state
+      },
+      model: {
+        value: n.safety_switch_state,
+        callback: function callback(e) {
+          n.safety_switch_state = e;
+        },
+        expression: "safety_switch_state"
+      }
+    })], 1)]), n._v(" "), r("div", {
+      staticClass: "form-item mt16"
+    }, [r("div", {
+      staticClass: "label-box"
+    }, [n._v("开关：")]), n._v(" "), r("div", {
+      staticClass: "input-box"
+    }, [r("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      on: {
+        change: n.handle_laser_shine_ctrl
+      },
+      model: {
+        value: n.laser_shine_ctrl,
+        callback: function callback(e) {
+          n.laser_shine_ctrl = e;
+        },
+        expression: "laser_shine_ctrl"
+      }
+    })], 1)])])])]);
+  },
+  l = [function () {
+    var n = this,
+      e = n.$createElement,
+      t = n._self._c || e;
+    return t("div", {
+      staticClass: "left ml8"
+    }, [t("img", {
+      attrs: {
+        src: i
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "title"
+    }, [n._v("破窗灭火器")])]);
+  }];
+s._withStripped = !0;
+var c = e({
+  render: s,
+  staticRenderFns: l
+}, function (n) {
+  n && n("data-v-e4bacb26_0", {
+    source: ".cpt-MMC_Gimbal_FB1[data-v-e4bacb26] {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FB1 .hd[data-v-e4bacb26] {\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_FB1 .hd .left[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .hd .left .title[data-v-e4bacb26] {\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_FB1 .hd .close[data-v-e4bacb26] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FB1 .bd[data-v-e4bacb26] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap[data-v-e4bacb26] {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .label-box[data-v-e4bacb26] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-e4bacb26] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .launch[data-v-e4bacb26] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMCGimbalFB1\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAiFA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACnFA;ADoFA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClFA;ADoFA;EACA,aAAA;EACA,mBAAA;AClFA;ADmFA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxFA;AD4FA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1FA;AD6FA;EACA,aAAA;AC3FA;AD4FA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC1FA;AD2FA;EACA,aAAA;EACA,mBAAA;ACzFA;AD0FA;EACA,cAAA;ACxFA;AD0FA;EACA,aAAA;EACA,mBAAA;ACxFA;AD0FA;EACA,eAAA;EACA,cAAA;ACxFA;AD6FA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC3FA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_FB1" :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">破窗灭火器</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\')">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <img src="../assets/images/observe/010.svg" alt />\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-switch\r\n              v-model="safety_switch_state"\r\n              size="mini"\r\n              @change="handle_safety_switch_state"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <div class="label-box">开关：</div>\r\n          <div class="input-box">\r\n            <el-switch v-model="laser_shine_ctrl" size="mini" @change="handle_laser_shine_ctrl" />\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_FB1 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true,\r\n      laser_shine_ctrl: false\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl() {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n        this.laser_shine_ctrl = false;\r\n      } else {\r\n        const buff = MMC_Gimbal_FB1.laser_shine_ctrl(Number(this.laser_shine_ctrl));\r\n        this.commit_directive(buff);\r\n        if (this.laser_shine_ctrl) {\r\n          this.$message.success(\'已打开\');\r\n        }\r\n        // this.safety_switch_state = !this.safety_switch_state\r\n      }\r\n    },\r\n    handle_safety_switch_state() {\r\n      if (this.safety_switch_state) {\r\n        const buff = MMC_Gimbal_FB1.laser_shine_ctrl(0);\r\n        this.commit_directive(buff);\r\n        this.laser_shine_ctrl = false;\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FB1 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 280px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 100px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n', ".cpt-MMC_Gimbal_FB1 {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FB1 .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_FB1 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .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_FB1 .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_FB1 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]
+    },
+    media: void 0
+  });
+}, a, "data-v-e4bacb26", false, undefined, !1, r);
+export { c as default };

dist/index-BBYtVSLN.js

-import{r as n}from"./utils-DFbQKfwy.js";import{k as e}from"./index-C19CNC6d.js";import{_ as t}from"./mount_head-CjG17KVU.js";import r from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";const a={props:{containerStyle:{type:Object,default:()=>({})}},data:()=>({radio:1,safety_switch_state:!1,fire_status:!1}),methods:{handle_fire_ctrl(){if(console.log(111,this.safety_switch_state),!this.safety_switch_state)return this.$message.warning("保险未打开！"),this.fire_status=!1;let e=null;e=this.fire_status?n.gimbal_mode2_ctrl(1):n.gimbal_mode2_ctrl(0),this.commit_directive(e)},commit_directive(n){this.$emit("directive",n)}}};var s=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("div",{staticClass:"cpt-MMC_Gimbal_FE3",style:n.containerStyle},[r("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),r("div",{staticClass:"close",on:{click:function(e){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),r("div",{staticClass:"bd"},[r("img",{staticClass:"ml16",attrs:{src:e,alt:""}}),n._v(" "),r("div",{staticClass:"form-wrap"},[r("div",{staticClass:"form-item"},[r("div",{staticClass:"label-box"},[n._v("保险")]),n._v(" "),r("div",{staticClass:"input-box"},[r("el-switch",{attrs:{size:"mini"},model:{value:n.safety_switch_state,callback:function(e){n.safety_switch_state=e},expression:"safety_switch_state"}})],1)]),n._v(" "),r("div",{staticClass:"form-item"},[r("div",{staticClass:"label-box"},[n._v("开关")]),n._v(" "),r("div",{staticClass:"input-box",on:{click:n.handle_fire_ctrl}},[r("el-switch",{attrs:{size:"mini"},model:{value:n.fire_status,callback:function(e){n.fire_status=e},expression:"fire_status"}})],1)])])])])},o=[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("干粉灭火器")])])}];s._withStripped=!0;const l=r({render:s,staticRenderFns:o},(function(n){n&&n("data-v-6e76eb9e_0",{source:".cpt-MMC_Gimbal_FE3[data-v-6e76eb9e] {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE3 .hd[data-v-6e76eb9e] {\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_FE3 .hd .left[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .hd .left .title[data-v-6e76eb9e] {\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_FE3 .hd .close[data-v-6e76eb9e] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FE3 .bd[data-v-6e76eb9e] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap[data-v-6e76eb9e] {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .label-box[data-v-6e76eb9e] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-6e76eb9e] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .launch[data-v-6e76eb9e] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FE3\\index.vue","index.vue"],names:[],mappings:"AAsEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACxEA;ADyEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACvEA;ADyEA;EACA,aAAA;EACA,mBAAA;ACvEA;ADwEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC7EA;ADiFA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC/EA;ADkFA;EACA,aAAA;AChFA;ADiFA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC/EA;ADgFA;EACA,aAAA;EACA,mBAAA;AC9EA;AD+EA;EACA,cAAA;AC7EA;AD+EA;EACA,aAAA;EACA,mBAAA;AC7EA;AD+EA;EACA,eAAA;EACA,cAAA;AC7EA;ADkFA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AChFA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_FE3" :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">干粉灭火器</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\')">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <img class="ml16" src="../assets/images/observe/019.svg" alt="" />\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-switch v-model="safety_switch_state" size="mini" />\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" @click="handle_fire_ctrl">\r\n            <el-switch v-model="fire_status" size="mini" />\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_FE3 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      radio: 1,\r\n      // 保险状态\r\n      safety_switch_state: false,\r\n      // 开关状态\r\n      fire_status: false\r\n    };\r\n  },\r\n  methods: {\r\n    handle_fire_ctrl() {\r\n      console.log(111, this.safety_switch_state);\r\n      if (!this.safety_switch_state) {\r\n        this.$message.warning(\'保险未打开！\');\r\n        return (this.fire_status = false);\r\n      }\r\n      let buff = null;\r\n      if (this.fire_status) {\r\n        buff = MMC_Gimbal_FE3.gimbal_mode2_ctrl(1);\r\n      } else {\r\n        buff = MMC_Gimbal_FE3.gimbal_mode2_ctrl(0);\r\n      }\r\n      this.commit_directive(buff);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FE3 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 280px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 100px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n',".cpt-MMC_Gimbal_FE3 {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE3 .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_FE3 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .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_FE3 .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_FE3 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]},media:void 0})}),a,"data-v-6e76eb9e",false,undefined,!1,i,void 0,void 0);export{l as default};

dist/index-BG3AfkQ8.js

-import{f as n}from"./utils-DFbQKfwy.js";import r from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const i={data:()=>({timer:null,music:null,control_speed:3}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_play(){const r=n.gimbal_audio_play_ctl(2);this.commit_directive(r)},handle_pause(){const r=n.gimbal_audio_play_ctl(0);this.commit_directive(r)},handle_change_music(){const r=n.gimbal_audio_play_next_ctl();this.commit_directive(r)},commit_directive(n){this.$emit("directive",n)},fangxiang(r){let e=null;switch(r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":case"left":break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}this.timer=setTimeout((()=>{clearTimeout(this.timer),e=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(e)}),500)},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":case"left":break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r)}})}}};var t=function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"cpt-MMC_Gimbal_P0_Pro"},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[e("div",{staticClass:"title"},[n._v("喊话器")])]),n._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("喊话播放")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"icon-box"},[e("span",{staticClass:"el-icon-video-play",on:{click:n.handle_play}}),n._v(" "),e("span",{staticClass:"el-icon-video-pause",on:{click:n.handle_pause}})])])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("下 一 曲")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-select",{attrs:{size:"mini",placeholder:"请选择下一曲"},on:{change:n.handle_change_music},model:{value:n.music,callback:function(r){n.music=r},expression:"music"}},[e("el-option",{attrs:{label:1,value:1}}),n._v(" "),e("el-option",{attrs:{label:2,value:2}}),n._v(" "),e("el-option",{attrs:{label:3,value:3}})],1)],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,i){return e("div",{key:i,staticClass:"speed",style:n.control_speed==i+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=i+1}}},[n._v("\n              "+n._s(i+1)+"\n            ")])})),0)])])]),n._v(" "),e("div",{staticClass:"rocker-wrap"},[n._m(0),n._v(" "),e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{click:function(r){return n.fangxiang("up")}}}),n._v(" "),e("div",{staticClass:"xaiUp",on:{click:function(r){return n.fangxiang("down")}}})])])])])};t._withStripped=!0;const o=r({render:t,staticRenderFns:[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"title-box"},[e("div",{staticClass:"title"},[n._v("俯仰操作")])])}]},(function(n){n&&n("data-v-116a7a93_0",{source:'.cpt-MMC_Gimbal_P0_Pro[data-v-116a7a93] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_P0_Pro .hd .title[data-v-116a7a93] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd[data-v-116a7a93] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap[data-v-116a7a93] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item[data-v-116a7a93] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .label-box[data-v-116a7a93] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box[data-v-116a7a93] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-116a7a93] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap[data-v-116a7a93] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .title-box .title[data-v-116a7a93] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker[data-v-116a7a93] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .shangUp[data-v-116a7a93] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .xaiUp[data-v-116a7a93] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-116a7a93] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-116a7a93] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-116a7a93] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-116a7a93] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-116a7a93] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-116a7a93] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-116a7a93] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-116a7a93] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-116a7a93] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-116a7a93] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-116a7a93] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_P0_Pro\\index.vue","index.vue"],names:[],mappings:"AAkKA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACjKA;ADmKA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACjKA;ADoKA;EACA,aAAA;EACA,8BAAA;AClKA;ADmKA;EACA,cAAA;ACjKA;ADkKA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChKA;ADiKA;EACA,cAAA;EACA,WAAA;AC/JA;ADiKA;EACA,aAAA;EACA,mBAAA;AC/JA;ADiKA;EACA,eAAA;EACA,cAAA;AC/JA;ADqKA;EACA,OAAA;ACnKA;ADqKA;EACA,cAAA;ACnKA;ADsKA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;ACpKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;AD0KA;EACA,YAAA;EACA,iBAAA;ACvKA;ADyKA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvKA;AD2KA;EACA,YAAA;EACA,iBAAA;ACzKA;AD0KA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxKA;AD+KA;EACA,qBAAA;EACA,mBAAA;AC7KA;ADiLA;EACA,cAAA;AC/KA;ADmLA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACjLA;ADoLA;EACA,gBAAA;ACjLA;ADmLA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AChLA;ADiLA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AChLA;ADmLA;EACA,cAAA;AChLA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_P0_Pro">\r\n    <div v-interact class="hd">\r\n      <div class="title">喊话器</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            <div class="icon-box">\r\n              <span class="el-icon-video-play" @click="handle_play" />\r\n              <span class="el-icon-video-pause" @click="handle_pause" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">下&nbsp;一&nbsp;曲</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="music"\r\n              size="mini"\r\n              placeholder="请选择下一曲"\r\n              @change="handle_change_music"\r\n            >\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-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="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_P0_Pro } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      music: null,\r\n      control_speed: 3\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_play() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_ctl(2);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_pause() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_ctl(0);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_music() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_next_ctl();\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_P0_Pro {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_P0_Pro {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_P0_Pro .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),i,"data-v-116a7a93",false,undefined,!1,e,void 0,void 0);export{o as default};

dist/index-BRt1rs-8.js

-import n from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import r from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import{mapGetters as t}from"vuex";import{l as e}from"./utils-DFbQKfwy.js";import{_ as o}from"./mount_head-CjG17KVU.js";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const i={props:{containerStyle:{type:Object|String,default:()=>""}}};var a=function(){var n=this,r=n.$createElement,t=n._self._c||r;return t("div",{staticClass:"cpt-box_popup",style:n.containerStyle},[t("div",{staticClass:"popup-inner-wrap"},[t("div",{staticClass:"popup_inner"},[n._t("default")],2)])])};a._withStripped=!0;var s={components:{Popup:n({render:a,staticRenderFns:[]},(function(n){n&&n("data-v-2547a257_0",{source:".cpt-box_popup[data-v-2547a257] {\n  margin-left: 500px;\n  margin-bottom: 50px;\n  position: fixed;\n  bottom: 0px;\n  right: 100px;\n  min-height: 400px;\n  z-index: 9;\n  background-size: 100% 100%;\n  padding: 2rem 1.6rem 1rem 2rem;\n  min-width: 482px;\n  box-sizing: border-box;\n}\n\n/*# sourceMappingURL=index.vue.map */",map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\components\\popup\\index.vue","index.vue"],names:[],mappings:"AAuBA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,UAAA;EAOA,0BAAA;EACA,8BAAA;EACA,gBAAA;EACA,sBAAA;AC5BA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-box_popup"\r\n       :style="containerStyle">\r\n    <div class="popup-inner-wrap">\r\n      <div class="popup_inner">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object | String,\r\n      default: () => \'\',\r\n    },\r\n  },\r\n}\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-box_popup {\r\n  margin-left: 500px;\r\n  margin-bottom: 50px;\r\n  position: fixed;\r\n  bottom: 0px;\r\n  right: 100px;\r\n  min-height: 400px;\r\n  z-index: 9;\r\n  // background: url("~@/assets/images/home/plate_left_bg.png") no-repeat;\r\n// background: rgba(12, 34, 73, 0.7);\r\n//   border-radius: 10px;\r\n//   border: 1px solid rgba(26, 92, 246, 0.5);\r\n//   backdrop-filter: blur(1px);\r\n\r\n  background-size: 100% 100%;\r\n  padding: 2rem 1.6rem 1rem 2rem;\r\n  min-width: 482px;\r\n  box-sizing: border-box;\r\n  // .popup-inner-wrap {\r\n  //   width: 100%;\r\n  //   height: 100%;\r\n  //   box-sizing: border-box;\r\n  //   .popup_inner {\r\n  //     width: 100%;\r\n  //     height: 100%;\r\n  //     box-sizing: border-box;\r\n  //   }\r\n  // }\r\n}\r\n</style>\r\n',".cpt-box_popup {\n  margin-left: 500px;\n  margin-bottom: 50px;\n  position: fixed;\n  bottom: 0px;\n  right: 100px;\n  min-height: 400px;\n  z-index: 9;\n  background-size: 100% 100%;\n  padding: 2rem 1.6rem 1rem 2rem;\n  min-width: 482px;\n  box-sizing: border-box;\n}\n\n/*# sourceMappingURL=index.vue.map */"]},media:void 0})}),i,"data-v-2547a257",false,undefined,!1,r,void 0,void 0)},data:()=>({num:0,timerflag:"",timerflagtwo:"",isFull:!1}),computed:{...t(["user_info"])},methods:{commit_directive(n){console.log(n),this.$emit("directive",n)},declineFn(){this.timerflag=setInterval((()=>{if(this.num<=300){const n=e.gimbal_pitch_ctrl(-1);this.commit_directive(n),this.num+=.1}else this.isFull=!0,clearInterval(this.timerflag);console.log(this.num)}),20)},upFn(){clearInterval(this.timerflagtwo),this.timerflagtwo=setInterval((()=>{const n=e.gimbal_pitch_ctrl(1);this.commit_directive(n),this.num>=0?this.num-=.1:clearInterval(this.timerflagtwo)}),20)},stop(){const n=e.gimbal_pitch_ctrl(0);this.commit_directive(n),clearInterval(this.timerflag),clearInterval(this.timerflagtwo)}}};const l=s;var d=function(){var n=this,r=n.$createElement,t=n._self._c||r;return t("Popup",{staticClass:"p1 w200",attrs:{"container-style":{top:"215px",right:"100px",height:"465px"}}},[t("div",{staticClass:"PopupBox"},[t("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[t("div",{staticClass:"Popup h40 lh40 jcsb"},[t("div",{staticClass:"ml30 jcsb"},[t("img",{staticClass:"w20 h20 mt6",attrs:{src:o}}),n._v(" "),t("div",{staticClass:"title mt5"},[n._v("水体采样器")])]),n._v(" "),t("div",{staticClass:"mr10 cp cf f14 fw300",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])])]),n._v(" "),t("div",{staticClass:"wih100 tc"},[t("div",{staticClass:"dib cp tc w150 h40 lh40 tc cp mt10 selectCollectionButton",on:{mousedown:n.declineFn,mouseup:n.stop,mouseout:n.stop}},[n._v("\n        下降采集\n      ")])]),n._v(" "),t("div",{staticClass:"wih100 tc mt10"},[t("div",{staticClass:"dib cp tc w150 h40 lh40 tc selectCollectionButton",on:{mousedown:n.upFn,mouseup:n.stop,mouseout:n.stop}},[n._v("\n        上升回收\n      ")])]),n._v(" "),t("div",{staticClass:"wih100 tc dib",staticStyle:{margin:"0 auto"}},[t("div",{staticClass:"dib tc w146 pr"},[t("div",{staticClass:"tc mt20"},[t("div",{staticClass:"pa left25"},[t("div",{staticClass:"dib cp defaultCollectionButton Collection w90 h38 lh38 tc",class:n.isFull?"selectFull":"",style:"transform:translateY("+n.num+"px)"},[n._v("\n              采集器\n            ")])])]),n._v(" "),t("img",{staticClass:"w146 h246 mt30",attrs:{src:"da177e0ca94d5856.svg",alt:""}})])])])])};d._withStripped=!0;const c=n({render:d,staticRenderFns:[]},(function(n){n&&n("data-v-062f2126_0",{source:'.suspendedbox[data-v-062f2126] {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n  width: 150px;\n  margin: auto;\n}\n.suspendedbox[data-v-062f2126] :hover {\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n.title_header[data-v-062f2126] {\n  color: #dce9ff;\n  font-family: PangMenZhengDao;\n}\n.defaultCollectionButton[data-v-062f2126] {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n}\n.Collection[data-v-062f2126] {\n  border-radius: 8px;\n}\n.defaultDeclineFlag[data-v-062f2126] {\n  margin-top: 0px;\n  top: 20px;\n  transition: 10s;\n}\n.declineFlag[data-v-062f2126] {\n  top: 20px;\n  margin-top: 200px;\n  transition: 10s;\n}\n.selectFull[data-v-062f2126] {\n  color: #000;\n  border: 1px solid #2aefed;\n  background-color: #2aefed;\n}\n.selectCollectionButton[data-v-062f2126] {\n  background: #076362;\n  border: 1px solid #2aefed;\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n.selectCollectionButton[data-v-062f2126]:hover {\n  background: #0c9b98;\n}\n.shoutImg[data-v-062f2126] {\n  background-image: url("../assets/images/accident/operation.png");\n  background-repeat: no-repeat;\n  background-size: 100%;\n}\n.bfsx[data-v-062f2126] {\n  background-image: url("../assets/images/accident/shunxu.png");\n  background-position: 49px 30px;\n  width: 37px;\n}\n.Popup[data-v-062f2126] {\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.Popup .title[data-v-062f2126] {\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.PopupBox[data-v-062f2126] {\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  -webkit-backdrop-filter: blur(1px);\n  backdrop-filter: blur(1px);\n  background-size: 100% 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_QS\\index.vue","index.vue"],names:[],mappings:"AA8HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;AC7HA;AD8HA;EACA,cAAA;EACA,oCAAA;AC5HA;AD+HA;EACA,cAAA;EACA,4BAAA;AC5HA;AD8HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC3HA;AD8HA;EACA,kBAAA;AC3HA;AD6HA;EACA,eAAA;EACA,SAAA;EACA,eAAA;AC1HA;AD4HA;EACA,SAAA;EACA,iBAAA;EACA,eAAA;ACzHA;AD2HA;EACA,WAAA;EACA,yBAAA;EACA,yBAAA;ACxHA;AD0HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,oCAAA;ACvHA;ADyHA;EACA,mBAAA;ACtHA;ADwHA;EACA,gEAAA;EACA,4BAAA;EACA,qBAAA;ACrHA;ADuHA;EACA,6DAAA;EACA,8BAAA;EACA,WAAA;ACpHA;ADsHA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnHA;ADoHA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACzHA;AD4HA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,kCAAA;EACA,0BAAA;EACA,0BAAA;ACzHA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <Popup\r\n    class="p1 w200"\r\n    :container-style="{\r\n      top: \'215px\',\r\n      right: \'100px\',\r\n      height: \'465px\'\r\n    }"\r\n  >\r\n    <div class="PopupBox">\r\n      <div v-interact class="hd">\r\n        <div class="Popup h40 lh40 jcsb">\r\n          <div class="ml30 jcsb">\r\n            <img class="w20 h20 mt6" src="../assets/images/mount/mount_head.png" />\r\n            <div class="title mt5">水体采样器</div>\r\n          </div>\r\n          <div class="mr10 cp cf f14 fw300" @click="$emit(\'close\')">关闭</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="wih100 tc">\r\n        <div\r\n          class="dib cp tc w150 h40 lh40 tc cp mt10 selectCollectionButton"\r\n          @mousedown="declineFn"\r\n          @mouseup="stop"\r\n          @mouseout="stop"\r\n        >\r\n          下降采集\r\n        </div>\r\n      </div>\r\n      <div class="wih100 tc mt10">\r\n        <div\r\n          class="dib cp tc w150 h40 lh40 tc selectCollectionButton"\r\n          @mousedown="upFn"\r\n          @mouseup="stop"\r\n          @mouseout="stop"\r\n        >\r\n          上升回收\r\n        </div>\r\n      </div>\r\n      <div class="wih100 tc dib" style="margin: 0 auto">\r\n        <div class="dib tc w146 pr">\r\n          <div class="tc mt20">\r\n            <div class="pa left25">\r\n              <div\r\n                :class="isFull ? \'selectFull\' : \'\'"\r\n                class="dib cp defaultCollectionButton Collection w90 h38 lh38 tc"\r\n                :style="`transform:translateY(${num}px)`"\r\n              >\r\n                采集器\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <img class="w146 h246 mt30" src="../assets/images/accident/Collection.svg" alt />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Popup>\r\n</template>\r\n\r\n<script>\r\nimport Popup from \'../components/popup\';\r\nimport { mapGetters } from \'vuex\';\r\nimport { MMC_Gimbal_QS } from \'../utils\';\r\n\r\nexport default {\r\n  components: {\r\n    Popup\r\n  },\r\n  data() {\r\n    return {\r\n      num: 0,\r\n      // 下降定时器\r\n      timerflag: \'\',\r\n      // 上升定时器\r\n      timerflagtwo: \'\',\r\n      isFull: false\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\'user_info\'])\r\n  },\r\n  methods: {\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    // 下降\r\n    declineFn() {\r\n      this.timerflag = setInterval(() => {\r\n        if (this.num <= 300) {\r\n          const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n          this.num += 0.1;\r\n        } else {\r\n          this.isFull = true;\r\n          clearInterval(this.timerflag);\r\n        }\r\n        console.log(this.num);\r\n      }, 20);\r\n    },\r\n    // 上升回收\r\n    upFn() {\r\n      // this.declineFlag = false;\r\n      clearInterval(this.timerflagtwo);\r\n      this.timerflagtwo = setInterval(() => {\r\n        const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(1);\r\n        this.commit_directive(buffer);\r\n        if (this.num >= 0) {\r\n          this.num -= 0.1;\r\n        } else {\r\n          clearInterval(this.timerflagtwo);\r\n        }\r\n      }, 20);\r\n    },\r\n    stop() {\r\n      const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(0);\r\n      this.commit_directive(buffer);\r\n      clearInterval(this.timerflag);\r\n      clearInterval(this.timerflagtwo);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.suspendedbox {\r\n  background: #494d57;\r\n  border: 1px solid #78838f;\r\n  color: #979da2;\r\n  width: 150px;\r\n  margin: auto;\r\n  :hover {\r\n    color: #00f3ef;\r\n    box-shadow: inset 0 0 11px 0 #00f3ef;\r\n  }\r\n}\r\n.title_header {\r\n  color: #dce9ff;\r\n  font-family: PangMenZhengDao;\r\n}\r\n.defaultCollectionButton {\r\n  background: #494d57;\r\n  border: 1px solid #78838f;\r\n  color: #979da2;\r\n}\r\n\r\n.Collection {\r\n  border-radius: 8px;\r\n}\r\n.defaultDeclineFlag {\r\n  margin-top: 0px;\r\n  top: 20px;\r\n  transition: 10s;\r\n}\r\n.declineFlag {\r\n  top: 20px;\r\n  margin-top: 200px;\r\n  transition: 10s;\r\n}\r\n.selectFull {\r\n  color: #000;\r\n  border: 1px solid #2aefed;\r\n  background-color: #2aefed;\r\n}\r\n.selectCollectionButton {\r\n  background: #076362;\r\n  border: 1px solid #2aefed;\r\n  color: #00f3ef;\r\n  box-shadow: inset 0 0 11px 0 #00f3ef;\r\n}\r\n.selectCollectionButton:hover {\r\n  background: #0c9b98;\r\n}\r\n.shoutImg {\r\n  background-image: url(\'../assets/images/accident/operation.png\');\r\n  background-repeat: no-repeat;\r\n  background-size: 100%;\r\n}\r\n.bfsx {\r\n  background-image: url(\'../assets/images/accident/shunxu.png\');\r\n  background-position: 49px 30px;\r\n  width: 37px;\r\n}\r\n.Popup {\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  .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.PopupBox {\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  -webkit-backdrop-filter: blur(1px);\r\n  backdrop-filter: blur(1px);\r\n  background-size: 100% 100%;\r\n}\r\n</style>\r\n','.suspendedbox {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n  width: 150px;\n  margin: auto;\n}\n.suspendedbox :hover {\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n\n.title_header {\n  color: #dce9ff;\n  font-family: PangMenZhengDao;\n}\n\n.defaultCollectionButton {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n}\n\n.Collection {\n  border-radius: 8px;\n}\n\n.defaultDeclineFlag {\n  margin-top: 0px;\n  top: 20px;\n  transition: 10s;\n}\n\n.declineFlag {\n  top: 20px;\n  margin-top: 200px;\n  transition: 10s;\n}\n\n.selectFull {\n  color: #000;\n  border: 1px solid #2aefed;\n  background-color: #2aefed;\n}\n\n.selectCollectionButton {\n  background: #076362;\n  border: 1px solid #2aefed;\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n\n.selectCollectionButton:hover {\n  background: #0c9b98;\n}\n\n.shoutImg {\n  background-image: url("../assets/images/accident/operation.png");\n  background-repeat: no-repeat;\n  background-size: 100%;\n}\n\n.bfsx {\n  background-image: url("../assets/images/accident/shunxu.png");\n  background-position: 49px 30px;\n  width: 37px;\n}\n\n.Popup {\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.Popup .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\n.PopupBox {\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  -webkit-backdrop-filter: blur(1px);\n  backdrop-filter: blur(1px);\n  background-size: 100% 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),l,"data-v-062f2126",false,undefined,!1,r,void 0,void 0);export{c as default};

dist/index-BXg7iVWv.js

-import{p as n}from"./utils-DFbQKfwy.js";import{i as e}from"./index-C19CNC6d.js";import{_ as t}from"./mount_head-CjG17KVU.js";import r from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";const a={props:{containerStyle:{type:Object,default:()=>({})}},data:()=>({timer:null,radio:1,safety_switch_state:!0,laser_shine_ctrl:!1}),mounted(){},methods:{handle_laser_shine_ctrl(){if(this.safety_switch_state)this.$message.warning("请关闭保险"),this.laser_shine_ctrl=!1;else{const e=n.laser_shine_ctrl(Number(this.laser_shine_ctrl));this.commit_directive(e),this.laser_shine_ctrl&&this.$message.success("已打开")}},handle_safety_switch_state(){if(this.safety_switch_state){const e=n.laser_shine_ctrl(0);this.commit_directive(e),this.laser_shine_ctrl=!1}},commit_directive(n){this.$emit("directive",n)}}};var s=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("div",{staticClass:"cpt-MMC_Gimbal_FB1",style:n.containerStyle},[r("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),r("div",{staticClass:"close",on:{click:function(e){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),r("div",{staticClass:"bd"},[r("img",{attrs:{src:e,alt:""}}),n._v(" "),r("div",{staticClass:"form-wrap"},[r("div",{staticClass:"form-item"},[r("div",{staticClass:"label-box"},[n._v("保险：")]),n._v(" "),r("div",{staticClass:"input-box"},[r("el-switch",{attrs:{size:"mini"},on:{change:n.handle_safety_switch_state},model:{value:n.safety_switch_state,callback:function(e){n.safety_switch_state=e},expression:"safety_switch_state"}})],1)]),n._v(" "),r("div",{staticClass:"form-item mt16"},[r("div",{staticClass:"label-box"},[n._v("开关：")]),n._v(" "),r("div",{staticClass:"input-box"},[r("el-switch",{attrs:{size:"mini"},on:{change:n.handle_laser_shine_ctrl},model:{value:n.laser_shine_ctrl,callback:function(e){n.laser_shine_ctrl=e},expression:"laser_shine_ctrl"}})],1)])])])])},l=[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("破窗灭火器")])])}];s._withStripped=!0;const o=r({render:s,staticRenderFns:l},(function(n){n&&n("data-v-e4bacb26_0",{source:".cpt-MMC_Gimbal_FB1[data-v-e4bacb26] {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FB1 .hd[data-v-e4bacb26] {\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_FB1 .hd .left[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .hd .left .title[data-v-e4bacb26] {\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_FB1 .hd .close[data-v-e4bacb26] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FB1 .bd[data-v-e4bacb26] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap[data-v-e4bacb26] {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .label-box[data-v-e4bacb26] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box[data-v-e4bacb26] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-e4bacb26] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .launch[data-v-e4bacb26] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMCGimbalFB1\\index.vue","index.vue"],names:[],mappings:"AAiFA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACnFA;ADoFA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClFA;ADoFA;EACA,aAAA;EACA,mBAAA;AClFA;ADmFA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxFA;AD4FA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1FA;AD6FA;EACA,aAAA;AC3FA;AD4FA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC1FA;AD2FA;EACA,aAAA;EACA,mBAAA;ACzFA;AD0FA;EACA,cAAA;ACxFA;AD0FA;EACA,aAAA;EACA,mBAAA;ACxFA;AD0FA;EACA,eAAA;EACA,cAAA;ACxFA;AD6FA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC3FA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_FB1" :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">破窗灭火器</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\')">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <img src="../assets/images/observe/010.svg" alt />\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-switch\r\n              v-model="safety_switch_state"\r\n              size="mini"\r\n              @change="handle_safety_switch_state"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <div class="label-box">开关：</div>\r\n          <div class="input-box">\r\n            <el-switch v-model="laser_shine_ctrl" size="mini" @change="handle_laser_shine_ctrl" />\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_FB1 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true,\r\n      laser_shine_ctrl: false\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl() {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n        this.laser_shine_ctrl = false;\r\n      } else {\r\n        const buff = MMC_Gimbal_FB1.laser_shine_ctrl(Number(this.laser_shine_ctrl));\r\n        this.commit_directive(buff);\r\n        if (this.laser_shine_ctrl) {\r\n          this.$message.success(\'已打开\');\r\n        }\r\n        // this.safety_switch_state = !this.safety_switch_state\r\n      }\r\n    },\r\n    handle_safety_switch_state() {\r\n      if (this.safety_switch_state) {\r\n        const buff = MMC_Gimbal_FB1.laser_shine_ctrl(0);\r\n        this.commit_directive(buff);\r\n        this.laser_shine_ctrl = false;\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FB1 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 280px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 100px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n',".cpt-MMC_Gimbal_FB1 {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FB1 .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_FB1 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .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_FB1 .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_FB1 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FB1 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]},media:void 0})}),a,"data-v-e4bacb26",false,undefined,!1,i,void 0,void 0);export{o as default};

dist/index-BgY9niJZ.js

-import{o as r}from"./utils-DFbQKfwy.js";import{_ as n}from"./launch-DVLUxeG_.js";import{_ as e}from"./mount_head-CjG17KVU.js";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import t from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const a={props:{containerStyle:{type:Object,default:()=>({})}},data:()=>({timer:null,radio:1,safety_switch_state:!1,laser_shine_status:!1}),mounted(){this.$emit("showCenter",!0),this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_laser_shine_ctrl(n){if(!this.safety_switch_state)return this.$message.warning("未打开保险"),this.laser_shine_status=!1;{const n=r.laser_shine_ctrl(1);this.commit_directive(n),this.$message.success("发射成功")}},commit_directive(r){this.$emit("directive",r)},fangxiang(n){let e=null;switch(n){case"up":e=r.gimbal_pitch_ctrl(1),this.commit_directive(e);break;case"right":case"left":break;case"down":e=r.gimbal_pitch_ctrl(-1),this.commit_directive(e)}this.timer=setTimeout((()=>{clearTimeout(this.timer),e=r.gimbal_pitch_ctrl(0),this.commit_directive(e)}),500)},init_rocker(){let n=null;joystick({onstart:e=>{switch(e){case"up":n=r.gimbal_pitch_ctrl(1),this.commit_directive(n);break;case"right":case"left":break;case"down":n=r.gimbal_pitch_ctrl(-1),this.commit_directive(n)}},onend:()=>{n=r.gimbal_pitch_ctrl(0),this.commit_directive(n)}})}}};var o=function(){var r=this,e=r.$createElement,i=r._self._c||e;return i("div",{staticClass:"cpt-MMC_Gimbal_FE8",style:r.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[r._m(0),r._v(" "),i("div",{staticClass:"close",on:{click:function(n){r.$emit("close"),r.$emit("showCenter",!1)}}},[r._v("关闭")])]),r._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"rocker-wrap"},[i("div",{staticClass:"title-box"}),r._v(" "),i("div",{ref:"rocker",staticClass:"rocker"},[i("div",{staticClass:"shangUp",on:{click:function(n){return r.fangxiang("up")}}}),r._v(" "),i("div",{staticClass:"xaiUp",on:{click:function(n){return r.fangxiang("down")}}}),r._v(" "),i("div",{staticClass:"zuoUp",on:{click:function(n){return r.fangxiang("right")}}}),r._v(" "),i("div",{staticClass:"youUp",on:{click:function(n){return r.fangxiang("left")}}})])]),r._v(" "),i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[r._v("保险：")]),r._v(" "),i("div",{staticClass:"input-box"},[i("el-switch",{attrs:{size:"mini"},model:{value:r.safety_switch_state,callback:function(n){r.safety_switch_state=n},expression:"safety_switch_state"}})],1)]),r._v(" "),i("div",{staticClass:"form-item launch"},[i("img",{attrs:{src:n,alt:""},on:{click:r.handle_laser_shine_ctrl}}),r._v(" "),i("div",{staticClass:"label-box"},[r._v("发射")])])])])])},A=[function(){var r=this,n=r.$createElement,i=r._self._c||n;return i("div",{staticClass:"left ml8"},[i("img",{attrs:{src:e}}),r._v(" "),i("div",{staticClass:"title"},[r._v("催泪弹")])])}];o._withStripped=!0;const s=i({render:o,staticRenderFns:A},(function(r){r&&r("data-v-f5ea1254_0",{source:'.cpt-MMC_Gimbal_FE8[data-v-f5ea1254] {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE8 .hd[data-v-f5ea1254] {\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_FE8 .hd .left[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .hd .left .title[data-v-f5ea1254] {\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_FE8 .hd .close[data-v-f5ea1254] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FE8 .bd[data-v-f5ea1254] {\n  padding: 10px 20px;\n  display: flex;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap[data-v-f5ea1254] {\n  margin-left: 124px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .label-box[data-v-f5ea1254] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-f5ea1254] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .launch[data-v-f5ea1254] {\n  margin-top: 35px;\n  margin-left: 22px;\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .title-box .title[data-v-f5ea1254] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker[data-v-f5ea1254] {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker .shangUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .xaiUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .zuoUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .youUp[data-v-f5ea1254] {\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-f5ea1254] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f5ea1254] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-f5ea1254] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f5ea1254] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-f5ea1254] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-f5ea1254] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-f5ea1254] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FE8\\index.vue","index.vue"],names:[],mappings:"AAkKA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EAEA,sBAAA;ACnKA;ADoKA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClKA;ADoKA;EACA,aAAA;EACA,mBAAA;AClKA;ADmKA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxKA;AD4KA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1KA;AD6KA;EACA,kBAAA;EACA,aAAA;EAEA,gBAAA;EACA,aAAA;EACA,kBAAA;AC5KA;AD6KA;EACA,kBAAA;AC3KA;AD8KA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC5KA;AD6KA;EACA,cAAA;AC3KA;AD8KA;EACA,aAAA;EACA,mBAAA;AC5KA;AD8KA;EACA,eAAA;EACA,cAAA;AC5KA;ADiLA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;AC/KA;ADqLA;EACA,cAAA;ACnLA;ADsLA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EAEA,wEAAA;EACA,0BAAA;ACtLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;AD4LA;EACA,YAAA;EACA,iBAAA;ACzLA;AD2LA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzLA;AD6LA;EACA,YAAA;EACA,iBAAA;AC3LA;AD4LA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1LA;ADiMA;EACA,qBAAA;EACA,mBAAA;AC/LA;ADmMA;EACA,cAAA;ACjMA;ADqMA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACnMA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_FE8" :style="containerStyle">\r\n    <div v-interact class="hd">\r\n      \x3c!-- <div class="title">八孔投弹器</div> --\x3e\r\n      <div class="left ml8">\r\n        <img src="../assets/images/mount/mount_head.png" />\r\n        <div class="title">催泪弹</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\'), $emit(\'showCenter\', false)">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          \x3c!-- <div class="title">操作</div> --\x3e\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item launch">\r\n          <img src="../assets/images/mount/launch.png" alt="" @click="handle_laser_shine_ctrl" />\r\n          <div class="label-box">发射</div>\r\n          \x3c!--<div class="input-box" @click="handle_laser_shine_ctrl">\r\n            <el-switch v-model="laser_shine_status" size="mini"></el-switch>\r\n          </div> --\x3e\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_FE8 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: false,\r\n      laser_shine_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$emit(\'showCenter\', true);\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (!this.safety_switch_state) {\r\n        this.$message.warning(\'未打开保险\');\r\n        return (this.laser_shine_status = false);\r\n      } else {\r\n        // if (this.laser_shine_status) {\r\n        const buff = MMC_Gimbal_FE8.laser_shine_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n        // setTimeout(() => {\r\n        //   this.laser_shine_status = false;\r\n        // }, 500);\r\n        // }\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(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 = MMC_Gimbal_FE8.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          // this.commit_directive(buffer);\r\n          // setTimeout(() => {\r\n          //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n          //   this.commit_directive(buffer);\r\n          // }, 50);\r\n          break;\r\n        case \'left\':\r\n          // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          // this.commit_directive(buffer);\r\n          // setTimeout(() => {\r\n          //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n          //   this.commit_directive(buffer);\r\n          // }, 50);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(0);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(1);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              // this.commit_directive(buffer);\r\n              // setTimeout(() => {\r\n              //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n              //   this.commit_directive(buffer);\r\n              // }, 50);\r\n              break;\r\n            case \'left\':\r\n              // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              // this.commit_directive(buffer);\r\n              // setTimeout(() => {\r\n              //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n              //   this.commit_directive(buffer);\r\n              // }, 50);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(-1);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FE8 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    // justify-content: space-between;\r\n    overflow-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\r\n    .form-wrap {\r\n      margin-left: 124px;\r\n      // min-width: 300px;\r\n      // flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          // width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-top: 35px;\r\n        margin-left: 22px;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      // flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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 {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_FE8 {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .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_FE8 .bd {\n  padding: 10px 20px;\n  display: flex;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap {\n  margin-left: 124px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .launch {\n  margin-top: 35px;\n  margin-left: 22px;\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .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_FE8 .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_FE8 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),a,"data-v-f5ea1254",false,undefined,!1,t,void 0,void 0);export{s as default};

dist/index-BhwUhxUw.js

+import { q as n } from "./utils-4kGecFw2.js";
+import { n as t, d as e, c as r } from "./index-BcLRpF0n.js";
+import { _ as i } from "./launch-g_kMwjYd.js";
+import { _ as a } from "./mount_head-c1OIlkSj.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 s = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      timer: null,
+      radio: 1,
+      safety_switch_state: !0
+    };
+  },
+  mounted: function mounted() {},
+  methods: {
+    handle_laser_shine_ctrl: function handle_laser_shine_ctrl(t) {
+      if (this.safety_switch_state) this.$message.warning("请关闭保险");else {
+        var _t = n.laser_shine_ctrl(1);
+        this.commit_directive(_t), this.$message.success("发射成功"), this.safety_switch_state = !this.safety_switch_state;
+      }
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    }
+  }
+};
+var o = function o() {
+    var n = this,
+      t = n.$createElement,
+      r = n._self._c || t;
+    return r("div", {
+      staticClass: "cpt-MMC_Gimbal_FN3",
+      style: n.containerStyle
+    }, [r("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), r("div", {
+      staticClass: "close",
+      on: {
+        click: function click(t) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), r("div", {
+      staticClass: "bd"
+    }, [r("div", {
+      staticClass: "form-wrap"
+    }, [r("div", {
+      staticClass: "form-item"
+    }, [r("div", {
+      staticClass: "label-box"
+    }, [n._v("保险：")]), n._v(" "), r("div", {
+      staticClass: "input-box"
+    }, [r("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      model: {
+        value: n.safety_switch_state,
+        callback: function callback(t) {
+          n.safety_switch_state = t;
+        },
+        expression: "safety_switch_state"
+      }
+    })], 1)]), n._v(" "), r("div", {
+      staticClass: "form-item mt16"
+    }, [r("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    }), n._v(" "), r("div", {
+      staticClass: "launch"
+    }, [r("img", {
+      attrs: {
+        src: i,
+        alt: ""
+      },
+      on: {
+        click: n.handle_laser_shine_ctrl
+      }
+    }), n._v(" "), r("div", {
+      staticClass: "label-box"
+    }, [n._v("发射")])])])])])]);
+  },
+  l = [function () {
+    var n = this,
+      t = n.$createElement,
+      e = n._self._c || t;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: a
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("网枪")])]);
+  }];
+o._withStripped = !0;
+var A = t({
+  render: o,
+  staticRenderFns: l
+}, function (n) {
+  n && n("data-v-1b3685f4_0", {
+    source: ".cpt-MMC_Gimbal_FN3[data-v-1b3685f4] {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FN3 .hd[data-v-1b3685f4] {\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_FN3 .hd .left[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .hd .left .title[data-v-1b3685f4] {\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_FN3 .hd .close[data-v-1b3685f4] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FN3 .bd[data-v-1b3685f4] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap[data-v-1b3685f4] {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .label-box[data-v-1b3685f4] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-1b3685f4] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .launch[data-v-1b3685f4] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMCGimbalFN3\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACpEA;ADqEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnEA;ADqEA;EACA,aAAA;EACA,mBAAA;ACnEA;ADoEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACzEA;AD6EA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC3EA;AD8EA;EACA,aAAA;AC5EA;AD6EA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC3EA;AD4EA;EACA,aAAA;EACA,mBAAA;AC1EA;AD2EA;EACA,cAAA;ACzEA;AD2EA;EACA,aAAA;EACA,mBAAA;ACzEA;AD2EA;EACA,eAAA;EACA,cAAA;ACzEA;AD8EA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC5EA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_FN3" :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">网枪</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <img src="../assets/images/observe/011.svg" alt="" />\r\n          <div class="launch">\r\n            <img src="../assets/images/mount/launch.png" alt="" @click="handle_laser_shine_ctrl" />\r\n            <div class="label-box">发射</div>\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_FN3 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n      } else {\r\n        const buff = MMC_Gimbal_FN3.laser_shine_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n        this.safety_switch_state = !this.safety_switch_state;\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FN3 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 240px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 130px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n', ".cpt-MMC_Gimbal_FN3 {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FN3 .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_FN3 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .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_FN3 .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_FN3 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]
+    },
+    media: void 0
+  });
+}, s, "data-v-1b3685f4", false, undefined, !1, r);
+export { A as default };

dist/index-BrGy9AvF.js

-import{m as n}from"./utils-DFbQKfwy.js";import{_ as r}from"./mount_head-CjG17KVU.js";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const t={props:{containerStyle:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""}},data:()=>({holderModelDomV2:1,timer:null,value:25,value2:25,control_speed:1,ptz_mode:1,image_mode:0,thermal_mode:0,thermal_zoom:1,radio:1,dj_mode:0,drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}]}}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_change_dj_mode(n){},onChangezoom(n){if(console.log(n,"e"),n<25){const n=[165,4,3,0,4];this.commit_directive(n)}if(n>25){const n=[165,4,3,2,102];this.commit_directive(n)}25==n&&this.handle_zoom(1),this.value2=n},stopChange(){this.value=25,this.value2=25;this.commit_directive([165,4,3,1,53])},handle_change_ptz_mode(r){this.holderModelDomV2=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_change_image_mode(r){const e=n.gimbal_image_mode(r);this.commit_directive(e)},handle_change_thermal_mode(r){const e=n.gimbal_thermal_mode(r);this.commit_directive(e)},handle_change_thermal_zoom(r){const e=n.gimbal_thermal_zoom(r);this.commit_directive(e)},handle_zoom(n){this.commit_directive([165,4,3,1,53])},handle_zoom_reduce(){this.commit_directive([165,4,3,0,4])},handle_zoom_plus(){this.commit_directive([165,4,3,2,102])},commit_directive(n){this.$emit("directive",n)},fangxiang(n){let r=null;switch(n){case"up":r=[165,7,3,0,206],this.commit_directive(r),setTimeout((()=>{r=[165,6,3,3,219],this.commit_directive(r)}),50);break;case"left":r=[165,6,3,0,136],this.commit_directive(r),setTimeout((()=>{r=[165,7,3,253,0],this.commit_directive(r)}),50);break;case"right":r=[165,6,3,0,136],this.commit_directive(r),setTimeout((()=>{r=[165,7,3,3,157],this.commit_directive(r)}),50);break;case"down":r=[165,7,3,0,206],this.commit_directive(r),setTimeout((()=>{r=[165,6,3,253,70],this.commit_directive(r)}),50)}},stopfxFn(){let r=null;r=n.gimbal_pitch_ctrl(0),r=[165,6,3,0,136],this.commit_directive(r),r=[165,7,3,0,206],this.commit_directive(r)},init_rocker(){let n=null;joystick({onstart:r=>{switch(r){case"up":n=[165,7,3,0,206],this.commit_directive(n),setTimeout((()=>{n=[165,6,3,3,219],this.commit_directive(n)}),50);break;case"right":n=[165,6,3,0,136],this.commit_directive(n),setTimeout((()=>{n=[165,7,3,253,0],this.commit_directive(n)}),50);break;case"left":n=[165,6,3,0,136],this.commit_directive(n),setTimeout((()=>{n=[165,7,3,3,157],this.commit_directive(n)}),50);break;case"down":n=[165,7,3,0,206],this.commit_directive(n),setTimeout((()=>{n=[165,6,3,253,70],this.commit_directive(n)}),50)}},onend:()=>{n=[165,6,3,0,136],this.commit_directive(n),n=[165,7,3,0,206],this.commit_directive(n)}})}}};var o=function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"cpt-MMC_Gimbal_ZT30N",style:n.containerStyle},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),e("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,i){return e("div",{key:i,staticClass:"speed",style:n.control_speed==i+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=i+1}}},[n._v("\n                "+n._s(i+1)+"\n              ")])})),0)])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("云台模式")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"mono"},[e("div",{staticClass:"mono-long"},[e("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),e("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),e("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("视频指点:")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(r){n.dj_mode=r},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(r){return e("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label)+"\n              ")])})),1)],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("画 中 画")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-select",{attrs:{size:"mini",placeholder:"请选择画中画"},on:{change:n.handle_change_image_mode},model:{value:n.image_mode,callback:function(r){n.image_mode=r},expression:"image_mode"}},[e("el-option",{attrs:{label:"主高清",value:0}}),n._v(" "),e("el-option",{attrs:{label:"主红外",value:1}}),n._v(" "),e("el-option",{attrs:{label:"单高清",value:2}}),n._v(" "),e("el-option",{attrs:{label:"单红外",value:3}})],1)],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("伪       彩")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-select",{attrs:{size:"mini",placeholder:"请选择彩伪"},on:{change:n.handle_change_thermal_mode},model:{value:n.thermal_mode,callback:function(r){n.thermal_mode=r},expression:"thermal_mode"}},[e("el-option",{attrs:{label:"白热",value:0}}),n._v(" "),e("el-option",{attrs:{label:"黑热",value:1}}),n._v(" "),e("el-option",{attrs:{label:"彩虹",value:2}}),n._v(" "),e("el-option",{attrs:{label:"熔岩",value:3}})],1)],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("电子变倍")]),n._v(" "),e("div",{staticClass:"input-box"},[e("el-select",{attrs:{size:"mini",placeholder:"请选择电子变倍"},on:{change:n.handle_change_thermal_zoom},model:{value:n.thermal_zoom,callback:function(r){n.thermal_zoom=r},expression:"thermal_zoom"}},[e("el-option",{attrs:{label:"1倍",value:1}}),n._v(" "),e("el-option",{attrs:{label:"2倍",value:2}}),n._v(" "),e("el-option",{attrs:{label:"4倍",value:4}}),n._v(" "),e("el-option",{attrs:{label:"6倍",value:6}}),n._v(" "),e("el-option",{attrs:{label:"8倍",value:7}})],1)],1)]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"mr10 cur",on:{mousedown:function(r){return n.handle_zoom_reduce()},mouseup:n.stopChange,mouseout:n.stopChange}},[e("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),e("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),e("div",{staticClass:"ml10 cur",on:{mousedown:function(r){return n.handle_zoom_plus()},mouseup:n.stopChange,mouseout:n.stopChange}},[e("span",{staticClass:"iconfont icon-tianjia1"})])],1)])]),n._v(" "),e("div",{staticClass:"rocker-wrap"},[n._m(2),n._v(" "),e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),e("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),e("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),e("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},a=[function(){var n=this,e=n.$createElement,i=n._self._c||e;return i("div",{staticClass:"left ml8"},[i("img",{attrs:{src:r}}),n._v(" "),i("div",{staticClass:"title"},[n._v("红外热成像")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"title-box"},[e("div",{staticClass:"title"},[n._v("控制")])])}];o._withStripped=!0;const l=e({render:o,staticRenderFns:a},(function(n){n&&n("data-v-105df778_0",{source:'.cpt-MMC_Gimbal_ZT30N[data-v-105df778] {\n  width: 500px;\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_ZT30N .hd[data-v-105df778] {\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_ZT30N .hd .left[data-v-105df778] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .hd .left .title[data-v-105df778] {\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_ZT30N .hd .close[data-v-105df778] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT30N .bd[data-v-105df778] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap[data-v-105df778] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item[data-v-105df778] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .label-box[data-v-105df778] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box[data-v-105df778] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono[data-v-105df778] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-105df778] {\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_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-105df778] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-105df778] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .text[data-v-105df778] {\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_ZT30N .bd .rocker-wrap[data-v-105df778] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .title-box .title[data-v-105df778] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .rocker[data-v-105df778] {\n  margin: 10px auto 0;\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_ZT30N .bd .rocker-wrap .rocker .shangUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .xaiUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .zuoUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .youUp[data-v-105df778] {\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-105df778] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-105df778] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-105df778] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-105df778] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-105df778] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-105df778] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-105df778] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-105df778] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-105df778] {\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-105df778] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-105df778] {\n  color: #004fff;\n}\n[data-v-105df778] .el-slider__runway {\n  visibility: hidden;\n}\n.cur[data-v-105df778] {\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_ZT30N\\index.vue","index.vue"],names:[],mappings:"AA4dA;EACA,YAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;EAEA,kBAAA;EACA,UAAA;AC5dA;AD8dA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC5dA;AD8dA;EACA,aAAA;EACA,mBAAA;AC5dA;AD6dA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACleA;ADseA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpeA;ADweA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;ACteA;ADweA;EACA,cAAA;ACteA;ADweA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACteA;ADweA;EACA,cAAA;EACA,WAAA;ACteA;ADyeA;EACA,aAAA;EACA,mBAAA;ACveA;ADweA;EACA,aAAA;EACA,sBAAA;ACteA;ADueA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACreA;ADseA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpeA;ADseA;EACA,gFAAA;EACA,0BAAA;ACpeA;ADueA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACreA;AD4eA;EACA,OAAA;AC1eA;AD6eA;EACA,cAAA;AC3eA;AD+eA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC7eA;AD+eA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7eA;ADgfA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC9eA;ADifA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC/eA;ADkfA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AChfA;ADwfA;EACA,YAAA;EACA,iBAAA;ACrfA;ADwfA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACtfA;AD2fA;EACA,YAAA;EACA,iBAAA;ACzfA;AD2fA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzfA;ADigBA;EACA,qBAAA;EACA,mBAAA;AC/fA;ADogBA;EACA,cAAA;AClgBA;ADugBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACrgBA;ADygBA;EACA,gBAAA;ACtgBA;ADygBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACtgBA;ADwgBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACvgBA;AD4gBA;EACA,cAAA;ACzgBA;AD4gBA;EACA,kBAAA;ACzgBA;AD2gBA;EACA,eAAA;ACxgBA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['\x3c!-- 双光 --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_ZT30N" :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">红外热成像</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select v-model="control_speed" size="mini" placeholder="请选择控制速度">\r\n              <el-option v-for="(item, index) in new Array(5).fill(1)" :key="index" :label="index + 1"\r\n                :value="index + 1"></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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="dj_mode" @change="handle_change_dj_mode">\r\n              <el-radio\r\nv-for="item in drd.dj_mode"\r\n: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-select\r\n              v-model="image_mode"\r\n              size="mini"\r\n              placeholder="请选择画中画"\r\n              @change="handle_change_image_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        <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-select\r\n              v-model="thermal_mode"\r\n              size="mini"\r\n              placeholder="请选择彩伪"\r\n              @change="handle_change_thermal_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        <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="thermal_zoom"\r\n              size="mini"\r\n              placeholder="请选择电子变倍"\r\n              @change="handle_change_thermal_zoom"\r\n            >\r\n              <el-option label="1倍" :value="1" />\r\n              <el-option label="2倍" :value="2" />\r\n              <el-option label="4倍" :value="4" />\r\n              <el-option label="6倍" :value="6" />\r\n              <el-option label="8倍" :value="7" />\r\n            </el-select>\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            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\r\n\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            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-slider\r\n              v-model="value"\r\n              :max="50"\r\n              :min="0"\r\n              style="width: 180px"\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            ></el-slider>\r\n            <el-button\r\n              @click="handle_zoom(1)"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button> --\x3e\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">控制</div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_ZT30N } from \'../utils\';\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  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      timer: null,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 1,\r\n      ptz_mode: 1,\r\n      image_mode: 0,\r\n      thermal_mode: 0,\r\n      thermal_zoom: 1,\r\n\r\n      radio: 1,\r\n      dj_mode: 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  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_dj_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    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    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      const buffer = [165, 4, 3, 1, 53];\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom((this.zoom = 1));\\\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_image_mode(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_image_mode(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_thermal_mode(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_thermal_mode(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_thermal_zoom(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_thermal_zoom(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(mode) {\r\n      const buffer = [165, 4, 3, 1, 53];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // handle_zoom(mode) {\r\n    //   let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n    //   this.commit_directive(buffer);\r\n    // },\r\n    handle_zoom_reduce() {\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n      const arr = [165, 4, 3, 0, 4];\r\n      this.commit_directive(arr);\r\n    },\r\n    handle_zoom_plus() {\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n      const arr = [165, 4, 3, 2, 102];\r\n      this.commit_directive(arr);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(1);\r\n            buffer = [165, 6, 3, 3, 219];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'left\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(-1);\r\n            buffer = [165, 7, 3, 253, 0];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'right\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(1);\r\n            buffer = [165, 7, 3, 3, 157];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'down\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(-1);\r\n            buffer = [165, 6, 3, 253, 70];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n      }\r\n\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n      //   buffer = [165, 6, 3, 0, 136];\r\n      //   this.commit_directive(buffer);\r\n      //   // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n      //   buffer = [165, 7, 3, 0, 206];\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n      buffer = [165, 6, 3, 0, 136];\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n      buffer = [165, 7, 3, 0, 206];\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n              buffer = [165, 7, 3, 0, 206];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(1);\r\n                buffer = [165, 6, 3, 3, 219];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'right\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n              buffer = [165, 6, 3, 0, 136];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(-1);\r\n                buffer = [165, 7, 3, 253, 0];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'left\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n              buffer = [165, 6, 3, 0, 136];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(1);\r\n                buffer = [165, 7, 3, 3, 157];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'down\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n              buffer = [165, 7, 3, 0, 206];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(-1);\r\n                buffer = [165, 6, 3, 253, 70];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_ZT30N {\r\n  width: 500px;\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      .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\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          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\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::v-deep .el-slider__runway {\r\n  visibility: hidden;\r\n}\r\n.cur {\r\n  cursor: pointer;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_ZT30N {\n  width: 500px;\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_ZT30N .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_ZT30N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .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_ZT30N .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_ZT30N .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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})}),t,"data-v-105df778",false,undefined,!1,i,void 0,void 0);export{l as default};

dist/index-BwX3dUG2.js

+import { i as n } from "./utils-4kGecFw2.js";
+import { _ as r } from "./mount_head-c1OIlkSj.js";
+import { n as e, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 t = {
+  data: function data() {
+    return {
+      holderModelDomV2: 1,
+      control_speed: 3,
+      ptz_mode: 0,
+      pitch: 0,
+      yaw: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }]
+      },
+      timer: null
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDomV2 = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch(r) {
+      this.pitch = r;
+      var e = n.change_pitch_angle(this.pitch);
+      this.commit_directive(e);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this2 = this;
+      var e = null;
+      switch (r) {
+        case "up":
+        case "right":
+          console.log(r, "方向"), e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+        case "down":
+          console.log(r, "方向"), e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+      this.timer = setTimeout(function () {
+        clearTimeout(_this2.timer), e = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(e), e = n.gimbal_yaw_ctrl(0, _this2.control_speed), _this2.commit_directive(e);
+      }, 500);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "right":
+              r = n.gimbal_yaw_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "left":
+              r = n.gimbal_yaw_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this3.control_speed), _this3.commit_directive(r), r = n.gimbal_yaw_ctrl(0, _this3.control_speed), _this3.commit_directive(r);
+        }
+      });
+    }
+  }
+};
+var o = function o() {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "cpt-MMC_Gimbal_ZT1"
+    }, [e("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), e("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), e("div", {
+      staticClass: "bd"
+    }, [e("div", {
+      staticClass: "form-wrap"
+    }, [e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, i) {
+      return e("div", {
+        key: i,
+        staticClass: "speed",
+        style: n.control_speed == i + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = i + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(i + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "mono"
+    }, [e("div", {
+      staticClass: "mono-long"
+    }, [e("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (r, i) {
+      return e("div", {
+        key: i,
+        staticClass: "pitch",
+        style: n.pitch == r.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(e) {
+            return n.handle_change_pitch(r.num);
+          }
+        }
+      }, [n._v("\n              " + n._s(r.val) + "\n            ")]);
+    }), 0)])])]), n._v(" "), e("div", {
+      staticClass: "rocker-wrap"
+    }, [e("div", {
+      staticClass: "title-box"
+    }), n._v(" "), e("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [e("div", {
+      staticClass: "shangUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("up");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "xaiUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("down");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "zuoUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("right");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "youUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("left");
+        }
+      }
+    })])])])]);
+  },
+  a = [function () {
+    var n = this,
+      e = n.$createElement,
+      i = n._self._c || e;
+    return i("div", {
+      staticClass: "left ml8"
+    }, [i("img", {
+      attrs: {
+        src: r
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "title"
+    }, [n._v("红外热成像")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }];
+o._withStripped = !0;
+var A = e({
+  render: o,
+  staticRenderFns: a
+}, function (n) {
+  n && n("data-v-378e5284_0", {
+    source: '.cpt-MMC_Gimbal_ZT1[data-v-378e5284] {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 218px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_ZT1 .hd[data-v-378e5284] {\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_ZT1 .hd .left[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .hd .left .title[data-v-378e5284] {\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_ZT1 .hd .close[data-v-378e5284] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT1 .bd[data-v-378e5284] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap[data-v-378e5284] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .label-box[data-v-378e5284] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono[data-v-378e5284] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-378e5284] {\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_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-378e5284] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-378e5284] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .text[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap[data-v-378e5284] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .title-box .title[data-v-378e5284] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .rocker[data-v-378e5284] {\n  margin: 10px auto 0;\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_ZT1 .bd .rocker-wrap .rocker .shangUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .xaiUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .zuoUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .youUp[data-v-378e5284] {\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-378e5284] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-378e5284] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-378e5284] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-378e5284] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-378e5284] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-378e5284] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-378e5284] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-378e5284] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-378e5284] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-378e5284] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-378e5284] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-378e5284] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_ZT1\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA8QA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC7QA;AD+QA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC7QA;AD+QA;EACA,aAAA;EACA,mBAAA;AC7QA;AD8QA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACnRA;ADuRA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACrRA;ADwRA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;ACtRA;ADuRA;EACA,cAAA;ACrRA;ADsRA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACpRA;ADqRA;EACA,cAAA;EACA,WAAA;ACnRA;ADqRA;EACA,aAAA;EACA,mBAAA;ACnRA;ADoRA;EACA,aAAA;EACA,sBAAA;AClRA;ADmRA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACjRA;ADkRA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AChRA;ADkRA;EACA,gFAAA;EACA,0BAAA;AChRA;ADmRA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACjRA;ADuRA;EACA,OAAA;ACrRA;ADuRA;EACA,cAAA;ACrRA;ADwRA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACtRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;AD6RA;EACA,YAAA;EACA,iBAAA;AC1RA;AD4RA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1RA;AD8RA;EACA,YAAA;EACA,iBAAA;AC5RA;AD6RA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC3RA;ADkSA;EACA,qBAAA;EACA,mBAAA;AChSA;ADoSA;EACA,cAAA;AClSA;ADsSA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACpSA;ADuSA;EACA,gBAAA;ACpSA;ADsSA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACnSA;ADoSA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACnSA;ADqSA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACnSA;ADsSA;EACA,cAAA;ACnSA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_ZT1">\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">红外热成像</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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 class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>\r\n            <el-button @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</el-button\r\n            > --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          \x3c!-- <div class="title">控制</div> --\x3e\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_ZT1 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\r\n      drd: {\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      timer: null\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_ZT1.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_ZT1.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_ZT1.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_ZT1 {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\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  width: 500px;\r\n  height: 218px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\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      .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  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\r\n  }\r\n}\r\n.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_ZT1 {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 218px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .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_ZT1 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, t, "data-v-378e5284", false, undefined, !1, i);
+export { A as default };

dist/index-C1Cgx4E9.js

-import{h as r}from"./utils-DFbQKfwy.js";import n from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const i={data:()=>({timer:null,bright_status:!1,flicker_status:!1,very_bright_status:!1,middle_status:!1}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_bright(n){const e=r.constant_bright_ctrl(n);this.commit_directive(e)},handle_flicker(n){const e=r.flicker_ctrl(!n);this.commit_directive(e)},handle_very_bright(n){const e=r.very_bright_ctrl(!n);this.commit_directive(e)},handle_middle(n){const e=r.middle_ctrl(!n);this.commit_directive(e)},commit_directive(r){this.$emit("directive",r)},fangxiang(n){let e=null;switch(n){case"up":e=r.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":case"left":break;case"down":e=r.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},init_rocker(){let n=null;joystick({onstart:e=>{switch(e){case"up":n=r.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(n);break;case"right":case"left":break;case"down":n=r.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(n)}},onend:()=>{}})}}};var t=function(){var r=this,n=r.$createElement,e=r._self._c||n;return e("div",{staticClass:"cpt-MMC_Gimbal_L50"},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[e("div",{staticClass:"title"},[r._v("探照灯")])]),r._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("常规模式")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-switch",{attrs:{size:"mini"},on:{change:r.handle_bright},model:{value:r.bright_status,callback:function(n){r.bright_status=n},expression:"bright_status"}})],1)]),r._v(" "),r.bright_status?e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("极      亮")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-checkbox",{attrs:{size:"mini"},on:{change:r.handle_very_bright},model:{value:r.very_bright_status,callback:function(n){r.very_bright_status=n},expression:"very_bright_status"}})],1)]):e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("闪光模式")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-switch",{attrs:{size:"mini"},on:{change:r.handle_flicker},model:{value:r.flicker_status,callback:function(n){r.flicker_status=n},expression:"flicker_status"}})],1)]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("回中开关")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-switch",{attrs:{size:"mini"},on:{change:r.handle_middle},model:{value:r.middle_status,callback:function(n){r.middle_status=n},expression:"middle_status"}})],1)])]),r._v(" "),e("div",{staticClass:"rocker-wrap"},[r._m(0),r._v(" "),e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{click:function(n){return r.fangxiang("up")}}}),r._v(" "),e("div",{staticClass:"xaiUp",on:{click:function(n){return r.fangxiang("down")}}})])])])])};t._withStripped=!0;const a=n({render:t,staticRenderFns:[function(){var r=this,n=r.$createElement,e=r._self._c||n;return e("div",{staticClass:"title-box"},[e("div",{staticClass:"title"},[r._v("俯仰操作")])])}]},(function(r){r&&r("data-v-5f7c7a35_0",{source:'.cpt-MMC_Gimbal_L50[data-v-5f7c7a35] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_L50 .hd .title[data-v-5f7c7a35] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_L50 .bd[data-v-5f7c7a35] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap[data-v-5f7c7a35] {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item[data-v-5f7c7a35] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .label-box[data-v-5f7c7a35] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box[data-v-5f7c7a35] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-5f7c7a35] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap[data-v-5f7c7a35] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .title-box .title[data-v-5f7c7a35] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker[data-v-5f7c7a35] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .shangUp[data-v-5f7c7a35] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .xaiUp[data-v-5f7c7a35] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-5f7c7a35] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-5f7c7a35] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-5f7c7a35] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-5f7c7a35] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-5f7c7a35] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-5f7c7a35] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-5f7c7a35] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_L50\\index.vue","index.vue"],names:[],mappings:"AA4IA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;AC3IA;AD6IA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;AC3IA;AD8IA;EACA,aAAA;EACA,8BAAA;AC5IA;AD6IA;EACA,gBAAA;EACA,cAAA;AC3IA;AD4IA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC1IA;AD2IA;EACA,cAAA;EACA,WAAA;ACzIA;AD2IA;EACA,aAAA;EACA,mBAAA;ACzIA;AD2IA;EACA,eAAA;EACA,cAAA;ACzIA;AD+IA;EACA,OAAA;AC7IA;AD+IA;EACA,cAAA;AC7IA;ADgJA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;AC9IA;AD+IA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7IA;AD+IA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7IA;ADoJA;EACA,YAAA;EACA,iBAAA;ACjJA;ADmJA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACjJA;ADqJA;EACA,YAAA;EACA,iBAAA;ACnJA;ADoJA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AClJA;ADyJA;EACA,qBAAA;EACA,mBAAA;ACvJA;AD2JA;EACA,cAAA;ACzJA;AD6JA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC3JA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_L50">\r\n    <div v-interact class="hd">\r\n      <div class="title">探照灯</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-switch v-model="bright_status" size="mini" @change="handle_bright" />\r\n          </div>\r\n        </div>\r\n        <div v-if="!bright_status" class="form-item">\r\n          <div class="label-box">闪光模式</div>\r\n          <div class="input-box">\r\n            <el-switch v-model="flicker_status" size="mini" @change="handle_flicker" />\r\n          </div>\r\n        </div>\r\n        <div v-else class="form-item">\r\n          <div class="label-box">极&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亮</div>\r\n          <div class="input-box">\r\n            <el-checkbox v-model="very_bright_status" size="mini" @change="handle_very_bright" />\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-switch v-model="middle_status" size="mini" @change="handle_middle" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_L50 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      bright_status: false,\r\n      flicker_status: false,\r\n      very_bright_status: false,\r\n      middle_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_bright(value) {\r\n      const buffer = MMC_Gimbal_L50.constant_bright_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_flicker(value) {\r\n      const buffer = MMC_Gimbal_L50.flicker_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_very_bright(value) {\r\n      const buffer = MMC_Gimbal_L50.very_bright_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_middle(value) {\r\n      const buffer = MMC_Gimbal_L50.middle_ctrl(!value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_L50.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      // clearTimeout(this.timer);\r\n      // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n      // this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_L50.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n          // this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_L50 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      min-width: 245px;\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_L50 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_L50 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_L50 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L50 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L50 .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),i,"data-v-5f7c7a35",false,undefined,!1,e,void 0,void 0);export{a as default};

dist/index-C1LEwyAs.js

-import{M as n,c as r}from"./utils-DFbQKfwy.js";import{_ as e,a as t}from"./record-C77ba-0z.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const A={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""}},data:()=>({holderModelDom:1,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,zoom:1,pitch:0,yaw:0,camera_mode:0,record:!1,dj_mode:0,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"录像"},{id:2,label:"拍照"}]},timer:null,time:null}),watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},mounted(){this.$nextTick((()=>{this.init_rocker()}))},beforeDestroy(){},methods:{init_rocker(){let r=null;joystick({zone:this.$refs.rocker,mode:"static",position:{left:"50%",top:"50%"},color:"#9bacbe",onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}})},handle_change_dj_mode(n){console.log(this.selected_mount,"selected_mount")},onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const r=n.zoom(this.zoom=1);this.commit_directive(r)},resolve_payload(n){try{const e=new Uint8Array(n);if(165===e[0]&&r(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}}catch(n){}},gcs_button_ctrl(n){const r=n[3],e=n[4];if(4===r)this.gimbal_mode_ctrl(e)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},handle_change_ptz_mode(r){this.holderModelDom=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){const e=n.zoom(this.zoom+r);this.commit_directive(e)},handle_change_pitch(r){this.pitch=r;const e=n.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e)},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(n){console.log(n),this.$emit("directive",n)},fangxiang(r){clearTimeout(this.time);let e=null;switch(this.flag=!0,this.flag&&(this.time=setTimeout((()=>{this.fangxiang(r)}),500)),r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},stopfxFn(){this.flag=!1,clearTimeout(this.time);let r=null;r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}}};var s=function(){var n=this,r=n.$createElement,i=n._self._c||r;return i("div",{staticClass:"cpt-MMC_Gimbal_Z40",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("云台模式:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mono"},[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("变       焦:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),i("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1,disabled:""},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),i("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-tianjia1"})])],1)])]),n._v(" "),i("div",{staticClass:"rocker-wrap"},[i("div",{staticClass:"item-group"},[i("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),i("div",{staticClass:"item-box",on:{click:n.handle_record}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:t,alt:""}})])])],1)]),n._v(" "),i("div",{ref:"rocker",staticClass:"rocker"})])])])},l=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:i}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])}];s._withStripped=!0;const c=o({render:s,staticRenderFns:l},(function(n){n&&n("data-v-f795f26e_0",{source:'.cpt-MMC_Gimbal_Z40[data-v-f795f26e] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-f795f26e] {\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_Z40 .hd .left[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-f795f26e] {\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_Z40 .hd .close[data-v-f795f26e] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-f795f26e] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-f795f26e] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-f795f26e] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-f795f26e] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-f795f26e] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-f795f26e] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-f795f26e] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap[data-v-f795f26e] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-f795f26e] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-f795f26e] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-f795f26e] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-f795f26e] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker[data-v-f795f26e]  .back {\n  background: transparent !important;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-f795f26e] {\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-f795f26e] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f795f26e] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-f795f26e] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-f795f26e] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-f795f26e] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-f795f26e] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-f795f26e] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-f795f26e] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-f795f26e] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-f795f26e] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-f795f26e] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-f795f26e] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-f795f26e] {\n  color: #004fff;\n}\n[data-v-f795f26e] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\DJI_H20T\\index.vue","index.vue"],names:[],mappings:"AA2YA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC1YA;AD6YA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC3YA;AD6YA;EACA,aAAA;EACA,mBAAA;AC3YA;AD6YA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AClZA;ADsZA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpZA;ADwZA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;ACvZA;ADyZA;EACA,cAAA;ACvZA;ADyZA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACvZA;ADyZA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;ACvZA;AD0ZA;EACA,aAAA;EACA,mBAAA;ACxZA;AD0ZA;EACA,aAAA;EACA,sBAAA;ACxZA;AD0ZA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACxZA;AD0ZA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACxZA;AD2ZA;EACA,gFAAA;EACA,0BAAA;ACzZA;AD6ZA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC3ZA;ADkaA;EACA,OAAA;AChaA;ADkaA;EACA,aAAA;EACA,6BAAA;AChaA;ADmaA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACjaA;ADmaA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACjaA;ADuaA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACraA;ADsaA;EACA,kCAAA;ACpaA;ADsaA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpaA;ADuaA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACraA;ADwaA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACtaA;ADyaA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvaA;AD+aA;EACA,YAAA;EACA,iBAAA;AC5aA;AD+aA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC7aA;ADkbA;EACA,YAAA;EACA,iBAAA;AChbA;ADkbA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AChbA;ADwbA;EACA,qBAAA;EACA,mBAAA;ACtbA;AD2bA;EACA,cAAA;ACzbA;AD8bA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC5bA;AD+bA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC7bA;ADicA;EACA,gBAAA;AC9bA;ADicA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;AC9bA;ADgcA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC/bA;ADkcA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;AChcA;ADocA;EACA,cAAA;ACjcA;ADqcA;EACA,kBAAA;AClcA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\r\n        <div ref="rocker" class="rocker" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  beforeDestroy() {\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    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        zone: this.$refs[\'rocker\'],\r\n        mode: \'static\',\r\n        position: { left: \'50%\', top: \'50%\' },\r\n        color: \'#9bacbe\',\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    },\r\n\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId:this.selected_mount.mountId|| this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40 {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 240px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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        ::v-deep .back {\r\n          background: transparent !important;\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n','.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker ::v-deep .back {\n  background: transparent !important;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),A,"data-v-f795f26e",false,undefined,!1,a,void 0,void 0);export{c as default};

dist/index-C1Thif5r.js

+import { d as n, c as r } from "./utils-4kGecFw2.js";
+import { _ as e, a as i } from "./record-WJfBn7Fn.js";
+import { _ as t } from "./mount_head-c1OIlkSj.js";
+import { n as o, c as a } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 l = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDomV2: 1,
+      holderModelDom: 0,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      HDR_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      fog_mode: 0,
+      ani_mode: 0,
+      osd_mode: 0,
+      delay_mode: 0,
+      record: !1,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "正常"
+        }, {
+          id: 1,
+          label: "夜间"
+        }],
+        HDR_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "HDR"
+        }, {
+          id: 2,
+          label: "HDR+"
+        }],
+        fog_mode: [{
+          id: 1,
+          label: "关闭"
+        }, {
+          id: 0,
+          label: "打开"
+        }],
+        ani_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        osd_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        delay_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }]
+      },
+      timer: null
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var r = n.zoom(this.zoom = 1);
+      this.commit_directive(r);
+    },
+    resolve_payload: function resolve_payload(n) {
+      var e = new Uint8Array(n);
+      if (165 === e[0] && r(e) === e[e.length - 1]) switch (e[1]) {
+        case 1:
+          this.msg_key_status1(e);
+          break;
+        case 248:
+          this.gcs_button_ctrl(e);
+      }
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var r = n[3],
+        e = n[4];
+      if (4 === r) this.gimbal_mode_ctrl(e);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    temperature_correct_get_current_value: function temperature_correct_get_current_value() {
+      var n = new Array(165, 13, 5, 101, 116, 245);
+      this.commit_directive(n);
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDomV2 = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_HDR_mode: function handle_change_HDR_mode(r) {
+      this.holderModelDom = r;
+      var e = n.gimbal_HDR_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_ani_mode: function handle_change_ani_mode(r) {
+      var e = n.gimbal_ani_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_osd_mode: function handle_change_osd_mode(r) {
+      var e = n.gimbal_osd_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_delay_mode: function handle_change_delay_mode(r) {
+      var e = n.gimbal_delay_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      console.log(r);
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch(r) {
+      this.pitch = r;
+      var e = n.change_pitch_angle(this.pitch);
+      this.commit_directive(e);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_fog_mode: function handle_change_fog_mode(r) {
+      var e = n.fog_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e), this.$emit("take_photo", "MMC_Gimbal_Z20");
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n), console.log(n);
+    },
+    stopfxFn: function stopfxFn() {
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(r), r = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(r);
+    },
+    fangxiang: function fangxiang(r) {
+      var e = null;
+      switch (r) {
+        case "up":
+          console.log(this.control_speed), e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+    },
+    init_rocker: function init_rocker() {
+      var _this2 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              console.log(_this2.control_speed), r = n.gimbal_pitch_ctrl(1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "right":
+              r = n.gimbal_yaw_ctrl(-1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "left":
+              r = n.gimbal_yaw_ctrl(1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this2.control_speed), _this2.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(r), r = n.gimbal_yaw_ctrl(0, _this2.control_speed), _this2.commit_directive(r);
+        }
+      });
+    }
+  }
+};
+var d = function d() {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "cpt-MMC_Gimbal_Z20",
+      style: n.containerStyle
+    }, [t("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), t("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), t("div", {
+      staticClass: "bd"
+    }, [t("div", {
+      staticClass: "form-wrap"
+    }, [t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, e) {
+      return t("div", {
+        key: e,
+        staticClass: "speed",
+        style: n.control_speed == e + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = e + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(e + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("div", {
+      staticClass: "mono"
+    }, [t("div", {
+      staticClass: "mono-long"
+    }, [t("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("HDR")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("div", {
+      staticClass: "mono"
+    }, [t("div", {
+      staticClass: "mono-long"
+    }, [t("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_HDR_mode(0);
+        }
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_HDR_mode(1);
+        }
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_HDR_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(2)])])]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("相机模式")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-radio-group", {
+      on: {
+        change: n.handle_change_camera_mode
+      },
+      model: {
+        value: n.camera_mode,
+        callback: function callback(r) {
+          n.camera_mode = r;
+        },
+        expression: "camera_mode"
+      }
+    }, n._l(n.drd.camera_mode, function (r) {
+      return t("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("透雾")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-radio-group", {
+      on: {
+        change: n.handle_change_fog_mode
+      },
+      model: {
+        value: n.fog_mode,
+        callback: function callback(r) {
+          n.fog_mode = r;
+        },
+        expression: "fog_mode"
+      }
+    }, n._l(n.drd.fog_mode, function (r) {
+      return t("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [t("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), t("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [t("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (r, e) {
+      return t("div", {
+        key: e,
+        staticClass: "pitch",
+        style: n.pitch == r.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(e) {
+            return n.handle_change_pitch(r.num);
+          }
+        }
+      }, [n._v("\n              " + n._s(r.val) + "\n            ")]);
+    }), 0)])]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("防抖")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-radio-group", {
+      on: {
+        change: n.handle_change_ani_mode
+      },
+      model: {
+        value: n.ani_mode,
+        callback: function callback(r) {
+          n.ani_mode = r;
+        },
+        expression: "ani_mode"
+      }
+    }, n._l(n.drd.ani_mode, function (r) {
+      return t("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("OSD")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-radio-group", {
+      on: {
+        change: n.handle_change_osd_mode
+      },
+      model: {
+        value: n.osd_mode,
+        callback: function callback(r) {
+          n.osd_mode = r;
+        },
+        expression: "osd_mode"
+      }
+    }, n._l(n.drd.osd_mode, function (r) {
+      return t("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("低延")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-radio-group", {
+      on: {
+        change: n.handle_change_delay_mode
+      },
+      model: {
+        value: n.delay_mode,
+        callback: function callback(r) {
+          n.delay_mode = r;
+        },
+        expression: "delay_mode"
+      }
+    }, n._l(n.drd.delay_mode, function (r) {
+      return t("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item"
+    }, [t("input", {
+      staticClass: "btn btn-default",
+      attrs: {
+        type: "button",
+        value: "PID设置"
+      },
+      on: {
+        click: function click(r) {
+          return n.temperature_correct_get_current_value();
+        }
+      }
+    })])]), n._v(" "), t("div", {
+      staticClass: "rocker-wrap"
+    }, [t("div", {
+      staticClass: "item-group"
+    }, [t("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [t("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [t("div", {
+      staticClass: "icon-box"
+    }, [t("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), t("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [t("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [t("div", {
+      staticClass: "icon-box"
+    }, [t("img", {
+      attrs: {
+        src: i,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), t("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [t("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  s = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: t
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }];
+d._withStripped = !0;
+var c = o({
+  render: d,
+  staticRenderFns: s
+}, function (n) {
+  n && n("data-v-728247cd_0", {
+    source: '.cpt-MMC_Gimbal_Z20[data-v-728247cd] {\n  position: absolute;\n  top: -1px;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z20 .hd[data-v-728247cd] {\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_Z20 .hd .left[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .hd .left .title[data-v-728247cd] {\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_Z20 .hd .close[data-v-728247cd] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd[data-v-728247cd] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap[data-v-728247cd] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .label-box[data-v-728247cd] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .btn-default[data-v-728247cd] {\n  padding: 0 10px !important;\n  background: #004fff;\n  border-color: #004fff;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono[data-v-728247cd] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-728247cd] {\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_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-728247cd] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-728247cd] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .text[data-v-728247cd] {\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_Z20 .bd .rocker-wrap[data-v-728247cd] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group[data-v-728247cd] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-728247cd] {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-728247cd] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .rocker[data-v-728247cd] {\n  margin: 10px auto 0;\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_Z20 .bd .rocker-wrap .rocker .shangUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .xaiUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .zuoUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .youUp[data-v-728247cd] {\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-728247cd] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-728247cd] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-728247cd] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-728247cd] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-728247cd] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-728247cd] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-728247cd] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-728247cd] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-728247cd] {\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-728247cd] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-728247cd] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-728247cd] {\n  color: #004fff;\n}\n[data-v-728247cd] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z20\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAwlBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;ACvlBA;AD0lBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACxlBA;AD0lBA;EACA,aAAA;EACA,mBAAA;ACxlBA;AD0lBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC/lBA;ADmmBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACjmBA;ADqmBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,aAAA;EACA,kBAAA;ACnmBA;ADomBA;EACA,cAAA;AClmBA;ADomBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AClmBA;ADomBA;EACA,cAAA;EACA,WAAA;AClmBA;ADqmBA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;ACnmBA;ADsmBA;EACA,aAAA;EACA,mBAAA;ACpmBA;ADsmBA;EACA,aAAA;EACA,sBAAA;ACpmBA;ADsmBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACpmBA;ADsmBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpmBA;ADumBA;EACA,gFAAA;EACA,0BAAA;ACrmBA;ADymBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACvmBA;AD8mBA;EACA,OAAA;AC5mBA;AD8mBA;EACA,aAAA;EACA,6BAAA;AC5mBA;AD+mBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AC7mBA;AD+mBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC7mBA;ADmnBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACjnBA;ADmnBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjnBA;ADonBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AClnBA;ADqnBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnnBA;ADsnBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpnBA;AD4nBA;EACA,YAAA;EACA,iBAAA;ACznBA;AD4nBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1nBA;AD+nBA;EACA,YAAA;EACA,iBAAA;AC7nBA;AD+nBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC7nBA;ADqoBA;EACA,qBAAA;EACA,mBAAA;ACnoBA;ADwoBA;EACA,cAAA;ACtoBA;AD2oBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACzoBA;AD6oBA;EACA,gBAAA;AC1oBA;AD6oBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC1oBA;AD4oBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC3oBA;AD8oBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;AC5oBA;ADgpBA;EACA,cAAA;AC7oBA;ADipBA;EACA,kBAAA;AC9oBA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_Z20" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\x3e\r\n        <div class="form-item">\r\n          <div class="label-box">HDR</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: holderModelDom == 0 }"\r\n                  @click="handle_change_HDR_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holderModelDom == 1 }"\r\n                  @click="handle_change_HDR_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holderModelDom == 2 }"\r\n                  @click="handle_change_HDR_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            \x3c!-- <el-radio-group @change="handle_change_HDR_mode" v-model="HDR_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.HDR_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\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="fog_mode" @change="handle_change_fog_mode">\r\n              <el-radio v-for="item in drd.fog_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            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-tianjia1" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(1)"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button> --\x3e\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 class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\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">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\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="ani_mode" @change="handle_change_ani_mode">\r\n              <el-radio v-for="item in drd.ani_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">OSD</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="osd_mode" @change="handle_change_osd_mode">\r\n              <el-radio v-for="item in drd.osd_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="delay_mode" @change="handle_change_delay_mode">\r\n              <el-radio\r\n                v-for="item in drd.delay_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <input\r\n            class="btn btn-default"\r\n            type="button"\r\n            value="PID设置"\r\n            @click="temperature_correct_get_current_value()"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z20 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      holderModelDom: 0,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      HDR_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      fog_mode: 0,\r\n      ani_mode: 0,\r\n      osd_mode: 0,\r\n      delay_mode: 0,\r\n      record: false,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\r\n      drd: {\r\n        ptz_mode: [\r\n          { id: 0, label: \'锁定\' },\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        camera_mode: [\r\n          { id: 0, label: \'正常\' },\r\n          { id: 1, label: \'夜间\' }\r\n        ],\r\n        HDR_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'HDR\' },\r\n          { id: 2, label: \'HDR+\' }\r\n        ],\r\n        fog_mode: [\r\n          { id: 1, label: \'关闭\' },\r\n          { id: 0, label: \'打开\' }\r\n        ],\r\n        ani_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        osd_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        delay_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ]\r\n      },\r\n      timer: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z20.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    temperature_correct_get_current_value() {\r\n      var buffer = new Array(0xa5, 0x0d, 0x05, 0x65, 0x74, 0xf5);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z20.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_HDR_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z20.gimbal_HDR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ani_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_ani_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_osd_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_osd_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_delay_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_delay_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      console.log(value);\r\n      const buffer = MMC_Gimbal_Z20.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z20.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z20.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z20.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_fog_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z20.fog_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z20.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z20\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z20.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n      console.log(buffer);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          console.log(this.control_speed);\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              console.log(this.control_speed);\r\n              buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z20 {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\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        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #004fff;\r\n          border-color: #004fff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #004fff;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n', '.cpt-MMC_Gimbal_Z20 {\n  position: absolute;\n  top: -1px;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .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_Z20 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #004fff;\n  border-color: #004fff;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .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_Z20 .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_Z20 .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_Z20 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z20 .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_Z20 .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_Z20 .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_Z20 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, l, "data-v-728247cd", false, undefined, !1, a);
+export { c as default };

dist/index-C73NCb2H.js

-import{c as n,e as r}from"./utils-DFbQKfwy.js";import{_ as e,a as t}from"./record-C77ba-0z.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const s={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""}},data:()=>({holderModelDomV2:1,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,zoom:1,juj:1,pitch:0,yaw:0,camera_mode:0,record:!1,dj_mode:0,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"录像"},{id:2,label:"拍照"}]},timer:null,holderModelDom:0,activeBox3:0,click_mode_status:1,IAMODE:0,Gtimer:null}),watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},beforeDestroy(){},mounted(){this.ia_mode(0),this.$nextTick((()=>{this.init_rocker()})),this.tatrack_Model(0)},methods:{handle_change_dj_mode(n){},tatrack_switch(r){const e=new Array(165,10,3,0,0);e[3]=r,e[4]=n(e),window.tatrack_AI_status=r,this.commit_directive(e)},tatrack_Model(n){0==n?(window.click_mode_status=1,this.tatrack_switch(n)):2==n?(this.tatrack_switch(n),window.click_mode_status=3,setTimeout((()=>{this.tatrack_switch(5)}),100)):6==n&&(this.tatrack_switch(3),setTimeout((()=>{this.tatrack_switch(n)}),100)),this.holderModelDom=n},hand(n,r){0==r?(this.activeBox3=0,this.click_mode_status=n):2==r&&(this.activeBox3=2,this.click_mode_status=n),this.ia_mode(0)},ia_mode(r){var e=new Array(165,22,3,0,0);e[3]=r,e[4]=n(e),this.commit_directive(e),this.IAMODE=r},onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const n=r.zoom(this.zoom=1);this.commit_directive(n)},stopjujiao(){this.value=25,this.value2=25;const n=r.ju(this.juj=1);this.commit_directive(n)},resolve_payload(r){const e=new Uint8Array(r);if(165===e[0]&&n(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}},gcs_button_ctrl(n){const r=n[3],e=n[4];if(4===r)this.gimbal_mode_ctrl(e)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},handle_change_ptz_mode(n){this.holderModelDomV2=n;const e=r.gimbal_mode_ctrl(n);this.commit_directive(e)},handle_zoom(n){const e=r.zoom(this.zoom+n);this.commit_directive(e)},jujiao(n){const e=r.ju(this.juj+n);this.commit_directive(e)},handle_change_pitch(n){this.pitch=n;const e=r.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const n=r.change_yaw_angle(this.yaw);this.commit_directive(n)},handle_change_camera_mode(n){const e=r.camera_mode_ctrl(n);this.commit_directive(e)},handle_take_photo(){const{position:n}=this,e=r.take_photo(n||{});this.commit_directive(e),this.$emit("take_photo","MMC_Gimbal_Z40S")},handle_record(){this.record=!this.record;const n=r.record(this.record);this.commit_directive(n)},commit_directive(n){this.$emit("directive",n)},fangxiang(n){let e=null;switch(n){case"up":e=r.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=r.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=r.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=r.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},stopfxFn(){let n=null;n=r.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(n),n=r.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(n)},init_rocker(){let n=null;joystick({onstart:e=>{switch(e){case"up":n=r.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(n);break;case"right":n=r.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(n);break;case"left":n=r.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(n);break;case"down":n=r.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(n)}},onend:()=>{n=r.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(n),n=r.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(n)}})}}};var c=function(){var n=this,r=n.$createElement,i=n._self._c||r;return i("div",{staticClass:"cpt-MMC_Gimbal_Z40",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,e){return i("div",{key:e,staticClass:"speed",style:n.control_speed==e+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=e+1}}},[n._v("\n              "+n._s(e+1)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("云台模式")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mono"},[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("视频指点")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(r){n.dj_mode=r},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),i("div",{staticClass:"form_item"},[i("span",{staticClass:"form_item_title"},[n._v("跟踪模式")]),n._v(" "),i("div",[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{activeG:0==n.holderModelDom},on:{click:function(r){return n.tatrack_Model(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{activeG:2==n.holderModelDom},on:{click:function(r){return n.tatrack_Model(2)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{activeG:6==n.holderModelDom},on:{click:function(r){return n.tatrack_Model(6)}}})]),n._v(" "),n._m(2)])]),n._v(" "),i("div",{staticClass:"form_item"},[i("div",{staticClass:"form_item_title"},[n._v("点       击")]),n._v(" "),i("div",{staticClass:"form_item"},[i("div",[i("div",{staticClass:"mono-short"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.activeBox3},on:{click:function(r){return n.hand(1,0)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.activeBox3},on:{click:function(r){return n.hand(6,2)}}})]),n._v(" "),n._m(3)])])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),i("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1,disabled:""},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),i("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("聚       焦")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.jujiao(-1)},mouseup:n.stopjujiao,mouseout:n.stopjujiao}},[i("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),i("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1,disabled:""},on:{change:n.stopjujiao,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),i("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.jujiao(1)},mouseup:n.stopjujiao,mouseout:n.stopjujiao}},[i("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("俯       仰")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(n.regList,(function(r,e){return i("div",{key:e,staticClass:"pitch",style:n.pitch==r.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){return n.handle_change_pitch(r.num)}}},[n._v("\n              "+n._s(r.val)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("航       向")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-input",{attrs:{size:"mini",placeholder:"请输入航向"},model:{value:n.yaw,callback:function(r){n.yaw=n._n(r)},expression:"yaw"}}),n._v(" "),i("span",{staticClass:"iconfont icon-shanchu3",on:{click:function(r){n.yaw--}}}),n._v(" "),i("span",{staticClass:"iconfont icon-tianjia1 mr5 ml3",on:{click:function(r){n.yaw++}}}),n._v(" "),i("div",{staticClass:"butto",attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_yaw}},[n._v("设置")])],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("相机模式")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_camera_mode},model:{value:n.camera_mode,callback:function(r){n.camera_mode=r},expression:"camera_mode"}},n._l(n.drd.camera_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)])]),n._v(" "),i("div",{staticClass:"rocker-wrap"},[i("div",{staticClass:"item-group"},[i("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),i("div",{staticClass:"item-box",on:{click:n.handle_record}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:t,alt:""}})])])],1)]),n._v(" "),i("div",{ref:"rocker",staticClass:"rocker"},[i("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},l=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:i}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机Z40S")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("移动")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟踪")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("AI")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"jcsb cf ziticolor"},[e("div",{staticClass:"text-left"},[n._v("移动")]),n._v(" "),e("div",{staticClass:"text-rights"},[n._v("聚焦")])])}];c._withStripped=!0;const A=o({render:c,staticRenderFns:l},(function(n){n&&n("data-v-53c365ce_0",{source:'.cpt-MMC_Gimbal_Z40[data-v-53c365ce] {\n  position: absolute;\n  right: 0;\n  top: 0;\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  width: 500px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-53c365ce] {\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_Z40 .hd .left[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-53c365ce] {\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_Z40 .hd .close[data-v-53c365ce] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-53c365ce] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 234px;\n  overflow-y: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-53c365ce] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-53c365ce] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-53c365ce] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-53c365ce] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-53c365ce] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap[data-v-53c365ce] {\n  flex: 1;\n  margin: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-53c365ce] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-53c365ce] {\n  width: 32px;\n  height: 32px;\n  background: #000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-53c365ce] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-53c365ce] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-53c365ce] {\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-53c365ce] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-53c365ce] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-53c365ce] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-53c365ce] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-53c365ce] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-53c365ce] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-53c365ce] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-53c365ce] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-53c365ce] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-53c365ce] {\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-53c365ce] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-53c365ce] {\n  color: #004fff;\n}\n[data-v-53c365ce] .el-slider__runway {\n  visibility: hidden;\n}\n.form_item[data-v-53c365ce] {\n  display: flex;\n  color: #cbd0eb;\n}\n.form_item .form_item_title[data-v-53c365ce] {\n  width: 85px;\n}\n.form_item .mono_box[data-v-53c365ce] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.form_item .active[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.form_item .mono-short[data-v-53c365ce],\n.form_item .mono-long[data-v-53c365ce],\n.form_item .slider[data-v-53c365ce],\n.form_item .text[data-v-53c365ce] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.form_item .mono-left[data-v-53c365ce] {\n  margin-left: 2px;\n}\n.form_item .mono-right[data-v-53c365ce] {\n  margin-right: 2px;\n}\n.form_item .mono-short[data-v-53c365ce] {\n  width: 111px;\n  height: 17px;\n  background: url("../assets/images/mount_short.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.form_item .mono-long[data-v-53c365ce] {\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.form_item .imgs[data-v-53c365ce] {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.form_item .imgs > img[data-v-53c365ce] {\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n}\n.form_item .imgs > img[data-v-53c365ce]:hover {\n  opacity: 0.7;\n}\n.form_item .slider_box[data-v-53c365ce] {\n  width: 140px;\n  margin: -7px 5px 0;\n}\n.form_item .symbol[data-v-53c365ce] {\n  box-sizing: border-box;\n  border-radius: 50%;\n  border: 1px solid #004fff;\n  width: 24px;\n  height: 24px;\n  line-height: 20px;\n  text-align: center;\n  cursor: pointer;\n  font-size: 20px;\n  padding-left: 1px;\n}\n.form_item .symbol[data-v-53c365ce]:hover {\n  opacity: 0.7;\n}\n.img_bottom[data-v-53c365ce] {\n  display: flex;\n  width: 320px;\n  justify-content: space-between;\n}\n.img_bottom > img[data-v-53c365ce] {\n  cursor: pointer;\n  width: 130px;\n  height: 130px;\n}\n[data-v-53c365ce] .el-select,[data-v-53c365ce] .el-input {\n  width: 84px;\n  height: 24px;\n}\n[data-v-53c365ce] .el-input__inner {\n  width: 84px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  font-size: 14px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #ffffff;\n}\n[data-v-53c365ce] .el-select .el-input .el-select__caret {\n  line-height: 26px;\n}\n[data-v-53c365ce] .el-input__suffix .el-input__suffix-inner .el-icon-circle-close:before {\n  line-height: 16px;\n  position: absolute;\n  top: 5px;\n  right: 3px;\n}\n[data-v-53c365ce] .el-button {\n  margin-left: 10px;\n  padding: 0;\n  background: #2aefed;\n  border-radius: 2px;\n  width: 43px;\n  height: 24px;\n  outline: none;\n  color: #000000;\n  border: none;\n}\n[data-v-53c365ce] .el-button:hover {\n  opacity: 0.7;\n}\n.text-right[data-v-53c365ce] {\n  width: 30px;\n}\n.activeG[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.ziticolor[data-v-53c365ce] {\n  color: #dce9ff;\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40S\\index.vue","index.vue"],names:[],mappings:"AAkqBA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAEA,sBAAA;AClqBA;ADqqBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnqBA;ADoqBA;EACA,aAAA;EACA,mBAAA;AClqBA;ADmqBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxqBA;AD4qBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1qBA;AD8qBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EACA,gBAAA;AC5qBA;AD8qBA;EACA,cAAA;AC5qBA;AD8qBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC5qBA;AD8qBA;EACA,cAAA;EACA,WAAA;AC5qBA;AD+qBA;EACA,aAAA;EACA,mBAAA;AC7qBA;AD8qBA;EACA,aAAA;EACA,sBAAA;AC5qBA;AD6qBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC3qBA;AD4qBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC1qBA;AD4qBA;EACA,gFAAA;EACA,0BAAA;AC1qBA;AD6qBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC3qBA;ADkrBA;EACA,OAAA;EACA,YAAA;AChrBA;ADkrBA;EACA,aAAA;EACA,6BAAA;AChrBA;ADmrBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACjrBA;ADmrBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACjrBA;ADurBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACrrBA;ADurBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrrBA;ADwrBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACtrBA;ADyrBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvrBA;AD0rBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACxrBA;ADgsBA;EACA,YAAA;EACA,iBAAA;AC7rBA;ADgsBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC9rBA;ADmsBA;EACA,YAAA;EACA,iBAAA;ACjsBA;ADmsBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACjsBA;ADysBA;EACA,qBAAA;EACA,mBAAA;ACvsBA;AD4sBA;EACA,cAAA;AC1sBA;AD8sBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC5sBA;AD8sBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC5sBA;ADgtBA;EACA,gBAAA;AC7sBA;ADgtBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC7sBA;AD+sBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC9sBA;ADktBA;EACA,cAAA;AC/sBA;ADmtBA;EACA,kBAAA;AChtBA;ADmtBA;EACA,aAAA;EAGA,cAAA;ACltBA;ADotBA;EACA,WAAA;ACltBA;ADqtBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACntBA;ADstBA;EACA,gFAAA;EAEA,0BAAA;ACrtBA;ADwtBA;;;;EAIA,aAAA;EACA,8BAAA;EACA,eAAA;ACttBA;ADytBA;EACA,gBAAA;ACvtBA;AD0tBA;EACA,iBAAA;ACxtBA;AD2tBA;EACA,YAAA;EACA,YAAA;EACA,6DAAA;EACA,qBAAA;EACA,kBAAA;ACztBA;AD4tBA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC1tBA;AD6tBA;EACA,gBAAA;EACA,aAAA;EACA,8BAAA;AC3tBA;AD6tBA;EACA,eAAA;EACA,WAAA;EACA,YAAA;AC3tBA;AD6tBA;EACA,YAAA;AC3tBA;ADguBA;EACA,YAAA;EACA,kBAAA;AC9tBA;ADiuBA;EACA,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,iBAAA;AC/tBA;ADiuBA;EACA,YAAA;AC/tBA;ADouBA;EACA,aAAA;EACA,YAAA;EACA,8BAAA;ACjuBA;ADmuBA;EACA,eAAA;EACA,YAAA;EACA,aAAA;ACjuBA;ADsuBA;EAEA,WAAA;EACA,YAAA;ACnuBA;ADsuBA;EACA,WAAA;EACA,YAAA;EACA,kCAAA;EACA,yBAAA;EACA,eAAA;EACA,4CAAA;EACA,gBAAA;EACA,cAAA;ACpuBA;ADuuBA;EACA,iBAAA;ACruBA;AD2uBA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;ACzuBA;AD8uBA;EACA,iBAAA;EACA,UAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,YAAA;AC5uBA;AD8uBA;EACA,YAAA;AC5uBA;ADivBA;EACA,WAAA;AC9uBA;ADivBA;EACA,gFAAA;EACA,0BAAA;AC9uBA;ADivBA;EACA,cAAA;EACA,eAAA;AC9uBA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['\x3c!-- 挂载--Z40S fckernel1027 --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机Z40S</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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="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="form_item">\r\n          <span class="form_item_title">跟踪模式</span>\r\n          <div>\r\n            <div class="mono-long">\r\n              <div\r\n                class="mono-left mono_box"\r\n                :class="{ activeG: holderModelDom == 0 }"\r\n                @click="tatrack_Model(0)"\r\n              />\r\n              <div\r\n                class="mono-middle mono_box"\r\n                :class="{ activeG: holderModelDom == 2 }"\r\n                @click="tatrack_Model(2)"\r\n              />\r\n              <div\r\n                class="mono-right mono_box"\r\n                :class="{ activeG: holderModelDom == 6 }"\r\n                @click="tatrack_Model(6)"\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">AI</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form_item">\r\n          <div class="form_item_title">点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;击</div>\r\n          <div class="form_item">\r\n            <div>\r\n              <div class="mono-short">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: activeBox3 == 0 }"\r\n                  @click="hand(1, 0)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: activeBox3 == 2 }"\r\n                  @click="hand(6, 2)"\r\n                />\r\n              </div>\r\n              <div class="jcsb cf ziticolor">\r\n                <div class="text-left">移动</div>\r\n                <div class="text-rights">聚焦</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">变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦</div>\r\n          <div class="input-box">\r\n            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">聚&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦</div>\r\n          <div class="input-box">\r\n            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="jujiao(-1)"\r\n              @mouseup="stopjujiao"\r\n              @mouseout="stopjujiao"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopjujiao"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="jujiao(1)"\r\n              @mouseup="stopjujiao"\r\n              @mouseout="stopjujiao"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>\r\n\r\n            <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            > --\x3e\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 v-model.number="yaw" size="mini" placeholder="请输入航向" />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--" />\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++" />\r\n            \x3c!-- <el-button\r\n              @click="yaw--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="yaw++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n            <div class="butto" size="mini" type="primary" @click="handle_change_yaw">设置</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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40S } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3, // 控制速度\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      juj: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      holderModelDom: 0, // 跟踪模式\r\n      activeBox3: 0,\r\n      click_mode_status: 1, // 点击事件\r\n      IAMODE: 0, // 点击事件\r\n      Gtimer: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  mounted() {\r\n    // 第一调用\r\n    this.ia_mode(0);\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n    this.tatrack_Model(0);\r\n  },\r\n  methods: {\r\n    // 保存相机数据 ，在在指点时使用\r\n    handle_change_dj_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    tatrack_switch(status) {\r\n      const buff = new Array(0xa5, 0x0a, 3, 0x00, 0x00);\r\n      buff[3] = status;\r\n      buff[4] = cal_crc_table(buff);\r\n      window.tatrack_AI_status = status;\r\n      this.commit_directive(buff);\r\n    },\r\n    // 跟踪模式\r\n    tatrack_Model(status) {\r\n      if (status == 0) {\r\n        window.click_mode_status = 1;\r\n        this.tatrack_switch(status);\r\n      } else if (status == 2) {\r\n        this.tatrack_switch(status);\r\n        window.click_mode_status = 3;\r\n        setTimeout(() => {\r\n          this.tatrack_switch(5);\r\n        }, 100);\r\n      } else if (status == 6) {\r\n        this.tatrack_switch(3);\r\n        setTimeout(() => {\r\n          this.tatrack_switch(status);\r\n        }, 100);\r\n      }\r\n      this.holderModelDom = status;\r\n    },\r\n    // 点击功能\r\n    hand(e, num) {\r\n      if (num == 0) {\r\n        this.activeBox3 = 0;\r\n        this.click_mode_status = e;\r\n      } else if (num == 2) {\r\n        this.activeBox3 = 2;\r\n        this.click_mode_status = e;\r\n      }\r\n      this.ia_mode(0); // 发送指令修改相机为自动模式\r\n    },\r\n\r\n    ia_mode(ia_mode) {\r\n      var buff = new Array(0xa5, 0x16, 0x03, 0x00, 0x00);\r\n      buff[3] = ia_mode;\r\n      buff[4] = cal_crc_table(buff);\r\n      // 调用\r\n      this.commit_directive(buff);\r\n      this.IAMODE = ia_mode;\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n\r\n    // 变焦停止\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40S.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 聚焦停止\r\n    stopjujiao() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40S.ju((this.juj = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    // 云台模式\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z40S.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 变焦事件\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40S.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    // 聚焦事件\r\n    jujiao(value) {\r\n      const buffer = MMC_Gimbal_Z40S.ju(this.juj + value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40S.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40S.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 相机模式\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40S.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 拍照\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40S.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40S\');\r\n    },\r\n    // 录像\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40S.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z40 {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\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  width: 500px;\r\n  //   height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    .left {\r\n      display: flex;\r\n      align-items: center;\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    height: 234px;\r\n    overflow-y: auto;\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          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      flex: 1;\r\n      margin: auto;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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.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.form_item {\r\n  display: flex;\r\n  // margin-bottom: 15px;\r\n  // text-align: end;\r\n  color: #cbd0eb;\r\n\r\n  .form_item_title {\r\n    width: 85px;\r\n  }\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: url("../assets/images/accident/mono_box.svg") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n\r\n  .mono-short,\r\n  .mono-long,\r\n  .slider,\r\n  .text {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .mono-left {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .mono-right {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .mono-short {\r\n    width: 111px;\r\n    height: 17px;\r\n    background: url(\'../assets/images/mount_short.png\') no-repeat;\r\n    background-size: 100%;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .mono-long {\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\r\n  .imgs {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    & > img {\r\n      cursor: pointer;\r\n      width: 32px;\r\n      height: 32px;\r\n\r\n      &:hover {\r\n        opacity: 0.7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .slider_box {\r\n    width: 140px;\r\n    margin: -7px 5px 0;\r\n  }\r\n\r\n  .symbol {\r\n    box-sizing: border-box;\r\n    border-radius: 50%;\r\n    border: 1px solid #004fff;\r\n    width: 24px;\r\n    height: 24px;\r\n    line-height: 20px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    font-size: 20px;\r\n    padding-left: 1px;\r\n\r\n    &:hover {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n}\r\n\r\n.img_bottom {\r\n  display: flex;\r\n  width: 320px;\r\n  justify-content: space-between;\r\n\r\n  & > img {\r\n    cursor: pointer;\r\n    width: 130px;\r\n    height: 130px;\r\n  }\r\n}\r\n\r\n::v-deep {\r\n  .el-select,\r\n  .el-input {\r\n    width: 84px;\r\n    height: 24px;\r\n  }\r\n\r\n  .el-input__inner {\r\n    width: 84px;\r\n    height: 24px;\r\n    background: rgba(13, 34, 79, 0.65);\r\n    border: 1px solid #004fff;\r\n    font-size: 14px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .el-select .el-input .el-select__caret {\r\n    line-height: 26px;\r\n  }\r\n\r\n  // 修改input清除按钮样式\r\n  .el-input__suffix {\r\n    .el-input__suffix-inner {\r\n      .el-icon-circle-close:before {\r\n        line-height: 16px;\r\n        position: absolute;\r\n        top: 5px;\r\n        right: 3px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    margin-left: 10px;\r\n    padding: 0;\r\n    background: #2aefed;\r\n    border-radius: 2px;\r\n    width: 43px;\r\n    height: 24px;\r\n    outline: none;\r\n    color: #000000;\r\n    border: none;\r\n\r\n    &:hover {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n}\r\n\r\n.text-right {\r\n  width: 30px;\r\n}\r\n\r\n.activeG {\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.ziticolor {\r\n  color: #dce9ff;\r\n  font-size: 14px;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  right: 0;\n  top: 0;\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  width: 500px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 234px;\n  overflow-y: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n  margin: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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.form_item {\n  display: flex;\n  color: #cbd0eb;\n}\n.form_item .form_item_title {\n  width: 85px;\n}\n.form_item .mono_box {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.form_item .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.form_item .mono-short,\n.form_item .mono-long,\n.form_item .slider,\n.form_item .text {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.form_item .mono-left {\n  margin-left: 2px;\n}\n.form_item .mono-right {\n  margin-right: 2px;\n}\n.form_item .mono-short {\n  width: 111px;\n  height: 17px;\n  background: url("../assets/images/mount_short.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.form_item .mono-long {\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.form_item .imgs {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.form_item .imgs > img {\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n}\n.form_item .imgs > img:hover {\n  opacity: 0.7;\n}\n.form_item .slider_box {\n  width: 140px;\n  margin: -7px 5px 0;\n}\n.form_item .symbol {\n  box-sizing: border-box;\n  border-radius: 50%;\n  border: 1px solid #004fff;\n  width: 24px;\n  height: 24px;\n  line-height: 20px;\n  text-align: center;\n  cursor: pointer;\n  font-size: 20px;\n  padding-left: 1px;\n}\n.form_item .symbol:hover {\n  opacity: 0.7;\n}\n\n.img_bottom {\n  display: flex;\n  width: 320px;\n  justify-content: space-between;\n}\n.img_bottom > img {\n  cursor: pointer;\n  width: 130px;\n  height: 130px;\n}\n\n::v-deep .el-select,\n::v-deep .el-input {\n  width: 84px;\n  height: 24px;\n}\n::v-deep .el-input__inner {\n  width: 84px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  font-size: 14px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #ffffff;\n}\n::v-deep .el-select .el-input .el-select__caret {\n  line-height: 26px;\n}\n::v-deep .el-input__suffix .el-input__suffix-inner .el-icon-circle-close:before {\n  line-height: 16px;\n  position: absolute;\n  top: 5px;\n  right: 3px;\n}\n::v-deep .el-button {\n  margin-left: 10px;\n  padding: 0;\n  background: #2aefed;\n  border-radius: 2px;\n  width: 43px;\n  height: 24px;\n  outline: none;\n  color: #000000;\n  border: none;\n}\n::v-deep .el-button:hover {\n  opacity: 0.7;\n}\n\n.text-right {\n  width: 30px;\n}\n\n.activeG {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n\n.ziticolor {\n  color: #dce9ff;\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),s,"data-v-53c365ce",false,undefined,!1,a,void 0,void 0);export{A as default};

dist/index-CB-s-J8G.js

+import { c as r, g as n } from "./utils-4kGecFw2.js";
+import { n as e, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 t = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      time: null,
+      radio: 1,
+      timer: null,
+      control_speed: 3,
+      mode: 1,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      pow_mode: 0,
+      control_mode: 0,
+      light_mode: 0,
+      brightness_mode: 0,
+      record: !1,
+      drd: {
+        mode: [{
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        pow_mode: [{
+          id: 0,
+          label: "普通"
+        }, {
+          id: 1,
+          label: "最高"
+        }],
+        control_mode: [{
+          id: 0,
+          label: "关"
+        }, {
+          id: 1,
+          label: "开"
+        }],
+        light_mode: [{
+          id: 0,
+          label: "关"
+        }, {
+          id: 1,
+          label: "开"
+        }, {
+          id: 2,
+          label: "闪"
+        }],
+        brightness_mode: [{
+          id: 0,
+          label: "亮"
+        }, {
+          id: 1,
+          label: "高亮"
+        }, {
+          id: 2,
+          label: "极亮"
+        }]
+      }
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(r) {
+        this.resolve_payload(r);
+      },
+      deep: !0
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    resolve_payload: function resolve_payload(n) {
+      var e = new Uint8Array(n);
+      if (165 === e[0] && r(e) === e[e.length - 1]) switch (e[1]) {
+        case 1:
+          this.msg_key_status1(e);
+          break;
+        case 248:
+          this.gcs_button_ctrl(e);
+      }
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(r) {
+      var n = r[3],
+        e = r[4];
+      if (4 === n) this.gimbal_mode_ctrl(e);
+    },
+    msg_key_status1: function msg_key_status1(r) {
+      this.gimbal_mode_ctrl(3 & r[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      this.ptz_mode = r;
+    },
+    handle_change_mode: function handle_change_mode(r) {
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_light_mode: function handle_change_light_mode(r) {
+      var e = n.gimbal_light_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_brightness_mode: function handle_change_brightness_mode(r) {
+      var e = n.gimbal_brightness_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e), e = n.zoom(this.zoom = 1), this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch() {
+      var r = n.change_pitch_angle(this.pitch);
+      this.commit_directive(r);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_pow_mode: function handle_change_pow_mode(r) {
+      var e = n.pow_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_control_mode: function handle_change_control_mode(r) {
+      var e = n.control_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e);
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(r) {
+      console.log(r), this.$emit("directive", r);
+    },
+    stopfxFn: function stopfxFn() {
+      this.flag = !1, clearTimeout(this.time);
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(r), r = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(r);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this2 = this;
+      clearTimeout(this.time);
+      var e = null;
+      switch (this.flag = !0, this.flag && (this.time = setTimeout(function () {
+        _this2.fangxiang(r);
+      }, 500)), r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "right":
+              r = n.gimbal_yaw_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "left":
+              r = n.gimbal_yaw_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this3.control_speed), _this3.commit_directive(r), r = n.gimbal_yaw_ctrl(0, _this3.control_speed), _this3.commit_directive(r);
+        }
+      });
+    }
+  }
+};
+var o = function o() {
+  var r = this,
+    n = r.$createElement,
+    e = r._self._c || n;
+  return e("div", {
+    staticClass: "cpt-MMC_Gimbal_L60",
+    style: r.containerStyle
+  }, [e("div", {
+    directives: [{
+      name: "interact",
+      rawName: "v-interact"
+    }],
+    staticClass: "hd"
+  }, [e("div", {
+    staticClass: "title"
+  }, [r._v("探照灯")]), r._v(" "), e("div", {
+    staticClass: "close",
+    on: {
+      click: function click(n) {
+        return r.$emit("close");
+      }
+    }
+  }, [r._v("关闭")])]), r._v(" "), e("div", {
+    staticClass: "bd"
+  }, [e("div", {
+    staticClass: "form-wrap"
+  }, [e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("控制速度")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("div", {
+    staticClass: "speedC"
+  }, r._l(new Array(5).fill(1), function (n, i) {
+    return e("div", {
+      key: i,
+      staticClass: "speed",
+      style: r.control_speed == i + 1 ? "background: #FFFFFF;color: #333333;" : "",
+      on: {
+        click: function click(n) {
+          r.control_speed = i + 1;
+        }
+      }
+    }, [r._v("\n              " + r._s(i + 1) + "\n            ")]);
+  }), 0)])]), r._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("模式")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-radio-group", {
+    on: {
+      change: r.handle_change_mode
+    },
+    model: {
+      value: r.mode,
+      callback: function callback(n) {
+        r.mode = n;
+      },
+      expression: "mode"
+    }
+  }, r._l(r.drd.mode, function (n) {
+    return e("el-radio", {
+      key: n.id,
+      attrs: {
+        size: "mini",
+        label: n.id
+      }
+    }, [r._v(r._s(n.label))]);
+  }), 1)], 1)]), r._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("功率")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-radio-group", {
+    on: {
+      change: r.handle_change_pow_mode
+    },
+    model: {
+      value: r.pow_mode,
+      callback: function callback(n) {
+        r.pow_mode = n;
+      },
+      expression: "pow_mode"
+    }
+  }, r._l(r.drd.pow_mode, function (n) {
+    return e("el-radio", {
+      key: n.id,
+      attrs: {
+        size: "mini",
+        label: n.id
+      }
+    }, [r._v(r._s(n.label))]);
+  }), 1)], 1)]), r._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("联控模式")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-radio-group", {
+    on: {
+      change: r.handle_change_control_mode
+    },
+    model: {
+      value: r.control_mode,
+      callback: function callback(n) {
+        r.control_mode = n;
+      },
+      expression: "control_mode"
+    }
+  }, r._l(r.drd.control_mode, function (n) {
+    return e("el-radio", {
+      key: n.id,
+      attrs: {
+        size: "mini",
+        label: n.id
+      }
+    }, [r._v(r._s(n.label))]);
+  }), 1)], 1)]), r._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("灯光模式")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-radio-group", {
+    on: {
+      change: r.handle_change_light_mode
+    },
+    model: {
+      value: r.light_mode,
+      callback: function callback(n) {
+        r.light_mode = n;
+      },
+      expression: "light_mode"
+    }
+  }, r._l(r.drd.light_mode, function (n) {
+    return e("el-radio", {
+      key: n.id,
+      attrs: {
+        size: "mini",
+        label: n.id
+      }
+    }, [r._v(r._s(n.label))]);
+  }), 1)], 1)]), r._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [r._v("亮度")]), r._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-radio-group", {
+    on: {
+      change: r.handle_change_brightness_mode
+    },
+    model: {
+      value: r.brightness_mode,
+      callback: function callback(n) {
+        r.brightness_mode = n;
+      },
+      expression: "brightness_mode"
+    }
+  }, r._l(r.drd.brightness_mode, function (n) {
+    return e("el-radio", {
+      key: n.id,
+      attrs: {
+        size: "mini",
+        label: n.id
+      }
+    }, [r._v(r._s(n.label))]);
+  }), 1)], 1)])]), r._v(" "), e("div", {
+    staticClass: "rocker-wrap"
+  }, [e("div", {
+    ref: "rocker",
+    staticClass: "rocker"
+  }, [e("div", {
+    staticClass: "shangUp",
+    on: {
+      mousedown: function mousedown(n) {
+        return r.fangxiang("up");
+      },
+      mouseup: r.stopfxFn,
+      mouseout: r.stopfxFn
+    }
+  }), r._v(" "), e("div", {
+    staticClass: "xaiUp",
+    on: {
+      mousedown: function mousedown(n) {
+        return r.fangxiang("down");
+      },
+      mouseup: r.stopfxFn,
+      mouseout: r.stopfxFn
+    }
+  }), r._v(" "), e("div", {
+    staticClass: "zuoUp",
+    on: {
+      mousedown: function mousedown(n) {
+        return r.fangxiang("left");
+      },
+      mouseup: r.stopfxFn,
+      mouseout: r.stopfxFn
+    }
+  }), r._v(" "), e("div", {
+    staticClass: "youUp",
+    on: {
+      mousedown: function mousedown(n) {
+        return r.fangxiang("right");
+      },
+      mouseup: r.stopfxFn,
+      mouseout: r.stopfxFn
+    }
+  })])])])]);
+};
+o._withStripped = !0;
+var a = e({
+  render: o,
+  staticRenderFns: []
+}, function (r) {
+  r && r("data-v-10b922e8_0", {
+    source: '.cpt-MMC_Gimbal_L60[data-v-10b922e8] {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 300px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_L60 .hd[data-v-10b922e8] {\n  display: flex;\n  justify-content: space-between;\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_L60 .hd .title[data-v-10b922e8] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-left: 20px;\n}\n.cpt-MMC_Gimbal_L60 .hd .close[data-v-10b922e8] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-right: 20px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd[data-v-10b922e8] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap[data-v-10b922e8] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item[data-v-10b922e8] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .label-box[data-v-10b922e8] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .btn-default[data-v-10b922e8] {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .input-box[data-v-10b922e8] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap[data-v-10b922e8] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group[data-v-10b922e8] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-10b922e8] {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-10b922e8] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .rocker[data-v-10b922e8] {\n  margin: 10px auto 0;\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_L60 .bd .rocker-wrap .rocker .shangUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .xaiUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .zuoUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .youUp[data-v-10b922e8] {\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-10b922e8] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-10b922e8] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-10b922e8] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-10b922e8] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-10b922e8] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-10b922e8] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-10b922e8] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-10b922e8] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-10b922e8] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-10b922e8] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-10b922e8] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_L60\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAmXA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AClXA;ADoXA;EACA,aAAA;EACA,8BAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClXA;ADmXA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EACA,iBAAA;ACjXA;ADmXA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;ACjXA;ADoXA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;AClXA;ADmXA;EACA,cAAA;ACjXA;ADkXA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChXA;ADiXA;EACA,cAAA;EACA,WAAA;AC/WA;ADiXA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;AC/WA;ADiXA;EACA,aAAA;EACA,mBAAA;AC/WA;ADmXA;EACA,OAAA;ACjXA;ADkXA;EACA,aAAA;EACA,6BAAA;AChXA;ADkXA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AChXA;ADiXA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC/WA;ADoXA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AClXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADyXA;EACA,YAAA;EACA,iBAAA;ACtXA;ADwXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACtXA;AD0XA;EACA,YAAA;EACA,iBAAA;ACxXA;ADyXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvXA;AD8XA;EACA,qBAAA;EACA,mBAAA;AC5XA;ADgYA;EACA,cAAA;AC9XA;ADkYA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AChYA;ADmYA;EACA,gBAAA;AChYA;ADkYA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC/XA;ADgYA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC/XA;ADkYA;EACA,cAAA;AC/XA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_L60" :style="containerStyle">\r\n    <div v-interact class="hd">\r\n      <div class="title">探照灯</div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\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="mode" @change="handle_change_mode">\r\n              <el-radio v-for="item in drd.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        \x3c!--  --\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="pow_mode" @change="handle_change_pow_mode">\r\n              <el-radio v-for="item in drd.pow_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="control_mode" @change="handle_change_control_mode">\r\n              <el-radio\r\n                v-for="item in drd.control_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\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="light_mode" @change="handle_change_light_mode">\r\n              <el-radio\r\n                v-for="item in drd.light_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\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="brightness_mode" @change="handle_change_brightness_mode">\r\n              <el-radio\r\n                v-for="item in drd.brightness_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_L60 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      time: null,\r\n      radio: 1,\r\n      timer: null,\r\n      control_speed: 3,\r\n      mode: 1,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      pow_mode: 0,\r\n      control_mode: 0,\r\n      light_mode: 0,\r\n      brightness_mode: 0,\r\n      record: false,\r\n\r\n      drd: {\r\n        mode: [\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        pow_mode: [\r\n          { id: 0, label: \'普通\' },\r\n          { id: 1, label: \'最高\' }\r\n        ],\r\n        control_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' }\r\n        ],\r\n        light_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' },\r\n          { id: 2, label: \'闪\' }\r\n        ],\r\n        brightness_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  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    handle_change_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_light_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_light_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_brightness_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_brightness_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      let buffer = MMC_Gimbal_L60.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_L60.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch() {\r\n      const buffer = MMC_Gimbal_L60.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_L60.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pow_mode(mode) {\r\n      const buffer = MMC_Gimbal_L60.pow_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_control_mode(mode) {\r\n      const buffer = MMC_Gimbal_L60.control_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_L60.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_L60.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_L60 {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\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  width: 500px;\r\n  height: 300px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\r\n  .hd {\r\n    display: flex;\r\n    justify-content: space-between;\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    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n      margin-left: 20px;\r\n    }\r\n    .close {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n      margin-right: 20px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #2aefed;\r\n          border-color: #2aefed;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #08c2d1;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_L60 {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 300px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_L60 .hd {\n  display: flex;\n  justify-content: space-between;\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_L60 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-left: 20px;\n}\n.cpt-MMC_Gimbal_L60 .hd .close {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-right: 20px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_L60 .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_L60 .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_L60 .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_L60 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, t, "data-v-10b922e8", false, undefined, !1, i);
+export { a as default };

dist/index-CE5SZ8lb.js

+import { j as n } from "./utils-4kGecFw2.js";
+import { n as r, _ as e, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 t = {
+  data: function data() {
+    return {
+      timer: null,
+      height: 300,
+      pre_height: 300,
+      lntelligent_mode_status: !1,
+      motor_weight_status: !1
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_change_lntelligent_mode_ctrl: function handle_change_lntelligent_mode_ctrl(r) {
+      var e = n.lntelligent_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_motor_weight: function handle_change_motor_weight(r) {
+      var e = n.motor_weight(r);
+      this.commit_directive(e);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var e = null;
+      switch (r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1), this.commit_directive(e);
+          break;
+        case "right":
+        case "left":
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1), this.commit_directive(e);
+      }
+    },
+    init_rocker: function init_rocker() {
+      var _this2 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1), _this2.commit_directive(r);
+              break;
+            case "right":
+            case "left":
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1), _this2.commit_directive(r);
+          }
+        },
+        onend: function onend() {}
+      });
+    }
+  }
+};
+var o = function o() {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "cpt-MMC_Gimbal_S1"
+    }, [e("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [e("div", {
+      staticClass: "title"
+    }, [n._v("抛投")])]), n._v(" "), e("div", {
+      staticClass: "bd"
+    }, [e("div", {
+      staticClass: "form-wrap"
+    }, [e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("预设重量")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "text-box"
+    }, [n._v(n._s(n.height) + " 克")])])]), n._v(" "), n._m(0), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("智能模式")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      on: {
+        change: n.handle_change_lntelligent_mode_ctrl
+      },
+      model: {
+        value: n.lntelligent_mode_status,
+        callback: function callback(r) {
+          n.lntelligent_mode_status = r;
+        },
+        expression: "lntelligent_mode_status"
+      }
+    })], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("执行动作")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      on: {
+        change: n.handle_change_motor_weight
+      },
+      model: {
+        value: n.motor_weight_status,
+        callback: function callback(r) {
+          n.motor_weight_status = r;
+        },
+        expression: "motor_weight_status"
+      }
+    })], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("重量（g）")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-input", {
+      attrs: {
+        size: "mini",
+        placeholder: "请输入重量"
+      },
+      model: {
+        value: n.pre_height,
+        callback: function callback(r) {
+          n.pre_height = r;
+        },
+        expression: "pre_height"
+      }
+    }), n._v(" "), e("el-button", {
+      attrs: {
+        size: "mini",
+        type: "primary"
+      },
+      on: {
+        click: function click(r) {
+          n.height = n.pre_height;
+        }
+      }
+    }, [n._v("预设")])], 1)])]), n._v(" "), n._m(1)])]);
+  },
+  a = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("状       态")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "text-box"
+    }, [n._v("正常")])])]);
+  }, function () {
+    var n = this.$createElement,
+      r = this._self._c || n;
+    return r("div", {
+      staticClass: "rocker-wrap"
+    }, [r("img", {
+      staticClass: "dib w200 h200",
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })]);
+  }];
+o._withStripped = !0;
+var s = r({
+  render: o,
+  staticRenderFns: a
+}, function (n) {
+  n && n("data-v-b389f48e_0", {
+    source: '.cpt-MMC_Gimbal_S1[data-v-b389f48e] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_S1 .hd .title[data-v-b389f48e] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_S1 .bd[data-v-b389f48e] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap[data-v-b389f48e] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item[data-v-b389f48e] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .label-box[data-v-b389f48e] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box[data-v-b389f48e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box .text-box[data-v-b389f48e] {\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap[data-v-b389f48e] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .title-box .title[data-v-b389f48e] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker[data-v-b389f48e] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .shangUp[data-v-b389f48e] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .xaiUp[data-v-b389f48e] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-b389f48e] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-b389f48e] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-b389f48e] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-b389f48e] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-b389f48e] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-b389f48e] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-b389f48e] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_S1\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAqJA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACpJA;ADsJA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACpJA;ADuJA;EACA,aAAA;EACA,8BAAA;ACrJA;ADsJA;EACA,cAAA;ACpJA;ADqJA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACnJA;ADoJA;EACA,cAAA;EACA,WAAA;AClJA;ADoJA;EACA,aAAA;EACA,mBAAA;AClJA;ADmJA;EACA,cAAA;ACjJA;ADsJA;EACA,OAAA;ACpJA;ADsJA;EACA,cAAA;ACpJA;ADuJA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;ACrJA;ADsJA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpJA;ADsJA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpJA;AD2JA;EACA,YAAA;EACA,iBAAA;ACxJA;AD0JA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxJA;AD4JA;EACA,YAAA;EACA,iBAAA;AC1JA;AD2JA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzJA;ADgKA;EACA,qBAAA;EACA,mBAAA;AC9JA;ADkKA;EACA,cAAA;AChKA;ADoKA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AClKA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_S1">\r\n    <div v-interact class="hd">\r\n      <div class="title">抛投</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            <div class="text-box">{{ height }} 克</div>\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 class="text-box">正常</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-switch\r\n              v-model="lntelligent_mode_status"\r\n              size="mini"\r\n              @change="handle_change_lntelligent_mode_ctrl"\r\n            />\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-switch\r\n              v-model="motor_weight_status"\r\n              size="mini"\r\n              @change="handle_change_motor_weight"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">重量（g）</div>\r\n          <div class="input-box">\r\n            <el-input v-model="pre_height" size="mini" placeholder="请输入重量" />\r\n            <el-button size="mini" type="primary"\r\n@click="height = pre_height">预设</el-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <img src="../assets/images/observe/006.svg" class="dib w200 h200" alt="" />\r\n        \x3c!-- <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div class="rocker" ref="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')"></div>\r\n          <div class="xaiUp" @click="fangxiang(\'down\')"></div>\r\n        </div> --\x3e\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_S1 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      height: 300,\r\n      pre_height: 300,\r\n      lntelligent_mode_status: false,\r\n      motor_weight_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_lntelligent_mode_ctrl(value) {\r\n      const buffer = MMC_Gimbal_S1.lntelligent_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_motor_weight(value) {\r\n      const buffer = MMC_Gimbal_S1.motor_weight(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_S1.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //  // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n      //     // this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(1);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_S1.gimbal_pitch_ctrl(-1);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = gimbal_pitch_ctrl(0, this.control_speed);\r\n          // this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_S1 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .text-box {\r\n            color: #dce9ff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_S1 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_S1 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_S1 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S1 .bd .form-wrap .form-item .input-box .text-box {\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S1 .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, t, "data-v-b389f48e", false, undefined, !1, i);
+export { s as default };

dist/index-CI_kjWHl.js

-import{M as n,c as e}from"./index-DcOx2hHp.js";import{_ as r,a as i}from"./record-C77ba-0z.js";import{_ as t}from"./stop-CQsgqeQu.js";import{_ as o}from"./mount_head-CjG17KVU.js";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import d from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";const l={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]},device:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""},selected_mount:{type:Object,default:()=>({})}},data:()=>({routePath:"",holderModelDomV2:1,controlist:[{id:4,type:"一键向下"},{id:3,type:"航向回中"},{id:5,type:"俯仰水平"},{id:2,type:"回中"}],control_change:2,radio:1,zdid:1,value:25,value2:25,control_speed:3,click_mode:0,ptz_mode:1,wid_mode:0,stable_mode:1,vis_mode:0,noise_mode:1,ele_mode:0,video_mode:0,night_mode:0,white_mode:0,control_mode:0,zoom:1,pitch:0,yaw:0,fog_mode:0,record:!1,dj_mode:0,regList:[{val:"复位",num:0},{val:"30",num:30},{val:"60",num:60},{val:"90",num:90}],drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],click_mode:[{id:0,label:"移动"},{id:1,label:"聚焦"},{id:2,label:"曝光"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],wid_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],stable_mode:[{id:0,label:"关闭"},{id:1,label:"超级"},{id:2,label:"超级+"}],control_mode:[{id:0,label:"关"},{id:1,label:"开"}],vis_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],noise_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ele_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],video_mode:[{id:0,label:"1080p60"},{id:1,label:"1080p30"},{id:2,label:"720p60"}],night_mode:[{id:0,label:"关闭"},{id:1,label:"黑白"},{id:2,label:"彩色"}],white_mode:[{id:0,label:"自动"},{id:1,label:"室内"},{id:2,label:"室外"}],fog_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}]},timer:null}),computed:{stream(){return this.$store.state.fckernel.stream}},watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},mounted(){this.$nextTick((()=>{this.init_rocker()})),"fckernel"==this.$route.path.replace("/","")&&(this.routePath=!0)},methods:{close(){this.record?this.$message.info("请结束录像后再关闭！"):this.$emit("close")},handle_change_dj_mode(n){console.log(this.device,"device")},handle_change_zd(n){console.log(n),console.log(this.device,"device")},onChangezoom(e){if(e<25)this.handle_zoom(-1);else if(e>25)this.handle_zoom(1);else{const e=n.zoom(this.zoom=1);this.commit_directive(e)}},mousedownFn(){},stopChange(){this.value=25,this.value2=25;const e=n.zoom(this.zoom=1);this.commit_directive(e)},resolve_payload(n){const r=new Uint8Array(n);if(165===r[0]&&e(r)===r[r.length-1])switch(r[1]){case 1:this.msg_key_status1(r);break;case 248:this.gcs_button_ctrl(r)}},gcs_button_ctrl(n){const e=n[3],r=n[4];if(4===e)this.gimbal_mode_ctrl(r)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},handle_change_click_mode(e){const r=n.give_directions_ctrl(e);this.commit_directive(r)},handle_change_ptz_mode(e){this.holderModelDomV2=e;const r=n.gimbal_mode_ctrl(e);this.commit_directive(r)},handle_change_wid_mode(e){const r=n.camera_WD_ctrl(e);console.log(r,"budd"),this.commit_directive(r)},handle_change_stable_mode(e){const r=n.stabilizer_mode_ctrl(e);this.commit_directive(r)},handle_change_control_mode(e){const r=n.control_mode_ctrl(e);this.commit_directive(r)},handle_change_vis_mode(e){const r=n.VE_mode_ctrl(e);this.commit_directive(r)},handle_change_noise_mode(e){const r=n.NR_mode_ctrl(e);this.commit_directive(r)},handle_change_ele_mode(e){const r=n.DZOOM_mode_ctrl(e);this.commit_directive(r)},handle_change_video_mode(e){let r=n.videooutput_mode_ctrl(e);this.commit_directive(r),r=[165,79,14,85,170,220,9,255,129,1,4,25,3,255,151,254],this.commit_directive(r)},handle_change_night_mode(e){const r=n.ICR_mode_ctrl(e);this.commit_directive(r)},handle_change_white_mode(e){const r=n.WB_mode_ctrl(e);this.commit_directive(r)},handle_saturated(e){const r=n.saturated(this.zoom+e);this.commit_directive(r)},handle_zoom(e){const r=n.zoom(this.zoom+e);this.commit_directive(r)},handle_change_pitch(e){this.pitch=e;const r=n.change_pitch_angle(this.pitch);this.commit_directive(r)},handle_change_yaw(){const e=n.change_yaw_angle(this.yaw);this.commit_directive(e)},handle_change_camera_mode(e){const r=n.camera_mode_ctrl(e);this.commit_directive(r)},handle_change_fog_mode(e){const r=n.camera_Defog_ctrl(e);this.commit_directive(r)},handle_take_photo(){const 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(){this.record=!this.record;const 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)},commit_directive(n){this.$emit("directive",n)},onChangeType(e){const r=n.gimbal_mode_ctrl(e);this.commit_directive(r)},fangxiang(e){let r=null;switch(e){case"up":console.log(this.control_speed),r=n.gimbal_pitch_ctrl(1),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(1),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(-1),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1),this.commit_directive(r)}},stopfxFn(){let e=null;e=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(e),e=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(e)},init_rocker(){let e=null;joystick({onstart:r=>{switch(r){case"up":console.log(this.control_speed),e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},onend:()=>{e=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(e),e=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(e)}})}}};var s=function(){var n=this,e=n.$createElement,o=n._self._c||e;return o("div",{staticClass:"cpt-MMC_Gimbal_Z30Pro",class:{heightOne:1==n.routePath},style:n.containerStyle},[o("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),o("div",{staticClass:"close",on:{click:n.close}},[n._v("关闭")])]),n._v(" "),o("div",{staticClass:"bd",class:{heightTwo:1==n.routePath}},[o("div",{staticClass:"form-wrap"},[o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),o("div",{staticClass:"input-box"},[o("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(e,r){return o("div",{key:r,staticClass:"speed",style:n.control_speed==r+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){n.control_speed=r+1}}},[n._v("\n                "+n._s(r+1)+"\n              ")])})),0)])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("云台模式")]),n._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==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("视频指点:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(e){n.dj_mode=e},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),o("div",{staticClass:"input-box"},[o("div",{staticClass:"mr10 cp",on:{mousedown:function(e){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseleave:n.stopChange}},[o("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),o("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{input:n.onChangezoom,mouseout:function(e){n.value=25},mouseleave:function(e){n.value=25}},model:{value:n.value,callback:function(e){n.value=e},expression:"value"}}),n._v(" "),o("div",{staticClass:"ml10 cp",on:{mousedown:function(e){return n.handle_zoom(1)},mouseup:n.stopChange,mouseleave:n.stopChange}},[o("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("俯       仰")]),n._v(" "),o("div",{staticClass:"input-box"},[o("div",{staticClass:"speedC"},n._l(n.regList,(function(e,r){return o("div",{key:r,staticClass:"pitch",style:n.pitch==e.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){return n.handle_change_pitch(e.num)}}},[n._v("\n                "+n._s(e.val)+"\n              ")])})),0)])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("点       击")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_click_mode},model:{value:n.click_mode,callback:function(e){n.click_mode=e},expression:"click_mode"}},n._l(n.drd.click_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("宽  动  态")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_wid_mode},model:{value:n.wid_mode,callback:function(e){n.wid_mode=e},expression:"wid_mode"}},n._l(n.drd.wid_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("透       雾")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_fog_mode},model:{value:n.fog_mode,callback:function(e){n.fog_mode=e},expression:"fog_mode"}},n._l(n.drd.fog_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("联控模式")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_control_mode},model:{value:n.control_mode,callback:function(e){n.control_mode=e},expression:"control_mode"}},n._l(n.drd.control_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子增稳")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_stable_mode},model:{value:n.stable_mode,callback:function(e){n.stable_mode=e},expression:"stable_mode"}},n._l(n.drd.stable_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("可见度增强")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_vis_mode},model:{value:n.vis_mode,callback:function(e){n.vis_mode=e},expression:"vis_mode"}},n._l(n.drd.vis_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("降       噪")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_noise_mode},model:{value:n.noise_mode,callback:function(e){n.noise_mode=e},expression:"noise_mode"}},n._l(n.drd.noise_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子变倍")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_ele_mode},model:{value:n.ele_mode,callback:function(e){n.ele_mode=e},expression:"ele_mode"}},n._l(n.drd.ele_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("视频输出")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_video_mode},model:{value:n.video_mode,callback:function(e){n.video_mode=e},expression:"video_mode"}},n._l(n.drd.video_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("夜间模式")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_night_mode},model:{value:n.night_mode,callback:function(e){n.night_mode=e},expression:"night_mode"}},n._l(n.drd.night_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("白  平  衡")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_white_mode},model:{value:n.white_mode,callback:function(e){n.white_mode=e},expression:"white_mode"}},n._l(n.drd.white_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v(n._s(e.label)+"\n              ")])})),1)],1)])]),n._v(" "),o("div",{staticClass:"rocker-wrap"},[o("div",{staticClass:"item-group"},[o("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[o("div",{staticClass:"icon-box"},[o("img",{attrs:{src:r,alt:""}})])])],1),n._v(" "),o("div",{staticClass:"item-box",on:{click:n.handle_record}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[o("div",{staticClass:"icon-box"},[n.record?o("img",{attrs:{src:t,alt:""}}):o("img",{attrs:{src:i,alt:""}})])])],1)]),n._v(" "),o("div",{ref:"rocker",staticClass:"rocker"},[o("div",{staticClass:"shangUp",on:{mousedown:function(e){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"xaiUp",on:{mousedown:function(e){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"zuoUp",on:{mousedown:function(e){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"youUp",on:{mousedown:function(e){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},c=[function(){var n=this,e=n.$createElement,r=n._self._c||e;return r("div",{staticClass:"left ml8"},[r("img",{attrs:{src:o}}),n._v(" "),r("div",{staticClass:"title"},[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("回中")])])}];s._withStripped=!0;const m=a({render:s,staticRenderFns:c},(function(n){n&&n("data-v-579bee40_0",{source:'.cpt-MMC_Gimbal_Z30Pro[data-v-579bee40] {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z30Pro .hd[data-v-579bee40] {\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_Z30Pro .hd .left[data-v-579bee40] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .hd .left .title[data-v-579bee40] {\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_Z30Pro .hd .close[data-v-579bee40] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd[data-v-579bee40] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item[data-v-579bee40] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .label-box[data-v-579bee40] {\n  text-align: right;\n  white-space: nowrap;\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .btn-default[data-v-579bee40] {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box[data-v-579bee40] {\n  margin-left: 15px;\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono[data-v-579bee40] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-579bee40] {\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_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-579bee40] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-579bee40] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .text[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap[data-v-579bee40] {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group[data-v-579bee40] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box[data-v-579bee40] {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-579bee40] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .rocker[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .shangUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .xaiUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .zuoUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .youUp[data-v-579bee40] {\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-579bee40] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-579bee40] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-579bee40] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-579bee40] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-579bee40] .el-radio-group {\n  white-space: nowrap;\n}\n[data-v-579bee40] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-579bee40] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-579bee40] .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n[data-v-579bee40] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-579bee40] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-579bee40] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-579bee40] {\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-579bee40] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-579bee40] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-579bee40] {\n  color: #004fff;\n}\n[data-v-579bee40] .el-slider__runway {\n  visibility: hidden;\n}\n.heightOne[data-v-579bee40] {\n  height: 298px !important;\n}\n.heightTwo[data-v-579bee40] {\n  height: 230px !important;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z30Pro\\index.vue","index.vue"],names:[],mappings:"AAsyBA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EAEA,sBAAA;ACvyBA;ADyyBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACvyBA;ADyyBA;EACA,aAAA;EACA,mBAAA;ACvyBA;ADwyBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC7yBA;ADizBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC/yBA;ADmzBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,aAAA;EACA,kBAAA;ACjzBA;ADszBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACpzBA;ADszBA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;EACA,WAAA;ACpzBA;ADuzBA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;ACrzBA;ADwzBA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;ACtzBA;ADuzBA;EACA,aAAA;EACA,sBAAA;ACrzBA;ADszBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACpzBA;ADqzBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACnzBA;ADqzBA;EACA,gFAAA;EACA,0BAAA;ACnzBA;ADszBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACpzBA;AD2zBA;EACA,kBAAA;EACA,WAAA;ACzzBA;AD4zBA;EACA,aAAA;EACA,6BAAA;AC1zBA;AD6zBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AC3zBA;AD6zBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC3zBA;ADi0BA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACh0BA;ADk0BA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACh0BA;ADm0BA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACj0BA;ADo0BA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACl0BA;ADq0BA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACn0BA;AD20BA;EACA,YAAA;EACA,iBAAA;ACx0BA;AD20BA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACz0BA;AD80BA;EACA,YAAA;EACA,iBAAA;AC50BA;AD80BA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC50BA;ADg1BA;EACA,mBAAA;AC90BA;ADk1BA;EACA,qBAAA;EACA,mBAAA;ACh1BA;ADq1BA;EACA,cAAA;ACn1BA;ADu1BA;EACA,gFAAA;EAEA,0BAAA;ACt1BA;ADw1BA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;ACt1BA;ADw1BA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACt1BA;AD01BA;EACA,gBAAA;ACv1BA;AD01BA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACv1BA;ADy1BA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACx1BA;AD01BA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACx1BA;AD41BA;EACA,cAAA;ACz1BA;AD61BA;EACA,kBAAA;AC11BA;AD41BA;EACA,wBAAA;ACz1BA;AD21BA;EACA,wBAAA;ACx1BA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div\r\n    class="cpt-MMC_Gimbal_Z30Pro"\r\n    :style="containerStyle"\r\n    :class="{ heightOne: routePath == true }"\r\n  >\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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="close">关闭</div>\r\n    </div>\r\n    <div class="bd" :class="{ heightTwo: routePath == true }">\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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_change"\r\n              size="mini"\r\n              placeholder="请选择控制选项"\r\n              @change="onChangeType"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in controlist"\r\n                :key="index"\r\n                :label="item.type"\r\n                :value="item.id"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio size="mini" v-for="item in drd.ptz_mode" :key="item.id" :label="item.id">{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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="dj_mode" @change="handle_change_dj_mode">\r\n              <el-radio\r\nv-for="item in drd.dj_mode"\r\n: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            <div\r\n              class="mr10 cp"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseleave="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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              @input="onChangezoom"\r\n              @mouseout="value = 25"\r\n              @mouseleave="value = 25"\r\n            />\r\n\r\n            <div\r\n              class="ml10 cp"\r\n              @mousedown="handle_zoom(1)"\r\n              @mouseup="stopChange"\r\n              @mouseleave="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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input v-model.number="pitch" size="mini" placeholder="请输入俯仰" />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="pitch++"></span>\r\n            <div class="butto" @click="handle_change_pitch" size="mini" type="primary">设置</div> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\x3e\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-radio-group v-model="click_mode" @change="handle_change_click_mode">\r\n              <el-radio\r\nv-for="item in drd.click_mode"\r\n: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;态</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="wid_mode" @change="handle_change_wid_mode">\r\n              <el-radio\r\nv-for="item in drd.wid_mode"\r\n: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        \x3c!--  --\x3e\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-radio-group v-model="fog_mode" @change="handle_change_fog_mode">\r\n              <el-radio\r\nv-for="item in drd.fog_mode"\r\n: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="control_mode" @change="handle_change_control_mode">\r\n              <el-radio\r\nv-for="item in drd.control_mode"\r\n: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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input v-model.number="yaw" size="mini" placeholder="请输入航向" />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary">设置</div>\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="stable_mode" @change="handle_change_stable_mode">\r\n              <el-radio\r\nv-for="item in drd.stable_mode"\r\n: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="vis_mode" @change="handle_change_vis_mode">\r\n              <el-radio\r\nv-for="item in drd.vis_mode"\r\n: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-radio-group v-model="noise_mode" @change="handle_change_noise_mode">\r\n              <el-radio\r\nv-for="item in drd.noise_mode"\r\n: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="ele_mode" @change="handle_change_ele_mode">\r\n              <el-radio\r\nv-for="item in drd.ele_mode"\r\n: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="video_mode" @change="handle_change_video_mode">\r\n              <el-radio\r\nv-for="item in drd.video_mode"\r\n: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="night_mode" @change="handle_change_night_mode">\r\n              <el-radio\r\nv-for="item in drd.night_mode"\r\n: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;衡</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="white_mode" @change="handle_change_white_mode">\r\n              <el-radio\r\nv-for="item in drd.white_mode"\r\n: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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">饱和度</div>\r\n          <div class="input-box">\r\n            <el-button @click="handle_saturated(1)" size="mini" icon="el-icon-plus" circle></el-button>\r\n            <el-button @click="handle_saturated(-1)" size="mini" icon="el-icon-minus" circle></el-button>\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\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 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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z30Pro } from \'./js/index\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    /* taskId: {\r\n      type: Boolean,\r\n      default: ""\r\n    }, */\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    moveType: {\r\n      type: String,\r\n      default: () => \'\'\r\n    },\r\n    selected_mount: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      routePath: \'\', // 判断当前路径\r\n      holderModelDomV2: 1,\r\n      controlist: [\r\n        {\r\n          id: 4,\r\n          type: \'一键向下\'\r\n        },\r\n        {\r\n          id: 3,\r\n          type: \'航向回中\'\r\n        },\r\n        {\r\n          id: 5,\r\n          type: \'俯仰水平\'\r\n        },\r\n        {\r\n          id: 2,\r\n          type: \'回中\'\r\n        }\r\n      ],\r\n      control_change: 2,\r\n      radio: 1,\r\n      zdid: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      click_mode: 0,\r\n      ptz_mode: 1,\r\n      wid_mode: 0,\r\n      stable_mode: 1,\r\n      vis_mode: 0,\r\n      noise_mode: 1,\r\n      ele_mode: 0,\r\n      video_mode: 0,\r\n      night_mode: 0,\r\n      white_mode: 0,\r\n      control_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      fog_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: 30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: 60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: 90\r\n        }\r\n      ],\r\n      drd: {\r\n        dj_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        click_mode: [\r\n          { id: 0, label: \'移动\' },\r\n          { id: 1, label: \'聚焦\' },\r\n          { id: 2, 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        wid_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        stable_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'超级\' },\r\n          { id: 2, label: \'超级+\' }\r\n        ],\r\n        control_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' }\r\n        ],\r\n        vis_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        noise_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        ele_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        video_mode: [\r\n          { id: 0, label: \'1080p60\' },\r\n          { id: 1, label: \'1080p30\' },\r\n          { id: 2, label: \'720p60\' }\r\n        ],\r\n        night_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'黑白\' },\r\n          { id: 2, label: \'彩色\' }\r\n        ],\r\n        white_mode: [\r\n          { id: 0, label: \'自动\' },\r\n          { id: 1, label: \'室内\' },\r\n          { id: 2, label: \'室外\' }\r\n        ],\r\n        fog_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ]\r\n      },\r\n      timer: null\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: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n    // console.log(\'1111111111111111111111111111----\');\r\n    if (this.$route.path.replace(\'/\', \'\') == \'fckernel\') {\r\n      this.routePath = true;\r\n    }\r\n    //  console.log(this.$route.path.replace(\'/\',\'\'),\'-----------111111111111111\');\r\n  },\r\n  methods: {\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_change_dj_mode(id) {\r\n      console.log(this.device, \'device\');\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_zd(id) {\r\n      console.log(id);\r\n      console.log(this.device, \'device\');\r\n    },\r\n    onChangezoom(e) {\r\n      if (e < 25) {\r\n        this.handle_zoom(-1);\r\n      } else if (e > 25) {\r\n        this.handle_zoom(1);\r\n      } else {\r\n        const buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n        this.commit_directive(buffer);\r\n      }\r\n    },\r\n    mousedownFn() {\r\n      // console.log(mousedownFn, "mousedownFn");\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    handle_change_click_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.give_directions_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z30Pro.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_wid_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_WD_ctrl(value);\r\n      console.log(buffer, \'budd\');\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_stable_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.stabilizer_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_control_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z30Pro.control_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_vis_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.VE_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_noise_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.NR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ele_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.DZOOM_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_video_mode(value) {\r\n      let buffer = MMC_Gimbal_Z30Pro.videooutput_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n      buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 25, 3, 255, 151, 254];\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_night_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.ICR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_white_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.WB_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_saturated(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.saturated(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z30Pro.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z30Pro.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_fog_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_Defog_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      // let { position } = this;\r\n      // let buffer = MMC_Gimbal_Z30Pro.take_photo(position || {});\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      // this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      // if(!this.taskId  || this.taskId == "") return this.$message.error("暂无任务！")\r\n      this.record = !this.record;\r\n      const streamData = {\r\n        data: {\r\n          data: {\r\n            videoID: 1\r\n            // recordControl: this.record\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    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    onChangeType(val) {\r\n      const buffer = MMC_Gimbal_Z30Pro.gimbal_mode_ctrl(val);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          console.log(this.control_speed);\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 2000);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              console.log(this.control_speed);\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z30Pro {\r\n  position: absolute;\r\n  // top: -138px;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n\r\n  box-sizing: border-box;\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      .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-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\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          text-align: right;\r\n          white-space: nowrap;\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n\r\n        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #2aefed;\r\n          border-color: #2aefed;\r\n        }\r\n\r\n        .input-box {\r\n          margin-left: 15px;\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #004fff;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    white-space: nowrap;\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .active {\r\n    background: url(\'../assets/images/mount/mount_control.png\') no-repeat !important;\r\n    // background: url("../assets/images/accident/mono_box.svg") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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.heightOne {\r\n  height: 298px !important;\r\n}\r\n.heightTwo {\r\n  height: 230px !important;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_Z30Pro {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .label-box {\n  text-align: right;\n  white-space: nowrap;\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box {\n  margin-left: 15px;\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .bd .rocker-wrap {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group {\n  white-space: nowrap;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n.heightOne {\n  height: 298px !important;\n}\n\n.heightTwo {\n  height: 230px !important;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),l,"data-v-579bee40",false,undefined,!1,d,void 0,void 0);export{m as default};

dist/index-CPU0qO8q.js

-import{b as n}from"./utils-DFbQKfwy.js";import{_ as r}from"./mount_head-CjG17KVU.js";import{_ as e,a as i}from"./record-C77ba-0z.js";import t from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const a={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})}},data:()=>({holderModelDomV2:1,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,zoom:1,pitch:0,yaw:0,camera_mode:0,record:!1,drd:{ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"录像"},{id:2,label:"拍照"}]},timer:null}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const r=n.zoom(this.zoom=1);this.commit_directive(r)},handle_change_ptz_mode(r){this.holderModelDomV2=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){const e=n.zoom(this.zoom+r);this.commit_directive(e)},handle_change_pitch(){const r=n.change_pitch_angle(this.pitch);this.commit_directive(r)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e)},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(n){this.$emit("directive",n),console.log(n)},fangxiang(r){let e=null;switch(r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}this.timer=setTimeout((()=>{clearTimeout(this.timer),e=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(e),e=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(e)}),500)},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}})}}};var s=function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"cpt-MMC_Gimbal_Z33N",style:n.containerStyle},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),e("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,i){return e("div",{key:i,staticClass:"speed",style:n.control_speed==i+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=i+1}}},[n._v("\n              "+n._s(i+1)+"\n            ")])})),0)])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("云台模式")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"mono"},[e("div",{staticClass:"mono-long"},[e("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),e("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),e("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[e("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),e("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),e("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[e("span",{staticClass:"iconfont icon-tianjia1"})])],1)])]),n._v(" "),e("div",{staticClass:"rocker-wrap"},[e("div",{staticClass:"item-group"},[e("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[n._m(2)]),n._v(" "),e("div",{staticClass:"item-box",on:{click:n.handle_record}},[n._m(3)])]),n._v(" "),e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{click:function(r){return n.fangxiang("up")}}}),n._v(" "),e("div",{staticClass:"xaiUp",on:{click:function(r){return n.fangxiang("down")}}}),n._v(" "),e("div",{staticClass:"zuoUp",on:{click:function(r){return n.fangxiang("right")}}}),n._v(" "),e("div",{staticClass:"youUp",on:{click:function(r){return n.fangxiang("left")}}})])])])])},c=[function(){var n=this,e=n.$createElement,i=n._self._c||e;return i("div",{staticClass:"left ml8"},[i("img",{attrs:{src:r}}),n._v(" "),i("div",{staticClass:"title"},[n._v("高清变焦相机")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this.$createElement,r=this._self._c||n;return r("div",{staticClass:"icon-box"},[r("img",{attrs:{src:e,alt:""}})])},function(){var n=this.$createElement,r=this._self._c||n;return r("div",{staticClass:"icon-box"},[r("img",{attrs:{src:i,alt:""}})])}];s._withStripped=!0;const l=t({render:s,staticRenderFns:c},(function(n){n&&n("data-v-07734ce6_0",{source:'.cpt-MMC_Gimbal_Z33N[data-v-07734ce6] {\n  position: absolute;\n  /* bottom: 0;\n  left: 0; */\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z33N .hd[data-v-07734ce6] {\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_Z33N .hd .left[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .hd .left .title[data-v-07734ce6] {\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_Z33N .hd .close[data-v-07734ce6] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd[data-v-07734ce6] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap[data-v-07734ce6] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .label-box[data-v-07734ce6] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono[data-v-07734ce6] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-07734ce6] {\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_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-07734ce6] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-07734ce6] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .text[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap[data-v-07734ce6] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group[data-v-07734ce6] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box[data-v-07734ce6] {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-07734ce6] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .rocker[data-v-07734ce6] {\n  margin: 10px auto 0;\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_Z33N .bd .rocker-wrap .rocker .shangUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .xaiUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .zuoUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .youUp[data-v-07734ce6] {\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-07734ce6] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-07734ce6] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-07734ce6] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-07734ce6] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-07734ce6] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-07734ce6] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-07734ce6] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-07734ce6] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-07734ce6] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-07734ce6] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-07734ce6] {\n  color: #004fff;\n}\n[data-v-07734ce6] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z33N\\index.vue","index.vue"],names:[],mappings:"AAkWA;EACA,kBAAA;EACA;YAAA;EAEA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;ACjWA;ADmWA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjWA;ADmWA;EACA,aAAA;EACA,mBAAA;ACjWA;ADkWA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACvWA;AD2WA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACzWA;AD4WA;EACA,aAAA;EACA,8BAAA;AC1WA;AD2WA;EACA,cAAA;ACzWA;AD0WA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACxWA;ADyWA;EACA,cAAA;EACA,WAAA;ACvWA;ADyWA;EACA,aAAA;EACA,mBAAA;ACvWA;ADwWA;EACA,aAAA;EACA,sBAAA;ACtWA;ADuWA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACrWA;ADsWA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpWA;ADsWA;EACA,gFAAA;EACA,0BAAA;ACpWA;ADuWA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACrWA;AD2WA;EACA,OAAA;ACzWA;AD0WA;EACA,aAAA;EACA,6BAAA;ACxWA;AD0WA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACxWA;ADyWA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACvWA;AD4WA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC1WA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;ADiXA;EACA,YAAA;EACA,iBAAA;AC9WA;ADgXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC9WA;ADkXA;EACA,YAAA;EACA,iBAAA;AChXA;ADiXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC/WA;ADsXA;EACA,qBAAA;EACA,mBAAA;ACpXA;ADwXA;EACA,cAAA;ACtXA;AD0XA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACxXA;AD2XA;EACA,gBAAA;ACxXA;AD0XA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACvXA;ADwXA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACvXA;AD0XA;EACA,cAAA;ACvXA;AD0XA;EACA,kBAAA;ACvXA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_Z33N" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <el-button @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\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\r\n              @change="handle_change_camera_mode"\r\n              v-model="camera_mode"\r\n            >\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\r\n          <div class="item-box" @click="handle_take_photo">\r\n            <div class="icon-box">\r\n              <img src="../assets/images/mount/photo.png" alt="" />\r\n              \x3c!-- <span class="iconfont icon-paizhao1"></span> --\x3e\r\n            </div>\r\n          </div>\r\n          <div class="item-box" @click="handle_record">\r\n            <div class="icon-box">\r\n              <img src="../assets/images/mount/record.png" alt="" />\r\n              \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_Z33N } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n\r\n      drd: {\r\n        ptz_mode: [\r\n          { id: 0, label: \'锁定\' },\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z33N.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z33N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z33N.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z33N.zoom((this.zoom = 1));\r\n      //   this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch() {\r\n      const buffer = MMC_Gimbal_Z33N.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z33N.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z33N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z33N.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z33N.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n      console.log(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z33N {\r\n  position: absolute;\r\n  /* bottom: 0;\r\n  left: 0; */\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\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      .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  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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    .rocker-wrap {\r\n      flex: 1;\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #08c2d1;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #004fff;\r\n}\r\n// 变焦功能\r\n::v-deep .el-slider__runway {\r\n  visibility: hidden;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_Z33N {\n  position: absolute;\n  /* bottom: 0;\n  left: 0; */\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .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_Z33N .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .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_Z33N .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_Z33N .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_Z33N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z33N .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_Z33N .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_Z33N .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_Z33N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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 #43deff;\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/*# sourceMappingURL=index.vue.map */']},media:void 0})}),a,"data-v-07734ce6",false,undefined,!1,o,void 0,void 0);export{l as default};

dist/index-CZypPRsn.js

+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 _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); }
+var r = 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 t = 17,
+  A = 31,
+  a = 13,
+  n = 18,
+  e = 12,
+  o = 5,
+  _ = 5,
+  u = 6,
+  i = 6,
+  E = 8,
+  f = 17,
+  S = 8,
+  C = 5,
+  c = 5,
+  s = 45,
+  U = 4,
+  l = 4,
+  v = {
+    A1C1E1: (T = {
+      A1C1E1: t + (H = 3),
+      A1C1E1S1: A + H,
+      A2C2E2: a + H,
+      A2C2E2S2: n + H,
+      A1: e + H,
+      A2: o + H,
+      C1: _ + H,
+      C2: u + H,
+      E1: i + H,
+      E2: E + H,
+      S1: f + H,
+      S2: S + H,
+      U: C + H,
+      V: c + H,
+      M_AHRS: s + H,
+      HEART_BEAT: U + H,
+      SHAKE_HAND: l + H
+    }).A1C1E1 + 2,
+    A1C1E1S1: T.A1C1E1S1 + 2,
+    A2C2E2: T.A2C2E2 + 2,
+    A2C2E2S2: T.A2C2E2S2 + 2,
+    A1: T.A1 + 2,
+    A2: T.A2 + 2,
+    C1: T.C1 + 2,
+    C2: T.C2 + 2,
+    E1: T.E1 + 2,
+    E2: T.E2 + 2,
+    S1: T.S1 + 2,
+    S2: T.S2 + 2,
+    U: T.U + 2,
+    V: T.V + 2,
+    M_AHRS: T.M_AHRS + 2,
+    HEART_BEAT: T.HEART_BEAT + 2,
+    SHAKE_HAND: T.SHAKE_HAND + 2
+  };
+var H,
+  T,
+  g = {
+    A1C1E1: v.A1C1E1 + 2,
+    A1C1E1S1: v.A1C1E1S1 + 2,
+    A2C2E2: v.A2C2E2 + 2,
+    A2C2E2S2: v.A2C2E2S2 + 2,
+    A1: v.A1 + 2,
+    A2: v.A2 + 2,
+    C1: v.C1 + 2,
+    C2: v.C2 + 2,
+    E1: v.E1 + 2,
+    E2: v.E2 + 2,
+    S1: v.S1 + 2,
+    S2: v.S2 + 2,
+    U: v.U + 2,
+    V: v.V + 2,
+    M_AHRS: v.M_AHRS + 2,
+    HEART_BEAT: v.HEART_BEAT + 2,
+    SHAKE_HAND: v.SHAKE_HAND + 2
+  };
+var y = {
+  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 d = 44,
+  w = 64,
+  R = g.C2 - 1;
+var B = {
+  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
+};
+T = {
+  A1C1E1: t + (H = 3),
+  A1C1E1S1: A + H,
+  A2C2E2: a + H,
+  A2C2E2S2: n + H,
+  A1: e + H,
+  A2: o + H,
+  C1: _ + H,
+  C2: u + H,
+  E1: i + H,
+  E2: E + H,
+  S1: f + H,
+  S2: S + H,
+  U: C + H,
+  V: c + H,
+  M_AHRS: s + H,
+  HEART_BEAT: U + H,
+  SHAKE_HAND: l + H
+}, T.A1C1E1S1, T.A2C2E2, T.A2C2E2S2, T.A1, T.A2, T.C1;
+var m = T.C2 - 1;
+T.E1, T.E2, T.S1, T.S2, T.U, T.V, T.M_AHRS, T.HEART_BEAT, T.SHAKE_HAND;
+var V = {
+  ctrl: 83,
+  param: 0
+};
+function N(r) {
+  var t = new Uint8Array(r),
+    A = new Uint8Array(22),
+    a = new Uint8Array(1),
+    n = new Uint8Array(6),
+    e = new Uint8Array(12),
+    o = 0;
+  for (o = 0; o < 22; o++) A[o] = t[o + 5];
+  for (o = 0; o < 1; o++) a[o] = t[o + 27];
+  for (o = 0; o < 6; o++) n[o] = t[o + 28];
+  for (o = 0; o < 12; o++) e[o] = t[o + 34];
+  return function (r) {
+    B.UAV_latitude = (r[2] << 24 | r[3] << 16 | r[4] << 8 | r[5]) / 1e7, B.UAV_longitude = (r[6] << 24 | r[7] << 16 | r[8] << 8 | r[9]) / 1e7, B.UAV_altitude = r[10] << 8 | r[11], B.Target_latitude = (r[12] << 24 | r[13] << 16 | r[14] << 8 | r[15]) / 1e7, B.Target_longitude = (r[16] << 24 | r[17] << 16 | r[18] << 8 | r[19]) / 1e7, B.Target_altitude = r[20] << 8 | r[21];
+    var t = new Int16Array(1);
+    return t[0] = r[20] << 8 | r[21], B.Target_altitude = t[0], {
+      longitude: B.Target_longitude,
+      latitude: B.Target_latitude,
+      altitude: B.Target_altitude
+    };
+  }(A);
+}
+function k(r) {
+  var t = new Uint8Array(r),
+    A = new Uint8Array(22),
+    a = new Uint8Array(1),
+    n = new Uint8Array(6),
+    e = new Uint8Array(12),
+    o = 0;
+  for (o = 0; o < 22; o++) A[o] = t[o + 5];
+  for (o = 0; o < 1; o++) a[o] = t[o + 27];
+  for (o = 0; o < 6; o++) n[o] = t[o + 28];
+  for (o = 0; o < 12; o++) e[o] = t[o + 34];
+  return function (r) {
+    return y.SENSOR = 7 & r[0], y.IR_DZOOM = (120 & r[0]) >> 3, y.IR_WHITE_BLACK = r[0] >> 7, y.recstatus = 3 & r[3], y.ir_gray_color = (60 & r[3]) >> 2, y.eo_dzoom = (192 & r[3]) >> 6 | (3 & r[2]) << 2, y.lrf_value = r[4] << 8 | r[5], y.v_fov = .01 * (r[6] << 8 | r[7]), y.h_fov = .01 * (r[8] << 8 | r[9]), y.eo_zoom = .1 * (r[10] << 8 | r[11]), y.lrf_value / 10;
+  }(e);
+}
+function p(r) {
+  for (var t = r[3], A = 4, a = (63 & r[3]) - 2; a--;) t ^= r[A], A++;
+  return t;
+}
+function D(r) {
+  var t = function (r) {
+      var t = new Array();
+      return t[0] = r.ctrl, t[1] = r.param >> 8, t[2] = 255 & r.param, t;
+    }(r),
+    A = [85, 170, 220, 0, 0];
+  return A[3] = u, A[4] = d, t.forEach(function (r) {
+    A.push(r);
+  }), A[m] = p(A), A;
+}
+var M = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  tracksource: 0
+}, "tracksource", 1), "tracksource", 2), "trackstatus", 0), "trackstatus", 1), "trackstatus", 2), "trackstatus", 3);
+function b(r) {
+  var t = new Uint8Array(r),
+    A = new Uint8Array(22),
+    a = new Uint8Array(1),
+    n = new Uint8Array(6),
+    e = new Uint8Array(12),
+    o = 0;
+  for (o = 0; o < 22; o++) A[o] = t[o + 5];
+  for (o = 0; o < 1; o++) a[o] = t[o + 27];
+  for (o = 0; o < 6; o++) n[o] = t[o + 28];
+  for (o = 0; o < 12; o++) e[o] = t[o + 34];
+  return function (r) {
+    return M.tracksource = 7 & r, M.trackstatus = (24 & r) >> 3, 3 == (t = M.trackstatus) ? "丢失" : 2 == t ? "跟踪中" : 1 == t ? "搜索" : "停止";
+    var t;
+  }(a);
+}
+var I = {
+  zoomTo: function zoomTo(t) {
+    var A = Number(t),
+      a = [165, 79, 0];
+    a[2] = v.C2, V.param = 10 * A;
+    return D(V).forEach(function (r) {
+      a.push(r);
+    }), a[R] = function (t) {
+      for (var A = 0, a = 1, n = t[2]; n--;) A = r[A ^ t[a]], a++;
+      return A;
+    }(a), function (r, t) {
+      var A = 0,
+        a = 0,
+        n = 0,
+        e = [];
+      for (n = t % 48 == 0 ? parseInt(t / 48, 10) : parseInt(t / 48, 10) + 1, A = 0; A < n; A++) {
+        if (n - A == 1) {
+          for (a = 0; a < t - 48 * A; a++) e[a] = r[48 * A + a], Number(r[48 * A + a]).toString(16);
+          return e;
+        }
+        for (a = 0; a < 48; a++) e[a] = r[48 * A + a], Number(r[48 * A + a]).toString(16);
+        return e;
+      }
+    }(a, g.C2);
+  },
+  gcs_transmit_ctrl: function gcs_transmit_ctrl(r) {
+    var t = 0,
+      A = 0;
+    if (85 == r[3] && 170 == r[4] && 220 == r[5] && r[2] == 5 + (63 & r[6])) {
+      A = 3 + (63 & r[6]);
+      var a = new Uint8Array(A);
+      for (t = 0; t < A; t++) a[t] = r[t + 3];
+      if (p(a) == a[A - 1] && r[7] === w) return N(a);
+    }
+  },
+  gcs_status: function gcs_status(r) {
+    var t = 0,
+      A = 0;
+    if (85 == r[3] && 170 == r[4] && 220 == r[5] && r[2] == 5 + (63 & r[6])) {
+      A = 3 + (63 & r[6]);
+      var a = new Uint8Array(A);
+      for (t = 0; t < A; t++) a[t] = r[t + 3];
+      if (p(a) == a[A - 1] && r[7] === w) return b(a);
+    }
+  },
+  get_msg_D1_parse: function get_msg_D1_parse(r) {
+    var t = 0,
+      A = 0;
+    if (85 == r[3] && 170 == r[4] && 220 == r[5] && r[2] == 5 + (63 & r[6])) {
+      A = 3 + (63 & r[6]);
+      var a = new Uint8Array(A);
+      for (t = 0; t < A; t++) a[t] = r[t + 3];
+      if (p(a) == a[A - 1] && r[7] === w) return k(a);
+    }
+  }
+};
+export { I as M };

dist/index-CdqvBztj.js

+import { k as r } from "./utils-4kGecFw2.js";
+import { n, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 t = {
+  data: function data() {
+    return {
+      timer: null,
+      radio: 1,
+      safety_switch_state: !1,
+      fire_status: !1
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_fire_ctrl: function handle_fire_ctrl(n) {
+      if (!this.safety_switch_state) return this.fire_status = !1;
+      var i = r.fire_ctrl(1);
+      this.commit_directive(i);
+    },
+    commit_directive: function commit_directive(r) {
+      this.$emit("directive", r);
+    },
+    fangxiang: function fangxiang(n) {
+      var _this2 = this;
+      var i = null;
+      switch (n) {
+        case "up":
+          i = r.gimbal_yaw_ctrl(0), this.commit_directive(i), setTimeout(function () {
+            i = r.gimbal_pitch_ctrl(1), _this2.commit_directive(i);
+          }, 50);
+          break;
+        case "right":
+          i = r.gimbal_pitch_ctrl(0), this.commit_directive(i), setTimeout(function () {
+            i = r.gimbal_yaw_ctrl(-1), _this2.commit_directive(i);
+          }, 50);
+          break;
+        case "left":
+          i = r.gimbal_pitch_ctrl(0), this.commit_directive(i), setTimeout(function () {
+            i = r.gimbal_yaw_ctrl(1), _this2.commit_directive(i);
+          }, 50);
+          break;
+        case "down":
+          i = r.gimbal_yaw_ctrl(0), this.commit_directive(i), setTimeout(function () {
+            i = r.gimbal_pitch_ctrl(-1), _this2.commit_directive(i);
+          }, 50);
+      }
+      this.timer = setTimeout(function () {
+        clearTimeout(_this2.timer), i = r.gimbal_pitch_ctrl(0), _this2.commit_directive(i), i = r.gimbal_yaw_ctrl(0), _this2.commit_directive(i);
+      }, 500);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var n = null;
+      joystick({
+        onstart: function onstart(i) {
+          switch (i) {
+            case "up":
+              n = r.gimbal_yaw_ctrl(0), _this3.commit_directive(n), setTimeout(function () {
+                n = r.gimbal_pitch_ctrl(1), _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "right":
+              n = r.gimbal_pitch_ctrl(0), _this3.commit_directive(n), setTimeout(function () {
+                n = r.gimbal_yaw_ctrl(-1), _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "left":
+              n = r.gimbal_pitch_ctrl(0), _this3.commit_directive(n), setTimeout(function () {
+                n = r.gimbal_yaw_ctrl(1), _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "down":
+              n = r.gimbal_yaw_ctrl(0), _this3.commit_directive(n), setTimeout(function () {
+                n = r.gimbal_pitch_ctrl(-1), _this3.commit_directive(n);
+              }, 50);
+          }
+        },
+        onend: function onend() {
+          n = r.gimbal_pitch_ctrl(0), _this3.commit_directive(n), n = r.gimbal_yaw_ctrl(0), _this3.commit_directive(n);
+        }
+      });
+    }
+  }
+};
+var e = function e() {
+  var r = this,
+    n = r.$createElement,
+    i = r._self._c || n;
+  return i("div", {
+    staticClass: "cpt-MMC_Gimbal_FF6"
+  }, [i("div", {
+    directives: [{
+      name: "interact",
+      rawName: "v-interact"
+    }],
+    staticClass: "hd"
+  }, [i("div", {
+    staticClass: "title"
+  }, [r._v("喷火器")])]), r._v(" "), i("div", {
+    staticClass: "bd"
+  }, [i("div", {
+    staticClass: "form-wrap"
+  }, [i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("保险")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-switch", {
+    attrs: {
+      size: "mini"
+    },
+    model: {
+      value: r.safety_switch_state,
+      callback: function callback(n) {
+        r.safety_switch_state = n;
+      },
+      expression: "safety_switch_state"
+    }
+  })], 1)]), r._v(" "), i("div", {
+    staticClass: "form-item"
+  }, [i("div", {
+    staticClass: "label-box"
+  }, [r._v("喷火")]), r._v(" "), i("div", {
+    staticClass: "input-box"
+  }, [i("el-switch", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      change: r.handle_fire_ctrl
+    },
+    model: {
+      value: r.fire_status,
+      callback: function callback(n) {
+        r.fire_status = n;
+      },
+      expression: "fire_status"
+    }
+  })], 1)])]), r._v(" "), i("div", {
+    staticClass: "rocker-wrap"
+  }, [r._m(0), r._v(" "), i("div", {
+    ref: "rocker",
+    staticClass: "rocker"
+  }, [i("div", {
+    staticClass: "shangUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("up");
+      }
+    }
+  }), r._v(" "), i("div", {
+    staticClass: "xaiUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("down");
+      }
+    }
+  }), r._v(" "), i("div", {
+    staticClass: "zuoUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("right");
+      }
+    }
+  }), r._v(" "), i("div", {
+    staticClass: "youUp",
+    on: {
+      click: function click(n) {
+        return r.fangxiang("left");
+      }
+    }
+  })])])])]);
+};
+e._withStripped = !0;
+var o = n({
+  render: e,
+  staticRenderFns: [function () {
+    var r = this,
+      n = r.$createElement,
+      i = r._self._c || n;
+    return i("div", {
+      staticClass: "title-box"
+    }, [i("div", {
+      staticClass: "title"
+    }, [r._v("操作")])]);
+  }]
+}, function (r) {
+  r && r("data-v-2316b668_0", {
+    source: '.cpt-MMC_Gimbal_FF6[data-v-2316b668] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_FF6 .hd .title[data-v-2316b668] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_FF6 .bd[data-v-2316b668] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap[data-v-2316b668] {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item[data-v-2316b668] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .label-box[data-v-2316b668] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box[data-v-2316b668] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-2316b668] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap[data-v-2316b668] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .title-box .title[data-v-2316b668] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .rocker[data-v-2316b668] {\n  margin: 10px auto 0;\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_FF6 .bd .rocker-wrap .rocker .shangUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .xaiUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .zuoUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .youUp[data-v-2316b668] {\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-2316b668] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-2316b668] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-2316b668] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-2316b668] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-2316b668] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-2316b668] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-2316b668] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FF6\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkKA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACjKA;ADmKA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACjKA;ADoKA;EACA,aAAA;EACA,8BAAA;AClKA;ADmKA;EACA,gBAAA;EACA,cAAA;ACjKA;ADkKA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChKA;ADiKA;EACA,cAAA;EACA,WAAA;AC/JA;ADiKA;EACA,aAAA;EACA,mBAAA;AC/JA;ADiKA;EACA,eAAA;EACA,cAAA;AC/JA;ADqKA;EACA,OAAA;ACnKA;ADqKA;EACA,cAAA;ACnKA;ADsKA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACpKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;AD0KA;EACA,YAAA;EACA,iBAAA;ACvKA;ADyKA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvKA;AD2KA;EACA,YAAA;EACA,iBAAA;ACzKA;AD0KA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxKA;AD+KA;EACA,qBAAA;EACA,mBAAA;AC7KA;ADiLA;EACA,cAAA;AC/KA;ADmLA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACjLA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_FF6">\r\n    <div v-interact class="hd">\r\n      <div class="title">喷火器</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-switch v-model="safety_switch_state" size="mini" />\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-switch v-model="fire_status" size="mini" @change="handle_fire_ctrl" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_FF6 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: false,\r\n      fire_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_fire_ctrl(value) {\r\n      if (!this.safety_switch_state) {\r\n        return (this.fire_status = false);\r\n      }\r\n      const buff = MMC_Gimbal_FF6.fire_ctrl(1);\r\n      this.commit_directive(buff);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(-1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(-1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FF6 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      min-width: 245px;\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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 {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_FF6 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_FF6 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_FF6 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_FF6 .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_FF6 .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_FF6 .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_FF6 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, t, "data-v-2316b668", false, undefined, !1, i);
+export { o as default };

dist/index-CjRj-SMJ.js

+import { c as n, e as r } from "./utils-4kGecFw2.js";
+import { _ as t, a as e } from "./record-WJfBn7Fn.js";
+import { _ as i } from "./mount_head-c1OIlkSj.js";
+import { n as o, c as a } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 s = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    device: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    selected_mount: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    moveType: {
+      type: String,
+      "default": function _default() {
+        return "";
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDomV2: 1,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      zoom: 1,
+      juj: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      record: !1,
+      dj_mode: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "录像"
+        }, {
+          id: 2,
+          label: "拍照"
+        }]
+      },
+      timer: null,
+      holderModelDom: 0,
+      activeBox3: 0,
+      click_mode_status: 1,
+      IAMODE: 0,
+      Gtimer: null
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  beforeDestroy: function beforeDestroy() {},
+  mounted: function mounted() {
+    var _this = this;
+    this.ia_mode(0), this.$nextTick(function () {
+      _this.init_rocker();
+    }), this.tatrack_Model(0);
+  },
+  methods: {
+    handle_change_dj_mode: function handle_change_dj_mode(n) {},
+    tatrack_switch: function tatrack_switch(r) {
+      var t = new Array(165, 10, 3, 0, 0);
+      t[3] = r, t[4] = n(t), window.tatrack_AI_status = r, this.commit_directive(t);
+    },
+    tatrack_Model: function tatrack_Model(n) {
+      var _this2 = this;
+      0 == n ? (window.click_mode_status = 1, this.tatrack_switch(n)) : 2 == n ? (this.tatrack_switch(n), window.click_mode_status = 3, setTimeout(function () {
+        _this2.tatrack_switch(5);
+      }, 100)) : 6 == n && (this.tatrack_switch(3), setTimeout(function () {
+        _this2.tatrack_switch(n);
+      }, 100)), this.holderModelDom = n;
+    },
+    hand: function hand(n, r) {
+      0 == r ? (this.activeBox3 = 0, this.click_mode_status = n) : 2 == r && (this.activeBox3 = 2, this.click_mode_status = n), this.ia_mode(0);
+    },
+    ia_mode: function ia_mode(r) {
+      var t = new Array(165, 22, 3, 0, 0);
+      t[3] = r, t[4] = n(t), this.commit_directive(t), this.IAMODE = r;
+    },
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var n = r.zoom(this.zoom = 1);
+      this.commit_directive(n);
+    },
+    stopjujiao: function stopjujiao() {
+      this.value = 25, this.value2 = 25;
+      var n = r.ju(this.juj = 1);
+      this.commit_directive(n);
+    },
+    resolve_payload: function resolve_payload(r) {
+      var t = new Uint8Array(r);
+      if (165 === t[0] && n(t) === t[t.length - 1]) switch (t[1]) {
+        case 1:
+          this.msg_key_status1(t);
+          break;
+        case 248:
+          this.gcs_button_ctrl(t);
+      }
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var r = n[3],
+        t = n[4];
+      if (4 === r) this.gimbal_mode_ctrl(t);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(n) {
+      this.holderModelDomV2 = n;
+      var t = r.gimbal_mode_ctrl(n);
+      this.commit_directive(t);
+    },
+    handle_zoom: function handle_zoom(n) {
+      var t = r.zoom(this.zoom + n);
+      this.commit_directive(t);
+    },
+    jujiao: function jujiao(n) {
+      var t = r.ju(this.juj + n);
+      this.commit_directive(t);
+    },
+    handle_change_pitch: function handle_change_pitch(n) {
+      this.pitch = n;
+      var t = r.change_pitch_angle(this.pitch);
+      this.commit_directive(t);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var n = r.change_yaw_angle(this.yaw);
+      this.commit_directive(n);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(n) {
+      var t = r.camera_mode_ctrl(n);
+      this.commit_directive(t);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var n = this.position,
+        t = r.take_photo(n || {});
+      this.commit_directive(t), this.$emit("take_photo", "MMC_Gimbal_Z40S");
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var n = r.record(this.record);
+      this.commit_directive(n);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(n) {
+      var t = null;
+      switch (n) {
+        case "up":
+          t = r.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(t);
+          break;
+        case "left":
+          t = r.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(t);
+          break;
+        case "right":
+          t = r.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(t);
+          break;
+        case "down":
+          t = r.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(t);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      var n = null;
+      n = r.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(n), n = r.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(n);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var n = null;
+      joystick({
+        onstart: function onstart(t) {
+          switch (t) {
+            case "up":
+              n = r.gimbal_pitch_ctrl(1, _this3.control_speed), _this3.commit_directive(n);
+              break;
+            case "right":
+              n = r.gimbal_yaw_ctrl(1, _this3.control_speed), _this3.commit_directive(n);
+              break;
+            case "left":
+              n = r.gimbal_yaw_ctrl(-1, _this3.control_speed), _this3.commit_directive(n);
+              break;
+            case "down":
+              n = r.gimbal_pitch_ctrl(-1, _this3.control_speed), _this3.commit_directive(n);
+          }
+        },
+        onend: function onend() {
+          n = r.gimbal_pitch_ctrl(0, _this3.control_speed), _this3.commit_directive(n), n = r.gimbal_yaw_ctrl(0, _this3.control_speed), _this3.commit_directive(n);
+        }
+      });
+    }
+  }
+};
+var c = function c() {
+    var n = this,
+      r = n.$createElement,
+      i = n._self._c || r;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_Z40",
+      style: n.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, t) {
+      return i("div", {
+        key: t,
+        staticClass: "speed",
+        style: n.control_speed == t + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = t + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(t + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mono"
+    }, [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("视频指点")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_dj_mode
+      },
+      model: {
+        value: n.dj_mode,
+        callback: function callback(r) {
+          n.dj_mode = r;
+        },
+        expression: "dj_mode"
+      }
+    }, n._l(n.drd.dj_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), i("div", {
+      staticClass: "form_item"
+    }, [i("span", {
+      staticClass: "form_item_title"
+    }, [n._v("跟踪模式")]), n._v(" "), i("div", [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        activeG: 0 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.tatrack_Model(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        activeG: 2 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.tatrack_Model(2);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        activeG: 6 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.tatrack_Model(6);
+        }
+      }
+    })]), n._v(" "), n._m(2)])]), n._v(" "), i("div", {
+      staticClass: "form_item"
+    }, [i("div", {
+      staticClass: "form_item_title"
+    }, [n._v("点       击")]), n._v(" "), i("div", {
+      staticClass: "form_item"
+    }, [i("div", [i("div", {
+      staticClass: "mono-short"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.activeBox3
+      },
+      on: {
+        click: function click(r) {
+          return n.hand(1, 0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.activeBox3
+      },
+      on: {
+        click: function click(r) {
+          return n.hand(6, 2);
+        }
+      }
+    })]), n._v(" "), n._m(3)])])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), i("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1,
+        disabled: ""
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("聚       焦")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.jujiao(-1);
+        },
+        mouseup: n.stopjujiao,
+        mouseout: n.stopjujiao
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), i("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1,
+        disabled: ""
+      },
+      on: {
+        change: n.stopjujiao,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.jujiao(1);
+        },
+        mouseup: n.stopjujiao,
+        mouseout: n.stopjujiao
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (r, t) {
+      return i("div", {
+        key: t,
+        staticClass: "pitch",
+        style: n.pitch == r.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(t) {
+            return n.handle_change_pitch(r.num);
+          }
+        }
+      }, [n._v("\n              " + n._s(r.val) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("航       向")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-input", {
+      attrs: {
+        size: "mini",
+        placeholder: "请输入航向"
+      },
+      model: {
+        value: n.yaw,
+        callback: function callback(r) {
+          n.yaw = n._n(r);
+        },
+        expression: "yaw"
+      }
+    }), n._v(" "), i("span", {
+      staticClass: "iconfont icon-shanchu3",
+      on: {
+        click: function click(r) {
+          n.yaw--;
+        }
+      }
+    }), n._v(" "), i("span", {
+      staticClass: "iconfont icon-tianjia1 mr5 ml3",
+      on: {
+        click: function click(r) {
+          n.yaw++;
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "butto",
+      attrs: {
+        size: "mini",
+        type: "primary"
+      },
+      on: {
+        click: n.handle_change_yaw
+      }
+    }, [n._v("设置")])], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("相机模式")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_camera_mode
+      },
+      model: {
+        value: n.camera_mode,
+        callback: function callback(r) {
+          n.camera_mode = r;
+        },
+        expression: "camera_mode"
+      }
+    }, n._l(n.drd.camera_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)])]), n._v(" "), i("div", {
+      staticClass: "rocker-wrap"
+    }, [i("div", {
+      staticClass: "item-group"
+    }, [i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), i("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [i("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  l = [function () {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "left ml8"
+    }, [t("img", {
+      attrs: {
+        src: i
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机Z40S")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "text"
+    }, [t("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), t("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), t("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "text"
+    }, [t("div", {
+      staticClass: "text-left"
+    }, [n._v("移动")]), n._v(" "), t("div", {
+      staticClass: "text-right"
+    }, [n._v("跟踪")]), n._v(" "), t("div", {
+      staticClass: "text-right"
+    }, [n._v("AI")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "jcsb cf ziticolor"
+    }, [t("div", {
+      staticClass: "text-left"
+    }, [n._v("移动")]), n._v(" "), t("div", {
+      staticClass: "text-rights"
+    }, [n._v("聚焦")])]);
+  }];
+c._withStripped = !0;
+var A = o({
+  render: c,
+  staticRenderFns: l
+}, function (n) {
+  n && n("data-v-53c365ce_0", {
+    source: '.cpt-MMC_Gimbal_Z40[data-v-53c365ce] {\n  position: absolute;\n  right: 0;\n  top: 0;\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  width: 500px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-53c365ce] {\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_Z40 .hd .left[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-53c365ce] {\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_Z40 .hd .close[data-v-53c365ce] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-53c365ce] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 234px;\n  overflow-y: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-53c365ce] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-53c365ce] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-53c365ce] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-53c365ce] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-53c365ce] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-53c365ce] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap[data-v-53c365ce] {\n  flex: 1;\n  margin: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-53c365ce] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-53c365ce] {\n  width: 32px;\n  height: 32px;\n  background: #000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-53c365ce] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-53c365ce] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-53c365ce] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-53c365ce] {\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-53c365ce] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-53c365ce] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-53c365ce] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-53c365ce] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-53c365ce] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-53c365ce] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-53c365ce] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-53c365ce] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-53c365ce] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-53c365ce] {\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-53c365ce] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-53c365ce] {\n  color: #004fff;\n}\n[data-v-53c365ce] .el-slider__runway {\n  visibility: hidden;\n}\n.form_item[data-v-53c365ce] {\n  display: flex;\n  color: #cbd0eb;\n}\n.form_item .form_item_title[data-v-53c365ce] {\n  width: 85px;\n}\n.form_item .mono_box[data-v-53c365ce] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.form_item .active[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.form_item .mono-short[data-v-53c365ce],\n.form_item .mono-long[data-v-53c365ce],\n.form_item .slider[data-v-53c365ce],\n.form_item .text[data-v-53c365ce] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.form_item .mono-left[data-v-53c365ce] {\n  margin-left: 2px;\n}\n.form_item .mono-right[data-v-53c365ce] {\n  margin-right: 2px;\n}\n.form_item .mono-short[data-v-53c365ce] {\n  width: 111px;\n  height: 17px;\n  background: url("../assets/images/mount_short.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.form_item .mono-long[data-v-53c365ce] {\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.form_item .imgs[data-v-53c365ce] {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.form_item .imgs > img[data-v-53c365ce] {\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n}\n.form_item .imgs > img[data-v-53c365ce]:hover {\n  opacity: 0.7;\n}\n.form_item .slider_box[data-v-53c365ce] {\n  width: 140px;\n  margin: -7px 5px 0;\n}\n.form_item .symbol[data-v-53c365ce] {\n  box-sizing: border-box;\n  border-radius: 50%;\n  border: 1px solid #004fff;\n  width: 24px;\n  height: 24px;\n  line-height: 20px;\n  text-align: center;\n  cursor: pointer;\n  font-size: 20px;\n  padding-left: 1px;\n}\n.form_item .symbol[data-v-53c365ce]:hover {\n  opacity: 0.7;\n}\n.img_bottom[data-v-53c365ce] {\n  display: flex;\n  width: 320px;\n  justify-content: space-between;\n}\n.img_bottom > img[data-v-53c365ce] {\n  cursor: pointer;\n  width: 130px;\n  height: 130px;\n}\n[data-v-53c365ce] .el-select,[data-v-53c365ce] .el-input {\n  width: 84px;\n  height: 24px;\n}\n[data-v-53c365ce] .el-input__inner {\n  width: 84px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  font-size: 14px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #ffffff;\n}\n[data-v-53c365ce] .el-select .el-input .el-select__caret {\n  line-height: 26px;\n}\n[data-v-53c365ce] .el-input__suffix .el-input__suffix-inner .el-icon-circle-close:before {\n  line-height: 16px;\n  position: absolute;\n  top: 5px;\n  right: 3px;\n}\n[data-v-53c365ce] .el-button {\n  margin-left: 10px;\n  padding: 0;\n  background: #2aefed;\n  border-radius: 2px;\n  width: 43px;\n  height: 24px;\n  outline: none;\n  color: #000000;\n  border: none;\n}\n[data-v-53c365ce] .el-button:hover {\n  opacity: 0.7;\n}\n.text-right[data-v-53c365ce] {\n  width: 30px;\n}\n.activeG[data-v-53c365ce] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.ziticolor[data-v-53c365ce] {\n  color: #dce9ff;\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40S\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkqBA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAEA,sBAAA;AClqBA;ADqqBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnqBA;ADoqBA;EACA,aAAA;EACA,mBAAA;AClqBA;ADmqBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxqBA;AD4qBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1qBA;AD8qBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EACA,gBAAA;AC5qBA;AD8qBA;EACA,cAAA;AC5qBA;AD8qBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC5qBA;AD8qBA;EACA,cAAA;EACA,WAAA;AC5qBA;AD+qBA;EACA,aAAA;EACA,mBAAA;AC7qBA;AD8qBA;EACA,aAAA;EACA,sBAAA;AC5qBA;AD6qBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC3qBA;AD4qBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC1qBA;AD4qBA;EACA,gFAAA;EACA,0BAAA;AC1qBA;AD6qBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC3qBA;ADkrBA;EACA,OAAA;EACA,YAAA;AChrBA;ADkrBA;EACA,aAAA;EACA,6BAAA;AChrBA;ADmrBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACjrBA;ADmrBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACjrBA;ADurBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACrrBA;ADurBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrrBA;ADwrBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACtrBA;ADyrBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvrBA;AD0rBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACxrBA;ADgsBA;EACA,YAAA;EACA,iBAAA;AC7rBA;ADgsBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC9rBA;ADmsBA;EACA,YAAA;EACA,iBAAA;ACjsBA;ADmsBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACjsBA;ADysBA;EACA,qBAAA;EACA,mBAAA;ACvsBA;AD4sBA;EACA,cAAA;AC1sBA;AD8sBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC5sBA;AD8sBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC5sBA;ADgtBA;EACA,gBAAA;AC7sBA;ADgtBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC7sBA;AD+sBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC9sBA;ADktBA;EACA,cAAA;AC/sBA;ADmtBA;EACA,kBAAA;AChtBA;ADmtBA;EACA,aAAA;EAGA,cAAA;ACltBA;ADotBA;EACA,WAAA;ACltBA;ADqtBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACntBA;ADstBA;EACA,gFAAA;EAEA,0BAAA;ACrtBA;ADwtBA;;;;EAIA,aAAA;EACA,8BAAA;EACA,eAAA;ACttBA;ADytBA;EACA,gBAAA;ACvtBA;AD0tBA;EACA,iBAAA;ACxtBA;AD2tBA;EACA,YAAA;EACA,YAAA;EACA,6DAAA;EACA,qBAAA;EACA,kBAAA;ACztBA;AD4tBA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC1tBA;AD6tBA;EACA,gBAAA;EACA,aAAA;EACA,8BAAA;AC3tBA;AD6tBA;EACA,eAAA;EACA,WAAA;EACA,YAAA;AC3tBA;AD6tBA;EACA,YAAA;AC3tBA;ADguBA;EACA,YAAA;EACA,kBAAA;AC9tBA;ADiuBA;EACA,sBAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,iBAAA;AC/tBA;ADiuBA;EACA,YAAA;AC/tBA;ADouBA;EACA,aAAA;EACA,YAAA;EACA,8BAAA;ACjuBA;ADmuBA;EACA,eAAA;EACA,YAAA;EACA,aAAA;ACjuBA;ADsuBA;EAEA,WAAA;EACA,YAAA;ACnuBA;ADsuBA;EACA,WAAA;EACA,YAAA;EACA,kCAAA;EACA,yBAAA;EACA,eAAA;EACA,4CAAA;EACA,gBAAA;EACA,cAAA;ACpuBA;ADuuBA;EACA,iBAAA;ACruBA;AD2uBA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;ACzuBA;AD8uBA;EACA,iBAAA;EACA,UAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,YAAA;AC5uBA;AD8uBA;EACA,YAAA;AC5uBA;ADivBA;EACA,WAAA;AC9uBA;ADivBA;EACA,gFAAA;EACA,0BAAA;AC9uBA;ADivBA;EACA,cAAA;EACA,eAAA;AC9uBA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['\x3c!-- 挂载--Z40S fckernel1027 --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机Z40S</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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="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="form_item">\r\n          <span class="form_item_title">跟踪模式</span>\r\n          <div>\r\n            <div class="mono-long">\r\n              <div\r\n                class="mono-left mono_box"\r\n                :class="{ activeG: holderModelDom == 0 }"\r\n                @click="tatrack_Model(0)"\r\n              />\r\n              <div\r\n                class="mono-middle mono_box"\r\n                :class="{ activeG: holderModelDom == 2 }"\r\n                @click="tatrack_Model(2)"\r\n              />\r\n              <div\r\n                class="mono-right mono_box"\r\n                :class="{ activeG: holderModelDom == 6 }"\r\n                @click="tatrack_Model(6)"\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">AI</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form_item">\r\n          <div class="form_item_title">点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;击</div>\r\n          <div class="form_item">\r\n            <div>\r\n              <div class="mono-short">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: activeBox3 == 0 }"\r\n                  @click="hand(1, 0)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: activeBox3 == 2 }"\r\n                  @click="hand(6, 2)"\r\n                />\r\n              </div>\r\n              <div class="jcsb cf ziticolor">\r\n                <div class="text-left">移动</div>\r\n                <div class="text-rights">聚焦</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">变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦</div>\r\n          <div class="input-box">\r\n            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">聚&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦</div>\r\n          <div class="input-box">\r\n            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="jujiao(-1)"\r\n              @mouseup="stopjujiao"\r\n              @mouseout="stopjujiao"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopjujiao"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="jujiao(1)"\r\n              @mouseup="stopjujiao"\r\n              @mouseout="stopjujiao"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>\r\n\r\n            <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            > --\x3e\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 v-model.number="yaw" size="mini" placeholder="请输入航向" />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--" />\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++" />\r\n            \x3c!-- <el-button\r\n              @click="yaw--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="yaw++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n            <div class="butto" size="mini" type="primary" @click="handle_change_yaw">设置</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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40S } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3, // 控制速度\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      juj: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      holderModelDom: 0, // 跟踪模式\r\n      activeBox3: 0,\r\n      click_mode_status: 1, // 点击事件\r\n      IAMODE: 0, // 点击事件\r\n      Gtimer: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  mounted() {\r\n    // 第一调用\r\n    this.ia_mode(0);\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n    this.tatrack_Model(0);\r\n  },\r\n  methods: {\r\n    // 保存相机数据 ，在在指点时使用\r\n    handle_change_dj_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    tatrack_switch(status) {\r\n      const buff = new Array(0xa5, 0x0a, 3, 0x00, 0x00);\r\n      buff[3] = status;\r\n      buff[4] = cal_crc_table(buff);\r\n      window.tatrack_AI_status = status;\r\n      this.commit_directive(buff);\r\n    },\r\n    // 跟踪模式\r\n    tatrack_Model(status) {\r\n      if (status == 0) {\r\n        window.click_mode_status = 1;\r\n        this.tatrack_switch(status);\r\n      } else if (status == 2) {\r\n        this.tatrack_switch(status);\r\n        window.click_mode_status = 3;\r\n        setTimeout(() => {\r\n          this.tatrack_switch(5);\r\n        }, 100);\r\n      } else if (status == 6) {\r\n        this.tatrack_switch(3);\r\n        setTimeout(() => {\r\n          this.tatrack_switch(status);\r\n        }, 100);\r\n      }\r\n      this.holderModelDom = status;\r\n    },\r\n    // 点击功能\r\n    hand(e, num) {\r\n      if (num == 0) {\r\n        this.activeBox3 = 0;\r\n        this.click_mode_status = e;\r\n      } else if (num == 2) {\r\n        this.activeBox3 = 2;\r\n        this.click_mode_status = e;\r\n      }\r\n      this.ia_mode(0); // 发送指令修改相机为自动模式\r\n    },\r\n\r\n    ia_mode(ia_mode) {\r\n      var buff = new Array(0xa5, 0x16, 0x03, 0x00, 0x00);\r\n      buff[3] = ia_mode;\r\n      buff[4] = cal_crc_table(buff);\r\n      // 调用\r\n      this.commit_directive(buff);\r\n      this.IAMODE = ia_mode;\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n\r\n    // 变焦停止\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40S.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 聚焦停止\r\n    stopjujiao() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40S.ju((this.juj = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    // 云台模式\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z40S.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 变焦事件\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40S.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    // 聚焦事件\r\n    jujiao(value) {\r\n      const buffer = MMC_Gimbal_Z40S.ju(this.juj + value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40S.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40S.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 相机模式\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40S.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    // 拍照\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40S.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40S\');\r\n    },\r\n    // 录像\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40S.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z40S.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z40S.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z40 {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\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  width: 500px;\r\n  //   height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    .left {\r\n      display: flex;\r\n      align-items: center;\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    height: 234px;\r\n    overflow-y: auto;\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          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      flex: 1;\r\n      margin: auto;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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.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.form_item {\r\n  display: flex;\r\n  // margin-bottom: 15px;\r\n  // text-align: end;\r\n  color: #cbd0eb;\r\n\r\n  .form_item_title {\r\n    width: 85px;\r\n  }\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: url("../assets/images/accident/mono_box.svg") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n\r\n  .mono-short,\r\n  .mono-long,\r\n  .slider,\r\n  .text {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .mono-left {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .mono-right {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .mono-short {\r\n    width: 111px;\r\n    height: 17px;\r\n    background: url(\'../assets/images/mount_short.png\') no-repeat;\r\n    background-size: 100%;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .mono-long {\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\r\n  .imgs {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    & > img {\r\n      cursor: pointer;\r\n      width: 32px;\r\n      height: 32px;\r\n\r\n      &:hover {\r\n        opacity: 0.7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .slider_box {\r\n    width: 140px;\r\n    margin: -7px 5px 0;\r\n  }\r\n\r\n  .symbol {\r\n    box-sizing: border-box;\r\n    border-radius: 50%;\r\n    border: 1px solid #004fff;\r\n    width: 24px;\r\n    height: 24px;\r\n    line-height: 20px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    font-size: 20px;\r\n    padding-left: 1px;\r\n\r\n    &:hover {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n}\r\n\r\n.img_bottom {\r\n  display: flex;\r\n  width: 320px;\r\n  justify-content: space-between;\r\n\r\n  & > img {\r\n    cursor: pointer;\r\n    width: 130px;\r\n    height: 130px;\r\n  }\r\n}\r\n\r\n::v-deep {\r\n  .el-select,\r\n  .el-input {\r\n    width: 84px;\r\n    height: 24px;\r\n  }\r\n\r\n  .el-input__inner {\r\n    width: 84px;\r\n    height: 24px;\r\n    background: rgba(13, 34, 79, 0.65);\r\n    border: 1px solid #004fff;\r\n    font-size: 14px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .el-select .el-input .el-select__caret {\r\n    line-height: 26px;\r\n  }\r\n\r\n  // 修改input清除按钮样式\r\n  .el-input__suffix {\r\n    .el-input__suffix-inner {\r\n      .el-icon-circle-close:before {\r\n        line-height: 16px;\r\n        position: absolute;\r\n        top: 5px;\r\n        right: 3px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    margin-left: 10px;\r\n    padding: 0;\r\n    background: #2aefed;\r\n    border-radius: 2px;\r\n    width: 43px;\r\n    height: 24px;\r\n    outline: none;\r\n    color: #000000;\r\n    border: none;\r\n\r\n    &:hover {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n}\r\n\r\n.text-right {\r\n  width: 30px;\r\n}\r\n\r\n.activeG {\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.ziticolor {\r\n  color: #dce9ff;\r\n  font-size: 14px;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  right: 0;\n  top: 0;\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  width: 500px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 234px;\n  overflow-y: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n  margin: auto;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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.form_item {\n  display: flex;\n  color: #cbd0eb;\n}\n.form_item .form_item_title {\n  width: 85px;\n}\n.form_item .mono_box {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.form_item .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.form_item .mono-short,\n.form_item .mono-long,\n.form_item .slider,\n.form_item .text {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.form_item .mono-left {\n  margin-left: 2px;\n}\n.form_item .mono-right {\n  margin-right: 2px;\n}\n.form_item .mono-short {\n  width: 111px;\n  height: 17px;\n  background: url("../assets/images/mount_short.png") no-repeat;\n  background-size: 100%;\n  margin-bottom: 5px;\n}\n.form_item .mono-long {\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.form_item .imgs {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.form_item .imgs > img {\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n}\n.form_item .imgs > img:hover {\n  opacity: 0.7;\n}\n.form_item .slider_box {\n  width: 140px;\n  margin: -7px 5px 0;\n}\n.form_item .symbol {\n  box-sizing: border-box;\n  border-radius: 50%;\n  border: 1px solid #004fff;\n  width: 24px;\n  height: 24px;\n  line-height: 20px;\n  text-align: center;\n  cursor: pointer;\n  font-size: 20px;\n  padding-left: 1px;\n}\n.form_item .symbol:hover {\n  opacity: 0.7;\n}\n\n.img_bottom {\n  display: flex;\n  width: 320px;\n  justify-content: space-between;\n}\n.img_bottom > img {\n  cursor: pointer;\n  width: 130px;\n  height: 130px;\n}\n\n::v-deep .el-select,\n::v-deep .el-input {\n  width: 84px;\n  height: 24px;\n}\n::v-deep .el-input__inner {\n  width: 84px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #004fff;\n  font-size: 14px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #ffffff;\n}\n::v-deep .el-select .el-input .el-select__caret {\n  line-height: 26px;\n}\n::v-deep .el-input__suffix .el-input__suffix-inner .el-icon-circle-close:before {\n  line-height: 16px;\n  position: absolute;\n  top: 5px;\n  right: 3px;\n}\n::v-deep .el-button {\n  margin-left: 10px;\n  padding: 0;\n  background: #2aefed;\n  border-radius: 2px;\n  width: 43px;\n  height: 24px;\n  outline: none;\n  color: #000000;\n  border: none;\n}\n::v-deep .el-button:hover {\n  opacity: 0.7;\n}\n\n.text-right {\n  width: 30px;\n}\n\n.activeG {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n\n.ziticolor {\n  color: #dce9ff;\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, s, "data-v-53c365ce", false, undefined, !1, a);
+export { A as default };

dist/index-CjmjzGkc.js

-import{_ as r}from"./index-C19CNC6d.js";var t=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 a=17,A=31,n=13,e=18,o=12,i=5,u=5,_=6,E=6,f=8,S=17,C=8,c=5,s=5,v=45,U=4,l=4,H={A1C1E1:(g={A1C1E1:a+(T=3),A1C1E1S1:A+T,A2C2E2:n+T,A2C2E2S2:e+T,A1:o+T,A2:i+T,C1:u+T,C2:_+T,E1:E+T,E2:f+T,S1:S+T,S2:C+T,U:c+T,V:s+T,M_AHRS:v+T,HEART_BEAT:U+T,SHAKE_HAND:l+T}).A1C1E1+2,A1C1E1S1:g.A1C1E1S1+2,A2C2E2:g.A2C2E2+2,A2C2E2S2:g.A2C2E2S2+2,A1:g.A1+2,A2:g.A2+2,C1:g.C1+2,C2:g.C2+2,E1:g.E1+2,E2:g.E2+2,S1:g.S1+2,S2:g.S2+2,U:g.U+2,V:g.V+2,M_AHRS:g.M_AHRS+2,HEART_BEAT:g.HEART_BEAT+2,SHAKE_HAND:g.SHAKE_HAND+2};var T,g,y={A1C1E1:H.A1C1E1+2,A1C1E1S1:H.A1C1E1S1+2,A2C2E2:H.A2C2E2+2,A2C2E2S2:H.A2C2E2S2+2,A1:H.A1+2,A2:H.A2+2,C1:H.C1+2,C2:H.C2+2,E1:H.E1+2,E2:H.E2+2,S1:H.S1+2,S2:H.S2+2,U:H.U+2,V:H.V+2,M_AHRS:H.M_AHRS+2,HEART_BEAT:H.HEART_BEAT+2,SHAKE_HAND:H.SHAKE_HAND+2},d={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},w=44,R=64,m=y.C2-1,B={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},V=(g={A1C1E1:a+(T=3),A1C1E1S1:A+T,A2C2E2:n+T,A2C2E2S2:e+T,A1:o+T,A2:i+T,C1:u+T,C2:_+T,E1:E+T,E2:f+T,S1:S+T,S2:C+T,U:c+T,V:s+T,M_AHRS:v+T,HEART_BEAT:U+T,SHAKE_HAND:l+T},g.A1C1E1S1,g.A2C2E2,g.A2C2E2S2,g.A1,g.A2,g.C1,g.C2-1),N=(g.E1,g.E2,g.S1,g.S2,g.U,g.V,g.M_AHRS,g.HEART_BEAT,g.SHAKE_HAND,{ctrl:83,param:0});function p(r){var t=new Uint8Array(r),a=new Uint8Array(22),A=new Uint8Array(1),n=new Uint8Array(6),e=new Uint8Array(12),o=0;for(o=0;o<22;o++)a[o]=t[o+5];for(o=0;o<1;o++)A[o]=t[o+27];for(o=0;o<6;o++)n[o]=t[o+28];for(o=0;o<12;o++)e[o]=t[o+34];return function(r){B.UAV_latitude=(r[2]<<24|r[3]<<16|r[4]<<8|r[5])/1e7,B.UAV_longitude=(r[6]<<24|r[7]<<16|r[8]<<8|r[9])/1e7,B.UAV_altitude=r[10]<<8|r[11],B.Target_latitude=(r[12]<<24|r[13]<<16|r[14]<<8|r[15])/1e7,B.Target_longitude=(r[16]<<24|r[17]<<16|r[18]<<8|r[19])/1e7,B.Target_altitude=r[20]<<8|r[21];var t=new Int16Array(1);return t[0]=r[20]<<8|r[21],B.Target_altitude=t[0],{longitude:B.Target_longitude,latitude:B.Target_latitude,altitude:B.Target_altitude}}(a)}function k(r){var t=new Uint8Array(r),a=new Uint8Array(22),A=new Uint8Array(1),n=new Uint8Array(6),e=new Uint8Array(12),o=0;for(o=0;o<22;o++)a[o]=t[o+5];for(o=0;o<1;o++)A[o]=t[o+27];for(o=0;o<6;o++)n[o]=t[o+28];for(o=0;o<12;o++)e[o]=t[o+34];return function(r){return d.SENSOR=7&r[0],d.IR_DZOOM=(120&r[0])>>3,d.IR_WHITE_BLACK=r[0]>>7,d.recstatus=3&r[3],d.ir_gray_color=(60&r[3])>>2,d.eo_dzoom=(192&r[3])>>6|(3&r[2])<<2,d.lrf_value=r[4]<<8|r[5],d.v_fov=.01*(r[6]<<8|r[7]),d.h_fov=.01*(r[8]<<8|r[9]),d.eo_zoom=.1*(r[10]<<8|r[11]),d.lrf_value/10}(e)}function D(r){for(var t=r[3],a=4,A=(63&r[3])-2;A--;)t^=r[a],a++;return t}function M(r){var t=function(r){var t=new Array;return t[0]=r.ctrl,t[1]=r.param>>8,t[2]=255&r.param,t}(r),a=[85,170,220,0,0];return a[3]=_,a[4]=w,t.forEach((function(r){a.push(r)})),a[V]=D(a),a}var b=2,I=0,K=1,h=2,O=3,z=r(r(r(r(r(r({tracksource:0},"tracksource",1),"tracksource",b),"trackstatus",I),"trackstatus",K),"trackstatus",h),"trackstatus",O);function x(r){var t=new Uint8Array(r),a=new Uint8Array(22),A=new Uint8Array(1),n=new Uint8Array(6),e=new Uint8Array(12),o=0;for(o=0;o<22;o++)a[o]=t[o+5];for(o=0;o<1;o++)A[o]=t[o+27];for(o=0;o<6;o++)n[o]=t[o+28];for(o=0;o<12;o++)e[o]=t[o+34];return function(r){return z.tracksource=7&r,z.trackstatus=(24&r)>>3,3==(t=z.trackstatus)?"丢失":2==t?"跟踪中":1==t?"搜索":"停止";var t}(A)}var L={zoomTo:function(r){var a=Number(r),A=[165,79,0];return A[2]=H.C2,N.param=10*a,M(N).forEach((function(r){A.push(r)})),A[m]=function(r){for(var a=0,A=1,n=r[2];n--;)a=t[a^r[A]],A++;return a}(A),function(r,t){var a=0,A=0,n=0,e=[];for(n=t%48==0?parseInt(t/48,10):parseInt(t/48,10)+1,a=0;a<n;a++){if(n-a==1){for(A=0;A<t-48*a;A++)e[A]=r[48*a+A],Number(r[48*a+A]).toString(16);return e}for(A=0;A<48;A++)e[A]=r[48*a+A],Number(r[48*a+A]).toString(16);return e}}(A,y.C2)},gcs_transmit_ctrl:function(r){var t=0,a=0;if(85==r[3]&&170==r[4]&&220==r[5]&&r[2]==5+(63&r[6])){a=3+(63&r[6]);var A=new Uint8Array(a);for(t=0;t<a;t++)A[t]=r[t+3];if(D(A)==A[a-1]&&r[7]===R)return p(A)}},gcs_status:function(r){var t=0,a=0;if(85==r[3]&&170==r[4]&&220==r[5]&&r[2]==5+(63&r[6])){a=3+(63&r[6]);var A=new Uint8Array(a);for(t=0;t<a;t++)A[t]=r[t+3];if(D(A)==A[a-1]&&r[7]===R)return x(A)}},get_msg_D1_parse:function(r){var t=0,a=0;if(85==r[3]&&170==r[4]&&220==r[5]&&r[2]==5+(63&r[6])){a=3+(63&r[6]);var A=new Uint8Array(a);for(t=0;t<a;t++)A[t]=r[t+3];if(D(A)==A[a-1]&&r[7]===R)return k(A)}}};export{L as M};

dist/index-D16r-vKM.js

-import{M as n}from"./index-CjmjzGkc.js";import{_ as r,a as e}from"./record-C77ba-0z.js";import{_ as t}from"./stop-CQsgqeQu.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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 s=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),l=11;function d(n){for(var r=0,e=1,t=n[2];t--;)r=s[r^n[e]],e++;return r}var c,m,_={server_status:15,param1:0,param2:0,param3:0,param4:0},v=17,p=31,u=13,h=18,A=12,f=5,b=5,g=6,x=6,C=8,k=17,E=8,y=5,w=5,M=45,z=4,j=4,D={A1C1E1:(m={A1C1E1:v+(c=3),A1C1E1S1:p+c,A2C2E2:u+c,A2C2E2S2:h+c,A1:A+c,A2:f+c,C1:b+c,C2:g+c,E1:x+c,E2:C+c,S1:k+c,S2:E+c,U:y+c,V:w+c,M_AHRS:M+c,HEART_BEAT:z+c,SHAKE_HAND:j+c}).A1C1E1+2,A1C1E1S1:m.A1C1E1S1+2,A2C2E2:m.A2C2E2+2,A2C2E2S2:m.A2C2E2S2+2,A1:m.A1+2,A2:m.A2+2,C1:m.C1+2,C2:m.C2+2,E1:m.E1+2,E2:m.E2+2,S1:m.S1+2,S2:m.S2+2,U:m.U+2,V:m.V+2,M_AHRS:m.M_AHRS+2,HEART_BEAT:m.HEART_BEAT+2,SHAKE_HAND:m.SHAKE_HAND+2},S={A1C1E1:D.A1C1E1+2,A1C1E1S1:D.A1C1E1S1+2,A2C2E2:D.A2C2E2+2,A2C2E2S2:D.A2C2E2S2+2,A1:D.A1+2,A2:D.A2+2,C1:D.C1+2,C2:D.C2+2,E1:D.E1+2,E2:D.E2+2,S1:D.S1+2,S2:D.S2+2,U:D.U+2,V:D.V+2,M_AHRS:D.M_AHRS+2,HEART_BEAT:D.HEART_BEAT+2,SHAKE_HAND:D.SHAKE_HAND+2},R=26,Z=S.A1-1,B=(m={A1C1E1:v+(c=3),A1C1E1S1:p+c,A2C2E2:u+c,A2C2E2S2:h+c,A1:A+c,A2:f+c,C1:b+c,C2:g+c,E1:x+c,E2:C+c,S1:k+c,S2:E+c,U:y+c,V:w+c,M_AHRS:M+c,HEART_BEAT:z+c,SHAKE_HAND:j+c},m.A1C1E1S1,m.A2C2E2,m.A2C2E2S2,m.A1-1);m.A2,m.C1,m.C2,m.E1,m.E2,m.S1,m.S2,m.U,m.V,m.M_AHRS,m.HEART_BEAT,m.SHAKE_HAND;function G(n){var r,e,t=(r=n,(e=new Array)[0]=r.server_status,e[1]=r.param1>>8,e[2]=255&r.param1,e[3]=r.param2>>8,e[4]=255&r.param2,e[5]=r.param3>>8,e[6]=255&r.param3,e[7]=r.param4>>8,e[8]=255&r.param4,e),i=[85,170,220,0,0];return i[3]=A,i[4]=R,t.forEach((function(n){i.push(n)})),i[B]=function(n){for(var r=n[3],e=4,t=(63&n[3])-2;t--;)r^=n[e],e++;return r}(i),i}function T(n,r){var e=0,t=0,i=0,o=[];for(i=r%48==0?parseInt(r/48,10):parseInt(r/48,10)+1,e=0;e<i;e++){if(i-e==1){for(t=0;t<r-48*e;t++)o[t]=n[48*e+t],Number(n[48*e+t]).toString(16);return o}for(t=0;t<48;t++)o[t]=n[48*e+t],Number(n[48*e+t]).toString(16);return o}}var V=function(n){var r={server_status:11,param1:0,param2:0,param3:0,param4:0},e=new Array(165,79,0);e[2]=17,r.server_status=11;var t=0;return n>=0?(t=n,r.param2=65536*t/360):(t=n,r.param2=65536*t/360+65536),G(r).forEach((function(n){e.push(n)})),e[18]=d(e),T(e,19)},H=function(n){var r=Number(n),e=new Array(165,79,0);e[2]=D.A1,_.server_status=l;var t=0;r>=0?(t=r,_.param1=65536*t/360):(t=r,_.param1=65536*t/360+65536);var i=G(_);return i.forEach((function(n){e.push(n)})),console.log(i,"buff_arr"),e[Z]=d(e),T(e,S.A1)};let F=null;const U={props:{containerStyle:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""},keyFlag:{type:Boolean,default:()=>!1},payload_data:{type:Array,default:()=>[]}},data:()=>({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(){return this.$store.state.fckernel.stream}},watch:{payload_data:{handler(n){this.resolve_payload(n)},deep:!0}},beforeDestroy(){F&&(window.viewer.entities.remove(F),F=null),this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:0})},methods:{resolve_payload(r){const e=new Uint8Array(r),t=n.gcs_transmit_ctrl(e);t&&(this.opacity=t);const i=n.gcs_status(e);i&&(this.gcs_status=i),t&&this.init(t);const o=n.get_msg_D1_parse(e);null!=o&&(this.jgcj=o)},init(n){try{if(n&&n.longitude){const r=Cesium.Cartesian3.fromDegrees(1*n.longitude,1*n.latitude,1*n.altitude);this.position=r,!F&&this.position&&(F=window.viewer.entities.add({position:new Cesium.CallbackProperty((()=>this.position),!1),billboard:{image:"c2e5e6d9e833741b.svg",width:32,height:32}}))}}catch(n){console.log(n)}},handle_change_click_mode(n){this.holderModelDomV1=n;const r={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(r)},handle_change_click_color(n){this.holdercolorDomV1=n;const r={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(r)},change_frame_model(n){this.frameModel=n;const r={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(r)},handle_change_ptz_mode(n){this.holderModelDomV2=n;const r={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(r)},change_control_mode(){const{control_mode:n}=this,r={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(r)},handle_change_dj_mode(n){let r=null;if(0==n){const n={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(n),this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:0})}else r=[165,79,14,85,170,220,9,255,129,1,4,52,3,255,186,205],this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:n,mountId:this.selected_mount.mountId,moveType:this.moveType,name:this.selected_mount.name});this.commit_directive(r)},handle_change_zd_mode(n){this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:n,mountId:this.selected_mount.mountId,moveType:this.moveType,name:this.selected_mount.name})},handle_change_pitch(){if(this.pitch>200&&(this.pitch=200),this.pitch){const n=V(this.pitch);this.commit_directive(n)}},handle_change_yaw(){const n=H(this.yaw);this.commit_directive(n)},handle_change_Zoom(){const r=n.zoomTo(this.zoom);this.commit_directive(r)},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(){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(){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(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(){const{aqerturn_mode:n}=this;if(0!=n){const n=[165,79,16,85,170,220,11,255,129,1,4,36,95,0,2,255,246,82];this.commit_directive(n)}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(){const{colour_mode:n}=this;if(0!=n){const n=[165,79,16,85,170,220,11,255,129,1,4,36,95,0,6,255,242,191];this.commit_directive(n)}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(n){let r=null;r=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(r)},handle_change_electron_mode(n){this.holder_electron_value=n;let r=null;r=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(r)},handle_change_night_mode(n){this.holder_night_value=n;let r=null;r=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(r)},handle_change_jz_mode(n){let r=null;r=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(r)},handle_change_lk_mode(n){let r=null;r=0==n?[166,1,3,0,107]:[166,1,3,1,90],this.commit_directive(r)},handle_change_kdt_mode(n){let r=null;r=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(r)},handle_change_dz_mode(n){let r=null;r=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(r)},handle_change_tw_mode(n){let r=null;r=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(r)},handle_change_bph_mode(n){this.holder_bph_value=n;let r=null;r=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(r)},handle_change_ai_mode(n){let r=null;r=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(r)},close(){this.record?this.$message.info("请结束录像后再关闭！"):this.$emit("close")},handle_take_photo(){if(!this.keyFlag)return this.$message.error("拍照失败，NX通信异常！");const 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(){if(!this.keyFlag)return this.$message.error("录像失败，NX通信异常！");this.record=!this.record;const 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(n){if(console.log(n,"e"),n<25){const n=[165,4,3,0,4];this.commit_directive(n)}if(n>25){const n=[165,4,3,2,102];this.commit_directive(n)}25==n&&this.handle_zoom(1),this.value2=n},commit_directive(n){console.log(n,"buffer"),this.$emit("directive",n)},fangxiang(n){let r=null;switch(n){case"up":r=[165,79,17,85,170,220,12,26,13,0,0,5,220,0,0,4,176,118,108],this.commit_directive(r);break;case"left":r=[165,79,17,85,170,220,12,26,13,0,0,7,8,0,0,5,220,205,15],this.commit_directive(r);break;case"right":r=[165,79,17,85,170,220,12,26,13,0,0,4,176,0,0,5,220,118,216],this.commit_directive(r);break;case"down":r=[165,79,17,85,170,220,12,26,13,0,0,5,220,0,0,7,8,205,85],this.commit_directive(r)}},stopfxFn(){this.commit_directive([165,79,17,85,170,220,12,26,13,0,0,5,220,0,0,5,220,27,60])}}};var $=function(){var n=this,i=n.$createElement,o=n._self._c||i;return o("div",{staticClass:"cpt-MMC_Gimbal_Z60R",style:n.containerStyle},[o("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),o("div",{staticClass:"close",on:{click:n.close}},[n._v("关闭")])]),n._v(" "),o("div",{staticClass:"bd"},[o("div",{staticClass:"form-wrap"},[o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("控制选项")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_control_mode},model:{value:n.control_mode,callback:function(r){n.control_mode=r},expression:"control_mode"}},[o("el-option",{attrs:{label:"一键向下",value:0}}),n._v(" "),o("el-option",{attrs:{label:"航向回中",value:1}}),n._v(" "),o("el-option",{attrs:{label:"俯仰水平",value:2}}),n._v(" "),o("el-option",{attrs:{label:"回中",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("点 击")]),n._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==n.holderModelDomV1},on:{click:function(r){return n.handle_change_click_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV1},on:{click:function(r){return n.handle_change_click_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV1},on:{click:function(r){return n.handle_change_click_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("云台模式")]),n._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==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(2)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("跟踪控制:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(r){n.dj_mode=r},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"item-group jcsb ml100 w100"},[o("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[o("div",{staticClass:"icon-box cp"},[o("img",{attrs:{src:r,alt:""}})])])],1),n._v(" "),o("div",{staticClass:"item-box",on:{click:n.handle_record}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[o("div",{staticClass:"icon-box cp"},[n.record?o("img",{attrs:{src:t,alt:""}}):o("img",{attrs:{src:e,alt:""}})])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("AI识别:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_ai_mode},model:{value:n.ai_mode,callback:function(r){n.ai_mode=r},expression:"ai_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("\n          变       倍\n        ")]),n._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:n.zoom,callback:function(r){n.zoom=n._n(r)},expression:"zoom"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_Zoom}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("\n          俯       仰\n        ")]),n._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:n.pitch,callback:function(r){n.pitch=n._n(r)},expression:"pitch"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_pitch}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("\n          航       向\n        ")]),n._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:n.yaw,callback:function(r){n.yaw=n._n(r)},expression:"yaw"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_yaw}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("\n          变       焦\n        ")]),n._v(" "),o("div",{staticClass:"input-box"},[o("div",{staticClass:"mr10 cur",on:{mousedown:function(r){return n.handle_zoom_reduce()},mouseup:n.stopChange,mouseout:n.stopChange}},[o("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),o("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),o("div",{staticClass:"ml10 cur",on:{mousedown:function(r){return n.handle_zoom_plus()},mouseup:n.stopChange,mouseout:n.stopChange}},[o("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("画中画：")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_frame_model},model:{value:n.frameModel,callback:function(r){n.frameModel=r},expression:"frameModel"}},[o("el-option",{attrs:{label:"高清",value:0}}),n._v(" "),o("el-option",{attrs:{label:"主高清",value:1}}),n._v(" "),o("el-option",{attrs:{label:"主红外",value:2}}),n._v(" "),o("el-option",{attrs:{label:"红外",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("光圈调节")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_aqerturn_mode},model:{value:n.aqerturn_mode,callback:function(r){n.aqerturn_mode=r},expression:"aqerturn_mode"}},[o("el-option",{attrs:{label:"关",value:0}}),n._v(" "),o("el-option",{attrs:{label:"1",value:1}}),n._v(" "),o("el-option",{attrs:{label:"2",value:2}}),n._v(" "),o("el-option",{attrs:{label:"3",value:3}}),n._v(" "),o("el-option",{attrs:{label:"4",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("色彩增益")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_colour_mode},model:{value:n.colour_mode,callback:function(r){n.colour_mode=r},expression:"colour_mode"}},[o("el-option",{attrs:{label:"关",value:0}}),n._v(" "),o("el-option",{attrs:{label:"1",value:1}}),n._v(" "),o("el-option",{attrs:{label:"2",value:2}}),n._v(" "),o("el-option",{attrs:{label:"3",value:3}}),n._v(" "),o("el-option",{attrs:{label:"4",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box w87"},[n._v("可见度增强:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_visibility_mode},model:{value:n.visibility,callback:function(r){n.visibility=r},expression:"visibility"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子增稳")]),n._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==n.holder_electron_value},on:{click:function(r){return n.handle_change_electron_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_electron_value},on:{click:function(r){return n.handle_change_electron_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_electron_value},on:{click:function(r){return n.handle_change_electron_mode(2)}}})]),n._v(" "),n._m(3)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("夜间模式")]),n._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==n.holder_night_value},on:{click:function(r){return n.handle_change_night_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_night_value},on:{click:function(r){return n.handle_change_night_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_night_value},on:{click:function(r){return n.handle_change_night_mode(2)}}})]),n._v(" "),n._m(4)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("降 噪:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_jz_mode},model:{value:n.jz_mode,callback:function(r){n.jz_mode=r},expression:"jz_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("联控模式:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_lk_mode},model:{value:n.lk_mode,callback:function(r){n.lk_mode=r},expression:"lk_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("宽 动 态:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_kdt_mode},model:{value:n.Kdt_mode,callback:function(r){n.Kdt_mode=r},expression:"Kdt_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子变倍:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_dz_mode},model:{value:n.dz_mode,callback:function(r){n.dz_mode=r},expression:"dz_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("透雾:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_tw_mode},model:{value:n.tw_mode,callback:function(r){n.tw_mode=r},expression:"tw_mode"}},n._l(n.drd.dj_mode,(function(r){return o("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v("\n              "+n._s(r.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("白 平 衡")]),n._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==n.holder_bph_value},on:{click:function(r){return n.handle_change_bph_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_bph_value},on:{click:function(r){return n.handle_change_bph_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_bph_value},on:{click:function(r){return n.handle_change_bph_mode(2)}}})]),n._v(" "),n._m(5)])])])]),n._v(" "),o("div",{staticClass:"rocker-wrap"},[o("div",{ref:"rocker",staticClass:"rocker"},[o("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("跟踪状态：")]),n._v("\n        "+n._s(n.gcs_status||"未跟踪")+"\n      ")]),n._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:n.opacity.longitude,expression:"opacity.longitude"}]},[o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("目标经度：")]),n._v("\n          "+n._s(n.opacity.longitude||"暂无")+"\n        ")]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("目标维度：")]),n._v("\n          "+n._s(n.opacity.latitude||"暂无")+"\n        ")]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("激光测距：")]),n._v("\n          "+n._s(n.jgcj)+"m\n        ")])])])])])},q=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:i}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机Z60R")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("移动")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("聚焦")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("曝光")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("关闭")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("超级")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("超级+")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("自动")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("黑白")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("彩色")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("自动")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("室内")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("室外")])])}];$._withStripped=!0;const I=o({render:$,staticRenderFns:q},(function(n){n&&n("data-v-026aaefa_0",{source:'.cpt-MMC_Gimbal_Z60R[data-v-026aaefa] {\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_Z60R .hd[data-v-026aaefa] {\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_Z60R .hd .left[data-v-026aaefa] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z60R .hd .left .title[data-v-026aaefa] {\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_Z60R .hd .close[data-v-026aaefa] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z60R .bd[data-v-026aaefa] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow: auto;\n  height: 230px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap[data-v-026aaefa] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item[data-v-026aaefa] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .label-box[data-v-026aaefa] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box[data-v-026aaefa] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box .mono[data-v-026aaefa] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-026aaefa] {\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_Z60R .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-026aaefa] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-026aaefa] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box .mono .text[data-v-026aaefa] {\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_Z60R .bd .rocker-wrap[data-v-026aaefa] {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .rocker-wrap .title-box .title[data-v-026aaefa] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_Z60R .bd .rocker-wrap .rocker[data-v-026aaefa] {\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_Z60R .bd .rocker-wrap .rocker .shangUp[data-v-026aaefa] {\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_Z60R .bd .rocker-wrap .rocker .xaiUp[data-v-026aaefa] {\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_Z60R .bd .rocker-wrap .rocker .zuoUp[data-v-026aaefa] {\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_Z60R .bd .rocker-wrap .rocker .youUp[data-v-026aaefa] {\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-026aaefa].el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-026aaefa] {\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-026aaefa] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-026aaefa] {\n  color: #004fff;\n}\n[data-v-026aaefa] .el-slider__runway {\n  visibility: hidden;\n}\n[data-v-026aaefa] .el-input {\n  width: 120px;\n}\n.cur[data-v-026aaefa] {\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_Z60R\\index.vue","index.vue"],names:[],mappings:"AAqrCA;EACA,YAAA;EACA,aAAA;EACA,gCAAA;EACA,wFAAA;EAEA,mBAAA;EACA,0BAAA;EACA,sBAAA;EAEA,kBAAA;EACA,UAAA;ACtrCA;ADwrCA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACtrCA;ADwrCA;EACA,aAAA;EACA,mBAAA;ACtrCA;ADwrCA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC7rCA;ADisCA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC/rCA;ADmsCA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,cAAA;EACA,aAAA;ACjsCA;ADmsCA;EACA,cAAA;ACjsCA;ADmsCA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACjsCA;ADmsCA;EACA,cAAA;EACA,WAAA;ACjsCA;ADosCA;EACA,aAAA;EACA,mBAAA;AClsCA;ADosCA;EACA,aAAA;EACA,sBAAA;AClsCA;ADosCA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AClsCA;ADosCA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AClsCA;ADqsCA;EACA,gFAAA;EAEA,0BAAA;ACpsCA;ADwsCA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACtsCA;AD6sCA;EACA,kBAAA;EACA,WAAA;AC3sCA;AD+sCA;EACA,cAAA;AC7sCA;ADitCA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AChtCA;ADktCA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AChtCA;ADmtCA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjtCA;ADotCA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACltCA;ADqtCA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACntCA;ADytCA;EACA,gBAAA;ACttCA;ADytCA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACttCA;ADwtCA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACvtCA;AD4tCA;EACA,cAAA;ACztCA;AD6tCA;EACA,kBAAA;AC1tCA;AD4tCA;EACA,YAAA;ACztCA;AD2tCA;EACA,eAAA;ACxtCA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['\x3c!-- 高清变焦相机Z60R --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_Z60R" :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">高清变焦相机Z60R</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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n              class="item"\r\n              effect="dark"\r\n              content="拍照"\r\n              placement="top"\r\n            >\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\r\n              class="item"\r\n              effect="dark"\r\n              content="录像"\r\n              placement="top"\r\n            >\r\n              <div class="icon-box cp">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img\r\n                  v-if="!record"\r\n                  src="../assets/images/mount/record.png"\r\n                  alt\r\n                />\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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">\r\n            变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;倍\r\n          </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">\r\n            俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰\r\n          </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">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </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">\r\n            变&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;焦\r\n          </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            <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\r\n              v-model="visibility"\r\n              @change="handle_change_visibility_mode"\r\n            >\r\n              <el-radio\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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\r\n                v-for="item in drd.dj_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n              >\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_Z60R } 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_Z60R.gcs_transmit_ctrl(dataArray);\r\n      if (opacity) {\r\n        this.opacity = opacity;\r\n      }\r\n      const status = MMC_Gimbal_Z60R.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_Z60R.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: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 10, 0, 0, 0, 0, 0, 0, 0, 0, 28,\r\n          197,\r\n        ],\r\n        1: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 3, 0, 0, 0, 0, 0, 0, 0, 0, 21, 53,\r\n        ],\r\n        2: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101,\r\n        ],\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: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 18, 0, 0, 0, 0, 0, 0, 0, 0, 4, 105,\r\n        ],\r\n        1: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 180,\r\n        ],\r\n        2: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 23, 0, 0, 0, 0, 0, 0, 0, 0, 1, 207,\r\n        ],\r\n        3: [\r\n          165, 79, 17, 85, 170, 220, 12, 26, 4, 0, 0, 0, 0, 0, 0, 0, 0, 18, 101,\r\n        ],\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: [\r\n            165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 5, 8, 2, 255, 134, 186,\r\n          ],\r\n          2: [\r\n            165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 89, 2, 255, 214, 84,\r\n          ],\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205,\r\n        ];\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_Z60R.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 = [\r\n          165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246,\r\n          82,\r\n        ];\r\n        this.commit_directive(buffer);\r\n      }\r\n      const aqerturn_mode_list = {\r\n        0: [\r\n          165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 0, 255, 244,\r\n          188,\r\n        ],\r\n        1: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 2, 0,\r\n          255, 214, 106,\r\n        ],\r\n        2: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 4, 0,\r\n          255, 208, 197,\r\n        ],\r\n        3: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 6, 0,\r\n          255, 210, 160,\r\n        ],\r\n        4: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 66, 0, 0, 8, 0,\r\n          255, 220, 170,\r\n        ],\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 = [\r\n          165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 6, 255, 242,\r\n          191,\r\n        ];\r\n        this.commit_directive(buffer);\r\n      }\r\n      const colour_mode_list = {\r\n        0: [\r\n          165, 79, 16, 85, 170, 220, 11, 255, 129, 1, 4, 36, 95, 0, 2, 255, 246,\r\n          82,\r\n        ],\r\n        1: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 2, 0,\r\n          255, 221, 85,\r\n        ],\r\n        2: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 4, 0,\r\n          255, 219, 250,\r\n        ],\r\n        3: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 6, 0,\r\n          255, 217, 159,\r\n        ],\r\n        4: [\r\n          165, 79, 18, 85, 170, 220, 13, 255, 129, 1, 4, 31, 73, 0, 0, 8, 0,\r\n          255, 215, 149,\r\n        ],\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 6, 255, 182, 88,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 3, 255, 186, 205,\r\n        ];\r\n      } else if (num == 1) {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 2, 255, 187, 186,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 52, 2, 255, 187, 186,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 81, 3, 255, 223, 134,\r\n        ];\r\n      } else if (num == 1) {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 2, 255, 142, 87,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 1, 3, 255, 143, 32,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 0, 255, 222, 122,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 83, 5, 255, 219, 224,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 3, 255, 179, 194,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 61, 2, 255, 178, 181,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 3, 255, 136, 37,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 6, 2, 255, 137, 82,\r\n        ];\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 = [\r\n          165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 3, 0, 255, 186,\r\n          187,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 15, 85, 170, 220, 10, 255, 129, 1, 4, 55, 2, 3, 255, 184,\r\n          136,\r\n        ];\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 = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 0, 255, 184, 254,\r\n        ];\r\n      } else if (num == 1) {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 1, 255, 185, 137,\r\n        ];\r\n      } else {\r\n        buffer = [\r\n          165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 53, 2, 255, 186, 16,\r\n        ];\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 = [\r\n            165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 4, 176,\r\n            118, 108,\r\n          ];\r\n          this.commit_directive(buffer);\r\n\r\n          break;\r\n        case "left":\r\n          buffer = [\r\n            165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 7, 8, 0, 0, 5, 220,\r\n            205, 15,\r\n          ];\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case "right":\r\n          buffer = [\r\n            165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 4, 176, 0, 0, 5, 220,\r\n            118, 216,\r\n          ];\r\n          this.commit_directive(buffer);\r\n\r\n          break;\r\n        case "down":\r\n          buffer = [\r\n            165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 7, 8,\r\n            205, 85,\r\n          ];\r\n          this.commit_directive(buffer);\r\n      }\r\n    },\r\n    stopfxFn() {\r\n      const buffer = [\r\n        165, 79, 17, 85, 170, 220, 12, 26, 13, 0, 0, 5, 220, 0, 0, 5, 220, 27,\r\n        60,\r\n      ];\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_Z60R {\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),\r\n    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")\r\n                  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::v-deep .el-input {\r\n  width: 120px;\r\n}\r\n.cur {\r\n  cursor: pointer;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_Z60R {\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_Z60R .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_Z60R .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z60R .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_Z60R .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_Z60R .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow: auto;\n  height: 230px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z60R .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z60R .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_Z60R .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_Z60R .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_Z60R .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_Z60R .bd .rocker-wrap {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z60R .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_Z60R .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_Z60R .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_Z60R .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_Z60R .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_Z60R .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::v-deep .el-input {\n  width: 120px;\n}\n\n.cur {\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),U,"data-v-026aaefa",false,undefined,!1,a,void 0,void 0);export{I as default};

dist/index-DAtFTEBe.js

+import { m as n } from "./utils-4kGecFw2.js";
+import { _ as r } from "./mount_head-c1OIlkSj.js";
+import { n as e, c as i } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 t = {
+  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 "";
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDomV2: 1,
+      timer: null,
+      value: 25,
+      value2: 25,
+      control_speed: 1,
+      ptz_mode: 1,
+      image_mode: 0,
+      thermal_mode: 0,
+      thermal_zoom: 1,
+      radio: 1,
+      dj_mode: 0,
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }]
+      }
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_change_dj_mode: function handle_change_dj_mode(n) {},
+    onChangezoom: function onChangezoom(n) {
+      if (console.log(n, "e"), n < 25) {
+        var _n = [165, 4, 3, 0, 4];
+        this.commit_directive(_n);
+      }
+      if (n > 25) {
+        var _n2 = [165, 4, 3, 2, 102];
+        this.commit_directive(_n2);
+      }
+      25 == n && this.handle_zoom(1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      this.commit_directive([165, 4, 3, 1, 53]);
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDomV2 = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_change_image_mode: function handle_change_image_mode(r) {
+      var e = n.gimbal_image_mode(r);
+      this.commit_directive(e);
+    },
+    handle_change_thermal_mode: function handle_change_thermal_mode(r) {
+      var e = n.gimbal_thermal_mode(r);
+      this.commit_directive(e);
+    },
+    handle_change_thermal_zoom: function handle_change_thermal_zoom(r) {
+      var e = n.gimbal_thermal_zoom(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(n) {
+      this.commit_directive([165, 4, 3, 1, 53]);
+    },
+    handle_zoom_reduce: function handle_zoom_reduce() {
+      this.commit_directive([165, 4, 3, 0, 4]);
+    },
+    handle_zoom_plus: function handle_zoom_plus() {
+      this.commit_directive([165, 4, 3, 2, 102]);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(n) {
+      var _this2 = this;
+      var r = null;
+      switch (n) {
+        case "up":
+          r = [165, 7, 3, 0, 206], this.commit_directive(r), setTimeout(function () {
+            r = [165, 6, 3, 3, 219], _this2.commit_directive(r);
+          }, 50);
+          break;
+        case "left":
+          r = [165, 6, 3, 0, 136], this.commit_directive(r), setTimeout(function () {
+            r = [165, 7, 3, 253, 0], _this2.commit_directive(r);
+          }, 50);
+          break;
+        case "right":
+          r = [165, 6, 3, 0, 136], this.commit_directive(r), setTimeout(function () {
+            r = [165, 7, 3, 3, 157], _this2.commit_directive(r);
+          }, 50);
+          break;
+        case "down":
+          r = [165, 7, 3, 0, 206], this.commit_directive(r), setTimeout(function () {
+            r = [165, 6, 3, 253, 70], _this2.commit_directive(r);
+          }, 50);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0), r = [165, 6, 3, 0, 136], this.commit_directive(r), r = [165, 7, 3, 0, 206], this.commit_directive(r);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var n = null;
+      joystick({
+        onstart: function onstart(r) {
+          switch (r) {
+            case "up":
+              n = [165, 7, 3, 0, 206], _this3.commit_directive(n), setTimeout(function () {
+                n = [165, 6, 3, 3, 219], _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "right":
+              n = [165, 6, 3, 0, 136], _this3.commit_directive(n), setTimeout(function () {
+                n = [165, 7, 3, 253, 0], _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "left":
+              n = [165, 6, 3, 0, 136], _this3.commit_directive(n), setTimeout(function () {
+                n = [165, 7, 3, 3, 157], _this3.commit_directive(n);
+              }, 50);
+              break;
+            case "down":
+              n = [165, 7, 3, 0, 206], _this3.commit_directive(n), setTimeout(function () {
+                n = [165, 6, 3, 253, 70], _this3.commit_directive(n);
+              }, 50);
+          }
+        },
+        onend: function onend() {
+          n = [165, 6, 3, 0, 136], _this3.commit_directive(n), n = [165, 7, 3, 0, 206], _this3.commit_directive(n);
+        }
+      });
+    }
+  }
+};
+var o = function o() {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "cpt-MMC_Gimbal_ZT30N",
+      style: n.containerStyle
+    }, [e("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), e("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), e("div", {
+      staticClass: "bd"
+    }, [e("div", {
+      staticClass: "form-wrap"
+    }, [e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, i) {
+      return e("div", {
+        key: i,
+        staticClass: "speed",
+        style: n.control_speed == i + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = i + 1;
+          }
+        }
+      }, [n._v("\n                " + n._s(i + 1) + "\n              ")]);
+    }), 0)])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "mono"
+    }, [e("div", {
+      staticClass: "mono-long"
+    }, [e("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("视频指点:")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-radio-group", {
+      on: {
+        change: n.handle_change_dj_mode
+      },
+      model: {
+        value: n.dj_mode,
+        callback: function callback(r) {
+          n.dj_mode = r;
+        },
+        expression: "dj_mode"
+      }
+    }, n._l(n.drd.dj_mode, function (r) {
+      return e("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("画 中 画")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-select", {
+      attrs: {
+        size: "mini",
+        placeholder: "请选择画中画"
+      },
+      on: {
+        change: n.handle_change_image_mode
+      },
+      model: {
+        value: n.image_mode,
+        callback: function callback(r) {
+          n.image_mode = r;
+        },
+        expression: "image_mode"
+      }
+    }, [e("el-option", {
+      attrs: {
+        label: "主高清",
+        value: 0
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "主红外",
+        value: 1
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "单高清",
+        value: 2
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "单红外",
+        value: 3
+      }
+    })], 1)], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("伪       彩")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-select", {
+      attrs: {
+        size: "mini",
+        placeholder: "请选择彩伪"
+      },
+      on: {
+        change: n.handle_change_thermal_mode
+      },
+      model: {
+        value: n.thermal_mode,
+        callback: function callback(r) {
+          n.thermal_mode = r;
+        },
+        expression: "thermal_mode"
+      }
+    }, [e("el-option", {
+      attrs: {
+        label: "白热",
+        value: 0
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "黑热",
+        value: 1
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "彩虹",
+        value: 2
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "熔岩",
+        value: 3
+      }
+    })], 1)], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("电子变倍")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("el-select", {
+      attrs: {
+        size: "mini",
+        placeholder: "请选择电子变倍"
+      },
+      on: {
+        change: n.handle_change_thermal_zoom
+      },
+      model: {
+        value: n.thermal_zoom,
+        callback: function callback(r) {
+          n.thermal_zoom = r;
+        },
+        expression: "thermal_zoom"
+      }
+    }, [e("el-option", {
+      attrs: {
+        label: "1倍",
+        value: 1
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "2倍",
+        value: 2
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "4倍",
+        value: 4
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "6倍",
+        value: 6
+      }
+    }), n._v(" "), e("el-option", {
+      attrs: {
+        label: "8倍",
+        value: 7
+      }
+    })], 1)], 1)]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "mr10 cur",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom_reduce();
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [e("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), e("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "ml10 cur",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom_plus();
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [e("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)])]), n._v(" "), e("div", {
+      staticClass: "rocker-wrap"
+    }, [n._m(2), n._v(" "), e("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [e("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  a = [function () {
+    var n = this,
+      e = n.$createElement,
+      i = n._self._c || e;
+    return i("div", {
+      staticClass: "left ml8"
+    }, [i("img", {
+      attrs: {
+        src: r
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "title"
+    }, [n._v("红外热成像")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "title-box"
+    }, [e("div", {
+      staticClass: "title"
+    }, [n._v("控制")])]);
+  }];
+o._withStripped = !0;
+var l = e({
+  render: o,
+  staticRenderFns: a
+}, function (n) {
+  n && n("data-v-105df778_0", {
+    source: '.cpt-MMC_Gimbal_ZT30N[data-v-105df778] {\n  width: 500px;\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_ZT30N .hd[data-v-105df778] {\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_ZT30N .hd .left[data-v-105df778] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .hd .left .title[data-v-105df778] {\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_ZT30N .hd .close[data-v-105df778] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT30N .bd[data-v-105df778] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap[data-v-105df778] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item[data-v-105df778] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .label-box[data-v-105df778] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box[data-v-105df778] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono[data-v-105df778] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-105df778] {\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_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-105df778] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-105df778] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono .text[data-v-105df778] {\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_ZT30N .bd .rocker-wrap[data-v-105df778] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .title-box .title[data-v-105df778] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .rocker[data-v-105df778] {\n  margin: 10px auto 0;\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_ZT30N .bd .rocker-wrap .rocker .shangUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .xaiUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .zuoUp[data-v-105df778] {\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_ZT30N .bd .rocker-wrap .rocker .youUp[data-v-105df778] {\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-105df778] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-105df778] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-105df778] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-105df778] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-105df778] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-105df778] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-105df778] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-105df778] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-105df778] {\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-105df778] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-105df778] {\n  color: #004fff;\n}\n[data-v-105df778] .el-slider__runway {\n  visibility: hidden;\n}\n.cur[data-v-105df778] {\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_ZT30N\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA4dA;EACA,YAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;EAEA,kBAAA;EACA,UAAA;AC5dA;AD8dA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC5dA;AD8dA;EACA,aAAA;EACA,mBAAA;AC5dA;AD6dA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACleA;ADseA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpeA;ADweA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;ACteA;ADweA;EACA,cAAA;ACteA;ADweA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACteA;ADweA;EACA,cAAA;EACA,WAAA;ACteA;ADyeA;EACA,aAAA;EACA,mBAAA;ACveA;ADweA;EACA,aAAA;EACA,sBAAA;ACteA;ADueA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACreA;ADseA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpeA;ADseA;EACA,gFAAA;EACA,0BAAA;ACpeA;ADueA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACreA;AD4eA;EACA,OAAA;AC1eA;AD6eA;EACA,cAAA;AC3eA;AD+eA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC7eA;AD+eA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7eA;ADgfA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC9eA;ADifA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC/eA;ADkfA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AChfA;ADwfA;EACA,YAAA;EACA,iBAAA;ACrfA;ADwfA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACtfA;AD2fA;EACA,YAAA;EACA,iBAAA;ACzfA;AD2fA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzfA;ADigBA;EACA,qBAAA;EACA,mBAAA;AC/fA;ADogBA;EACA,cAAA;AClgBA;ADugBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACrgBA;ADygBA;EACA,gBAAA;ACtgBA;ADygBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACtgBA;ADwgBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACvgBA;AD4gBA;EACA,cAAA;ACzgBA;AD4gBA;EACA,kBAAA;ACzgBA;AD2gBA;EACA,eAAA;ACxgBA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['\x3c!-- 双光 --\x3e\r\n<template>\r\n  <div class="cpt-MMC_Gimbal_ZT30N" :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">红外热成像</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select v-model="control_speed" size="mini" placeholder="请选择控制速度">\r\n              <el-option v-for="(item, index) in new Array(5).fill(1)" :key="index" :label="index + 1"\r\n                :value="index + 1"></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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="dj_mode" @change="handle_change_dj_mode">\r\n              <el-radio\r\nv-for="item in drd.dj_mode"\r\n: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-select\r\n              v-model="image_mode"\r\n              size="mini"\r\n              placeholder="请选择画中画"\r\n              @change="handle_change_image_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        <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-select\r\n              v-model="thermal_mode"\r\n              size="mini"\r\n              placeholder="请选择彩伪"\r\n              @change="handle_change_thermal_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        <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="thermal_zoom"\r\n              size="mini"\r\n              placeholder="请选择电子变倍"\r\n              @change="handle_change_thermal_zoom"\r\n            >\r\n              <el-option label="1倍" :value="1" />\r\n              <el-option label="2倍" :value="2" />\r\n              <el-option label="4倍" :value="4" />\r\n              <el-option label="6倍" :value="6" />\r\n              <el-option label="8倍" :value="7" />\r\n            </el-select>\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            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\r\n\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            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-slider\r\n              v-model="value"\r\n              :max="50"\r\n              :min="0"\r\n              style="width: 180px"\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            ></el-slider>\r\n            <el-button\r\n              @click="handle_zoom(1)"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button> --\x3e\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">控制</div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_ZT30N } from \'../utils\';\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  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      timer: null,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 1,\r\n      ptz_mode: 1,\r\n      image_mode: 0,\r\n      thermal_mode: 0,\r\n      thermal_zoom: 1,\r\n\r\n      radio: 1,\r\n      dj_mode: 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  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_dj_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    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    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      const buffer = [165, 4, 3, 1, 53];\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom((this.zoom = 1));\\\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_image_mode(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_image_mode(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_thermal_mode(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_thermal_mode(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_thermal_zoom(value) {\r\n      const buffer = MMC_Gimbal_ZT30N.gimbal_thermal_zoom(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(mode) {\r\n      const buffer = [165, 4, 3, 1, 53];\r\n      this.commit_directive(buffer);\r\n    },\r\n    // handle_zoom(mode) {\r\n    //   let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n    //   this.commit_directive(buffer);\r\n    // },\r\n    handle_zoom_reduce() {\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n      const arr = [165, 4, 3, 0, 4];\r\n      this.commit_directive(arr);\r\n    },\r\n    handle_zoom_plus() {\r\n      // let buffer = MMC_Gimbal_ZT30N.zoom(mode);\r\n      const arr = [165, 4, 3, 2, 102];\r\n      this.commit_directive(arr);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(1);\r\n            buffer = [165, 6, 3, 3, 219];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'left\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(-1);\r\n            buffer = [165, 7, 3, 253, 0];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'right\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(1);\r\n            buffer = [165, 7, 3, 3, 157];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'down\':\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(-1);\r\n            buffer = [165, 6, 3, 253, 70];\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n      }\r\n\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n      //   buffer = [165, 6, 3, 0, 136];\r\n      //   this.commit_directive(buffer);\r\n      //   // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n      //   buffer = [165, 7, 3, 0, 206];\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n      buffer = [165, 6, 3, 0, 136];\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n      buffer = [165, 7, 3, 0, 206];\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n              buffer = [165, 7, 3, 0, 206];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(1);\r\n                buffer = [165, 6, 3, 3, 219];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'right\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n              buffer = [165, 6, 3, 0, 136];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(-1);\r\n                buffer = [165, 7, 3, 253, 0];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'left\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n              buffer = [165, 6, 3, 0, 136];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(1);\r\n                buffer = [165, 7, 3, 3, 157];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'down\':\r\n              // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n              buffer = [165, 7, 3, 0, 206];\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(-1);\r\n                buffer = [165, 6, 3, 253, 70];\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n          }\r\n        },\r\n        onend: () => {\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_pitch_ctrl(0);\r\n          buffer = [165, 6, 3, 0, 136];\r\n          this.commit_directive(buffer);\r\n          // buffer = MMC_Gimbal_ZT30N.gimbal_yaw_ctrl(0);\r\n          buffer = [165, 7, 3, 0, 206];\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_ZT30N {\r\n  width: 500px;\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      .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\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          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\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::v-deep .el-slider__runway {\r\n  visibility: hidden;\r\n}\r\n.cur {\r\n  cursor: pointer;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_ZT30N {\n  width: 500px;\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_ZT30N .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_ZT30N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .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_ZT30N .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_ZT30N .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT30N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_ZT30N .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_ZT30N .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_ZT30N .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_ZT30N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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
+  });
+}, t, "data-v-105df778", false, undefined, !1, i);
+export { l as default };

dist/index-DCNC1SJE.js

+import { b as n } from "./utils-4kGecFw2.js";
+import { _ as r } from "./mount_head-c1OIlkSj.js";
+import { _ as e, a as i } from "./record-WJfBn7Fn.js";
+import { n as t, c as o } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDomV2: 1,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      record: !1,
+      drd: {
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "录像"
+        }, {
+          id: 2,
+          label: "拍照"
+        }]
+      },
+      timer: null
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var r = n.zoom(this.zoom = 1);
+      this.commit_directive(r);
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDomV2 = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch() {
+      var r = n.change_pitch_angle(this.pitch);
+      this.commit_directive(r);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e);
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n), console.log(n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this2 = this;
+      var e = null;
+      switch (r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+      this.timer = setTimeout(function () {
+        clearTimeout(_this2.timer), e = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(e), e = n.gimbal_yaw_ctrl(0, _this2.control_speed), _this2.commit_directive(e);
+      }, 500);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "right":
+              r = n.gimbal_yaw_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "left":
+              r = n.gimbal_yaw_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this3.control_speed), _this3.commit_directive(r), r = n.gimbal_yaw_ctrl(0, _this3.control_speed), _this3.commit_directive(r);
+        }
+      });
+    }
+  }
+};
+var s = function s() {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "cpt-MMC_Gimbal_Z33N",
+      style: n.containerStyle
+    }, [e("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), e("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), e("div", {
+      staticClass: "bd"
+    }, [e("div", {
+      staticClass: "form-wrap"
+    }, [e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, i) {
+      return e("div", {
+        key: i,
+        staticClass: "speed",
+        style: n.control_speed == i + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = i + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(i + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "mono"
+    }, [e("div", {
+      staticClass: "mono-long"
+    }, [e("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), e("div", {
+      staticClass: "form-item"
+    }, [e("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦")]), n._v(" "), e("div", {
+      staticClass: "input-box"
+    }, [e("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [e("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), e("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [e("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)])]), n._v(" "), e("div", {
+      staticClass: "rocker-wrap"
+    }, [e("div", {
+      staticClass: "item-group"
+    }, [e("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [n._m(2)]), n._v(" "), e("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [n._m(3)])]), n._v(" "), e("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [e("div", {
+      staticClass: "shangUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("up");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "xaiUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("down");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "zuoUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("right");
+        }
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "youUp",
+      on: {
+        click: function click(r) {
+          return n.fangxiang("left");
+        }
+      }
+    })])])])]);
+  },
+  c = [function () {
+    var n = this,
+      e = n.$createElement,
+      i = n._self._c || e;
+    return i("div", {
+      staticClass: "left ml8"
+    }, [i("img", {
+      attrs: {
+        src: r
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }, function () {
+    var n = this.$createElement,
+      r = this._self._c || n;
+    return r("div", {
+      staticClass: "icon-box"
+    }, [r("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })]);
+  }, function () {
+    var n = this.$createElement,
+      r = this._self._c || n;
+    return r("div", {
+      staticClass: "icon-box"
+    }, [r("img", {
+      attrs: {
+        src: i,
+        alt: ""
+      }
+    })]);
+  }];
+s._withStripped = !0;
+var l = t({
+  render: s,
+  staticRenderFns: c
+}, function (n) {
+  n && n("data-v-07734ce6_0", {
+    source: '.cpt-MMC_Gimbal_Z33N[data-v-07734ce6] {\n  position: absolute;\n  /* bottom: 0;\n  left: 0; */\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z33N .hd[data-v-07734ce6] {\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_Z33N .hd .left[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .hd .left .title[data-v-07734ce6] {\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_Z33N .hd .close[data-v-07734ce6] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd[data-v-07734ce6] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap[data-v-07734ce6] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .label-box[data-v-07734ce6] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box[data-v-07734ce6] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono[data-v-07734ce6] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-07734ce6] {\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_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-07734ce6] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-07734ce6] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono .text[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap[data-v-07734ce6] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group[data-v-07734ce6] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box[data-v-07734ce6] {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-07734ce6] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .rocker[data-v-07734ce6] {\n  margin: 10px auto 0;\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_Z33N .bd .rocker-wrap .rocker .shangUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .xaiUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .zuoUp[data-v-07734ce6] {\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_Z33N .bd .rocker-wrap .rocker .youUp[data-v-07734ce6] {\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-07734ce6] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-07734ce6] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-07734ce6] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-07734ce6] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-07734ce6] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-07734ce6] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-07734ce6] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-07734ce6] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-07734ce6] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-07734ce6] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-07734ce6] {\n  color: #004fff;\n}\n[data-v-07734ce6] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z33N\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkWA;EACA,kBAAA;EACA;YAAA;EAEA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;ACjWA;ADmWA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjWA;ADmWA;EACA,aAAA;EACA,mBAAA;ACjWA;ADkWA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACvWA;AD2WA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACzWA;AD4WA;EACA,aAAA;EACA,8BAAA;AC1WA;AD2WA;EACA,cAAA;ACzWA;AD0WA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACxWA;ADyWA;EACA,cAAA;EACA,WAAA;ACvWA;ADyWA;EACA,aAAA;EACA,mBAAA;ACvWA;ADwWA;EACA,aAAA;EACA,sBAAA;ACtWA;ADuWA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACrWA;ADsWA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpWA;ADsWA;EACA,gFAAA;EACA,0BAAA;ACpWA;ADuWA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACrWA;AD2WA;EACA,OAAA;ACzWA;AD0WA;EACA,aAAA;EACA,6BAAA;ACxWA;AD0WA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACxWA;ADyWA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACvWA;AD4WA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC1WA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;AD2WA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzWA;ADiXA;EACA,YAAA;EACA,iBAAA;AC9WA;ADgXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC9WA;ADkXA;EACA,YAAA;EACA,iBAAA;AChXA;ADiXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC/WA;ADsXA;EACA,qBAAA;EACA,mBAAA;ACpXA;ADwXA;EACA,cAAA;ACtXA;AD0XA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACxXA;AD2XA;EACA,gBAAA;ACxXA;AD0XA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACvXA;ADwXA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACvXA;AD0XA;EACA,cAAA;ACvXA;AD0XA;EACA,kBAAA;ACvXA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_Z33N" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <el-button @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\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\r\n              @change="handle_change_camera_mode"\r\n              v-model="camera_mode"\r\n            >\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\r\n          <div class="item-box" @click="handle_take_photo">\r\n            <div class="icon-box">\r\n              <img src="../assets/images/mount/photo.png" alt="" />\r\n              \x3c!-- <span class="iconfont icon-paizhao1"></span> --\x3e\r\n            </div>\r\n          </div>\r\n          <div class="item-box" @click="handle_record">\r\n            <div class="icon-box">\r\n              <img src="../assets/images/mount/record.png" alt="" />\r\n              \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_Z33N } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n\r\n      drd: {\r\n        ptz_mode: [\r\n          { id: 0, label: \'锁定\' },\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z33N.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z33N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z33N.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z33N.zoom((this.zoom = 1));\r\n      //   this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch() {\r\n      const buffer = MMC_Gimbal_Z33N.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z33N.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z33N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z33N.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z33N.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n      console.log(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z33N.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z33N.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z33N {\r\n  position: absolute;\r\n  /* bottom: 0;\r\n  left: 0; */\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\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      .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  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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    .rocker-wrap {\r\n      flex: 1;\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #08c2d1;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #004fff;\r\n}\r\n// 变焦功能\r\n::v-deep .el-slider__runway {\r\n  visibility: hidden;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_Z33N {\n  position: absolute;\n  /* bottom: 0;\n  left: 0; */\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .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_Z33N .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z33N .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_Z33N .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_Z33N .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_Z33N .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_Z33N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z33N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z33N .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_Z33N .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_Z33N .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_Z33N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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 #43deff;\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/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, a, "data-v-07734ce6", false, undefined, !1, o);
+export { l as default };

dist/index-DFASzuLR.js

-import{M as n,c as r}from"./utils-DFbQKfwy.js";import{_ as e,a as t}from"./record-C77ba-0z.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const s={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""},offline:{type:Boolean,default:()=>!0}},data:()=>({holderModelDom:1,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,zoom:1,pitch:0,yaw:0,camera_mode:0,record:!1,dj_mode:0,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"录像"},{id:2,label:"拍照"}]},timer:null,time:null}),watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},beforeDestroy(){},methods:{handle_change_dj_mode(n){console.log(this.selected_mount,"selected_mount")},onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const r=n.zoom(this.zoom=1);this.commit_directive(r)},resolve_payload(n){try{const e=new Uint8Array(n);if(165===e[0]&&r(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}}catch(n){}},gcs_button_ctrl(n){const r=n[3],e=n[4];if(4===r)this.gimbal_mode_ctrl(e)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},handle_change_ptz_mode(r){this.holderModelDom=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){const e=n.zoom(this.zoom+r);this.commit_directive(e)},handle_change_pitch(r){this.pitch=r;const e=n.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e),this.$emit("take_photo","MMC_Gimbal_Z40")},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(n){console.log(n),this.$emit("directive",n)},fangxiang(r){clearTimeout(this.time);let e=null;switch(this.flag=!0,this.flag&&(this.time=setTimeout((()=>{this.fangxiang(r)}),500)),r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},stopfxFn(){this.flag=!1,clearTimeout(this.time);let r=null;r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}}};var l=function(){var n=this,r=n.$createElement,i=n._self._c||r;return i("div",{staticClass:"cpt-MMC_Gimbal_Z40",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("控制速度:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,e){return i("div",{key:e,staticClass:"speed",style:n.control_speed==e+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=e+1}}},[n._v("\n              "+n._s(e+1)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("云台模式:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mono"},[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("视频指点:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(r){n.dj_mode=r},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("变       焦:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),i("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1,disabled:""},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),i("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("俯       仰:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(n.regList,(function(r,e){return i("div",{key:e,staticClass:"pitch",style:n.pitch==r.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){return n.handle_change_pitch(r.num)}}},[n._v("\n              "+n._s(r.val)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("相机模式")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_camera_mode},model:{value:n.camera_mode,callback:function(r){n.camera_mode=r},expression:"camera_mode"}},n._l(n.drd.camera_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)])]),n._v(" "),i("div",{staticClass:"rocker-wrap"},[i("div",{staticClass:"item-group"},[i("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),i("div",{staticClass:"item-box",on:{click:n.handle_record}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:t,alt:""}})])])],1)]),n._v(" "),i("div",{ref:"rocker",staticClass:"rocker"},[i("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},d=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:i}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])}];l._withStripped=!0;const c=o({render:l,staticRenderFns:d},(function(n){n&&n("data-v-50ceb8ba_0",{source:'.cpt-MMC_Gimbal_Z40[data-v-50ceb8ba] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-50ceb8ba] {\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_Z40 .hd .left[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-50ceb8ba] {\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_Z40 .hd .close[data-v-50ceb8ba] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-50ceb8ba] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-50ceb8ba] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-50ceb8ba] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-50ceb8ba] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-50ceb8ba] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-50ceb8ba] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-50ceb8ba] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap[data-v-50ceb8ba] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-50ceb8ba] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-50ceb8ba] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-50ceb8ba] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-50ceb8ba] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-50ceb8ba] {\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-50ceb8ba] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-50ceb8ba] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-50ceb8ba] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-50ceb8ba] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-50ceb8ba] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-50ceb8ba] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-50ceb8ba] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-50ceb8ba] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-50ceb8ba] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-50ceb8ba] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-50ceb8ba] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-50ceb8ba] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-50ceb8ba] {\n  color: #004fff;\n}\n[data-v-50ceb8ba] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40\\index.vue","index.vue"],names:[],mappings:"AAifA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AChfA;ADmfA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjfA;ADmfA;EACA,aAAA;EACA,mBAAA;ACjfA;ADmfA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxfA;AD4fA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1fA;AD8fA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;AC7fA;AD+fA;EACA,cAAA;AC7fA;AD+fA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC7fA;AD+fA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;AC7fA;ADggBA;EACA,aAAA;EACA,mBAAA;AC9fA;ADggBA;EACA,aAAA;EACA,sBAAA;AC9fA;ADggBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC9fA;ADggBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC9fA;ADigBA;EACA,gFAAA;EACA,0BAAA;AC/fA;ADmgBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACjgBA;ADwgBA;EACA,OAAA;ACtgBA;ADwgBA;EACA,aAAA;EACA,6BAAA;ACtgBA;ADygBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACvgBA;ADygBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACvgBA;AD6gBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC3gBA;AD6gBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC3gBA;AD8gBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC5gBA;AD+gBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7gBA;ADghBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC9gBA;ADshBA;EACA,YAAA;EACA,iBAAA;ACnhBA;ADshBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACphBA;ADyhBA;EACA,YAAA;EACA,iBAAA;ACvhBA;ADyhBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvhBA;AD+hBA;EACA,qBAAA;EACA,mBAAA;AC7hBA;ADkiBA;EACA,cAAA;AChiBA;ADqiBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;ACniBA;ADsiBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACpiBA;ADwiBA;EACA,gBAAA;ACriBA;ADwiBA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;ACriBA;ADuiBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACtiBA;ADyiBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACviBA;AD2iBA;EACA,cAAA;ACxiBA;AD4iBA;EACA,kBAAA;ACziBA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\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="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="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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰:</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>--\x3e\r\n\r\n            \x3c!-- <el-button\r\n              @click="pitch--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="pitch++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n\r\n            \x3c!-- <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            >--\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向:\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</div\r\n            >\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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    offline: {\r\n      type: Boolean,\r\n      default: () => true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  methods: {\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId: this.selected_mount.mountId || this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40 {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n','.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),s,"data-v-50ceb8ba",false,undefined,!1,a,void 0,void 0);export{c as default};

dist/index-DHmQN0Pl.js

-import{c as r,g as n}from"./utils-DFbQKfwy.js";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const t={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]}},data:()=>({time:null,radio:1,timer:null,control_speed:3,mode:1,zoom:1,pitch:0,yaw:0,pow_mode:0,control_mode:0,light_mode:0,brightness_mode:0,record:!1,drd:{mode:[{id:1,label:"跟随"},{id:2,label:"回中"}],pow_mode:[{id:0,label:"普通"},{id:1,label:"最高"}],control_mode:[{id:0,label:"关"},{id:1,label:"开"}],light_mode:[{id:0,label:"关"},{id:1,label:"开"},{id:2,label:"闪"}],brightness_mode:[{id:0,label:"亮"},{id:1,label:"高亮"},{id:2,label:"极亮"}]}}),watch:{payload:{handler(r){this.resolve_payload(r)},deep:!0}},mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{resolve_payload(n){const e=new Uint8Array(n);if(165===e[0]&&r(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}},gcs_button_ctrl(r){const n=r[3],e=r[4];if(4===n)this.gimbal_mode_ctrl(e)},msg_key_status1(r){this.gimbal_mode_ctrl(3&r[7])},gimbal_mode_ctrl(r){this.ptz_mode=r},handle_change_mode(r){const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_change_light_mode(r){const e=n.gimbal_light_mode_ctrl(r);this.commit_directive(e)},handle_change_brightness_mode(r){const e=n.gimbal_brightness_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){let e=n.zoom(this.zoom+r);this.commit_directive(e),e=n.zoom(this.zoom=1),this.commit_directive(e)},handle_change_pitch(){const r=n.change_pitch_angle(this.pitch);this.commit_directive(r)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_change_pow_mode(r){const e=n.pow_mode_ctrl(r);this.commit_directive(e)},handle_change_control_mode(r){const e=n.control_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e)},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(r){console.log(r),this.$emit("directive",r)},stopfxFn(){this.flag=!1,clearTimeout(this.time);let r=null;r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)},fangxiang(r){clearTimeout(this.time);let e=null;switch(this.flag=!0,this.flag&&(this.time=setTimeout((()=>{this.fangxiang(r)}),500)),r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}})}}};var o=function(){var r=this,n=r.$createElement,e=r._self._c||n;return e("div",{staticClass:"cpt-MMC_Gimbal_L60",style:r.containerStyle},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[e("div",{staticClass:"title"},[r._v("探照灯")]),r._v(" "),e("div",{staticClass:"close",on:{click:function(n){return r.$emit("close")}}},[r._v("关闭")])]),r._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("控制速度")]),r._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},r._l(new Array(5).fill(1),(function(n,i){return e("div",{key:i,staticClass:"speed",style:r.control_speed==i+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(n){r.control_speed=i+1}}},[r._v("\n              "+r._s(i+1)+"\n            ")])})),0)])]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("模式")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:r.handle_change_mode},model:{value:r.mode,callback:function(n){r.mode=n},expression:"mode"}},r._l(r.drd.mode,(function(n){return e("el-radio",{key:n.id,attrs:{size:"mini",label:n.id}},[r._v(r._s(n.label))])})),1)],1)]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("功率")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:r.handle_change_pow_mode},model:{value:r.pow_mode,callback:function(n){r.pow_mode=n},expression:"pow_mode"}},r._l(r.drd.pow_mode,(function(n){return e("el-radio",{key:n.id,attrs:{size:"mini",label:n.id}},[r._v(r._s(n.label))])})),1)],1)]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("联控模式")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:r.handle_change_control_mode},model:{value:r.control_mode,callback:function(n){r.control_mode=n},expression:"control_mode"}},r._l(r.drd.control_mode,(function(n){return e("el-radio",{key:n.id,attrs:{size:"mini",label:n.id}},[r._v(r._s(n.label))])})),1)],1)]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("灯光模式")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:r.handle_change_light_mode},model:{value:r.light_mode,callback:function(n){r.light_mode=n},expression:"light_mode"}},r._l(r.drd.light_mode,(function(n){return e("el-radio",{key:n.id,attrs:{size:"mini",label:n.id}},[r._v(r._s(n.label))])})),1)],1)]),r._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[r._v("亮度")]),r._v(" "),e("div",{staticClass:"input-box"},[e("el-radio-group",{on:{change:r.handle_change_brightness_mode},model:{value:r.brightness_mode,callback:function(n){r.brightness_mode=n},expression:"brightness_mode"}},r._l(r.drd.brightness_mode,(function(n){return e("el-radio",{key:n.id,attrs:{size:"mini",label:n.id}},[r._v(r._s(n.label))])})),1)],1)])]),r._v(" "),e("div",{staticClass:"rocker-wrap"},[e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{mousedown:function(n){return r.fangxiang("up")},mouseup:r.stopfxFn,mouseout:r.stopfxFn}}),r._v(" "),e("div",{staticClass:"xaiUp",on:{mousedown:function(n){return r.fangxiang("down")},mouseup:r.stopfxFn,mouseout:r.stopfxFn}}),r._v(" "),e("div",{staticClass:"zuoUp",on:{mousedown:function(n){return r.fangxiang("left")},mouseup:r.stopfxFn,mouseout:r.stopfxFn}}),r._v(" "),e("div",{staticClass:"youUp",on:{mousedown:function(n){return r.fangxiang("right")},mouseup:r.stopfxFn,mouseout:r.stopfxFn}})])])])])};o._withStripped=!0;const a=e({render:o,staticRenderFns:[]},(function(r){r&&r("data-v-10b922e8_0",{source:'.cpt-MMC_Gimbal_L60[data-v-10b922e8] {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 300px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_L60 .hd[data-v-10b922e8] {\n  display: flex;\n  justify-content: space-between;\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_L60 .hd .title[data-v-10b922e8] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-left: 20px;\n}\n.cpt-MMC_Gimbal_L60 .hd .close[data-v-10b922e8] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-right: 20px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd[data-v-10b922e8] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap[data-v-10b922e8] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item[data-v-10b922e8] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .label-box[data-v-10b922e8] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .btn-default[data-v-10b922e8] {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .input-box[data-v-10b922e8] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap[data-v-10b922e8] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group[data-v-10b922e8] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-10b922e8] {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-10b922e8] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .rocker[data-v-10b922e8] {\n  margin: 10px auto 0;\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_L60 .bd .rocker-wrap .rocker .shangUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .xaiUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .zuoUp[data-v-10b922e8] {\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_L60 .bd .rocker-wrap .rocker .youUp[data-v-10b922e8] {\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-10b922e8] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-10b922e8] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-10b922e8] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-10b922e8] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-10b922e8] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-10b922e8] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-10b922e8] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-10b922e8] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-10b922e8] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-10b922e8] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-10b922e8] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_L60\\index.vue","index.vue"],names:[],mappings:"AAmXA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AClXA;ADoXA;EACA,aAAA;EACA,8BAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClXA;ADmXA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EACA,iBAAA;ACjXA;ADmXA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;ACjXA;ADoXA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;AClXA;ADmXA;EACA,cAAA;ACjXA;ADkXA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChXA;ADiXA;EACA,cAAA;EACA,WAAA;AC/WA;ADiXA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;AC/WA;ADiXA;EACA,aAAA;EACA,mBAAA;AC/WA;ADmXA;EACA,OAAA;ACjXA;ADkXA;EACA,aAAA;EACA,6BAAA;AChXA;ADkXA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AChXA;ADiXA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC/WA;ADoXA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AClXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADmXA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjXA;ADyXA;EACA,YAAA;EACA,iBAAA;ACtXA;ADwXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACtXA;AD0XA;EACA,YAAA;EACA,iBAAA;ACxXA;ADyXA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvXA;AD8XA;EACA,qBAAA;EACA,mBAAA;AC5XA;ADgYA;EACA,cAAA;AC9XA;ADkYA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AChYA;ADmYA;EACA,gBAAA;AChYA;ADkYA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC/XA;ADgYA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC/XA;ADkYA;EACA,cAAA;AC/XA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_L60" :style="containerStyle">\r\n    <div v-interact class="hd">\r\n      <div class="title">探照灯</div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\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="mode" @change="handle_change_mode">\r\n              <el-radio v-for="item in drd.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        \x3c!--  --\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="pow_mode" @change="handle_change_pow_mode">\r\n              <el-radio v-for="item in drd.pow_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="control_mode" @change="handle_change_control_mode">\r\n              <el-radio\r\n                v-for="item in drd.control_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\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="light_mode" @change="handle_change_light_mode">\r\n              <el-radio\r\n                v-for="item in drd.light_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\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="brightness_mode" @change="handle_change_brightness_mode">\r\n              <el-radio\r\n                v-for="item in drd.brightness_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_L60 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      time: null,\r\n      radio: 1,\r\n      timer: null,\r\n      control_speed: 3,\r\n      mode: 1,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      pow_mode: 0,\r\n      control_mode: 0,\r\n      light_mode: 0,\r\n      brightness_mode: 0,\r\n      record: false,\r\n\r\n      drd: {\r\n        mode: [\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        pow_mode: [\r\n          { id: 0, label: \'普通\' },\r\n          { id: 1, label: \'最高\' }\r\n        ],\r\n        control_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' }\r\n        ],\r\n        light_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' },\r\n          { id: 2, label: \'闪\' }\r\n        ],\r\n        brightness_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  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    handle_change_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_light_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_light_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_brightness_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.gimbal_brightness_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      let buffer = MMC_Gimbal_L60.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_L60.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch() {\r\n      const buffer = MMC_Gimbal_L60.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_L60.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_L60.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pow_mode(mode) {\r\n      const buffer = MMC_Gimbal_L60.pow_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_control_mode(mode) {\r\n      const buffer = MMC_Gimbal_L60.control_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_L60.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_L60.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_L60.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_L60.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_L60 {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\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  width: 500px;\r\n  height: 300px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\r\n  .hd {\r\n    display: flex;\r\n    justify-content: space-between;\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    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n      margin-left: 20px;\r\n    }\r\n    .close {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n      margin-right: 20px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #2aefed;\r\n          border-color: #2aefed;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #08c2d1;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_L60 {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 300px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_L60 .hd {\n  display: flex;\n  justify-content: space-between;\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_L60 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-left: 20px;\n}\n.cpt-MMC_Gimbal_L60 .hd .close {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n  margin-right: 20px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_L60 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #08c2d1;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_L60 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_L60 .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_L60 .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_L60 .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_L60 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),t,"data-v-10b922e8",false,undefined,!1,i,void 0,void 0);export{a as default};

dist/index-DYsyyprb.js

+import { n } from "./utils-4kGecFw2.js";
+import { n as r, a as e, c as t } from "./index-BcLRpF0n.js";
+import { _ as i } from "./launch-g_kMwjYd.js";
+import { _ as a } from "./mount_head-c1OIlkSj.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 s = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      timer: null,
+      radio: 1,
+      safety_switch_state: !0
+    };
+  },
+  mounted: function mounted() {},
+  methods: {
+    handle_laser_shine_ctrl: function handle_laser_shine_ctrl(r) {
+      if (this.safety_switch_state) this.$message.warning("请关闭保险");else {
+        var _r = n.fire_ctrl(1);
+        this.commit_directive(_r), this.$message.success("发射成功");
+      }
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    }
+  }
+};
+var o = function o() {
+    var n = this,
+      r = n.$createElement,
+      t = n._self._c || r;
+    return t("div", {
+      staticClass: "cpt-MMC_Gimbal_S79",
+      style: n.containerStyle
+    }, [t("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), t("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), t("div", {
+      staticClass: "bd"
+    }, [t("div", {
+      staticClass: "form-wrap"
+    }, [t("div", {
+      staticClass: "form-item"
+    }, [t("div", {
+      staticClass: "label-box"
+    }, [n._v("保险：")]), n._v(" "), t("div", {
+      staticClass: "input-box"
+    }, [t("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      model: {
+        value: n.safety_switch_state,
+        callback: function callback(r) {
+          n.safety_switch_state = r;
+        },
+        expression: "safety_switch_state"
+      }
+    })], 1)]), n._v(" "), t("div", {
+      staticClass: "form-item mt16"
+    }, [t("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "launch"
+    }, [t("img", {
+      attrs: {
+        src: i,
+        alt: ""
+      },
+      on: {
+        click: n.handle_laser_shine_ctrl
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "label-box"
+    }, [n._v("发射")])])])])])]);
+  },
+  A = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: a
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("射击枪")])]);
+  }];
+o._withStripped = !0;
+var l = r({
+  render: o,
+  staticRenderFns: A
+}, function (n) {
+  n && n("data-v-a56d471a_0", {
+    source: ".cpt-MMC_Gimbal_S79[data-v-a56d471a] {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_S79 .hd[data-v-a56d471a] {\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_S79 .hd .left[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .hd .left .title[data-v-a56d471a] {\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_S79 .hd .close[data-v-a56d471a] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_S79 .bd[data-v-a56d471a] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap[data-v-a56d471a] {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .label-box[data-v-a56d471a] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box[data-v-a56d471a] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-a56d471a] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .launch[data-v-a56d471a] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_S79\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAiEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAEA,sBAAA;AClEA;ADmEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjEA;ADmEA;EACA,aAAA;EACA,mBAAA;ACjEA;ADkEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACvEA;AD2EA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACzEA;AD4EA;EACA,aAAA;AC1EA;AD2EA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;ACzEA;AD0EA;EACA,aAAA;EACA,mBAAA;ACxEA;ADyEA;EACA,cAAA;ACvEA;ADyEA;EACA,aAAA;EACA,mBAAA;ACvEA;ADyEA;EACA,eAAA;EACA,cAAA;ACvEA;AD4EA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC1EA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_S79" :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">射击枪</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <img src="../assets/images/observe/005.svg" alt="" />\r\n          <div class="launch">\r\n            <img src="../assets/images/mount/launch.png" alt @click="handle_laser_shine_ctrl" />\r\n            <div class="label-box">发射</div>\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_S79 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n      } else {\r\n        const buff = MMC_Gimbal_S79.fire_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_S79 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 240px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 130px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n', ".cpt-MMC_Gimbal_S79 {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_S79 .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_S79 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .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_S79 .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_S79 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_S79 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]
+    },
+    media: void 0
+  });
+}, s, "data-v-a56d471a", false, undefined, !1, t);
+export { l as default };

dist/index-DcOx2hHp.js

-var r=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),a=1,n=26,t=28,u=44,e=255,o=12,c=5,f=6,s=17+3,i=31+3,p=13+3,h=18+3,A=o+3,v=5+3,_=c+3,E=f+3,m=6+3,l=8+3,d=17+3,w=8+3,y=5+3,C=5+3,S=45+3,z=4+3,H=4+3,g=A-1,R=_-1,b=E-1,D={A1C1E1:s+2,A1C1E1S1:i+2,A2C2E2:p+2,A2C2E2S2:h+2,A1:A+2,A2:v+2,C1:_+2,C2:E+2,E1:m+2,E2:l+2,S1:d+2,S2:w+2,U:y+2,V:C+2,M_AHRS:S+2,HEART_BEAT:z+2,SHAKE_HAND:H+2},N={A1C1E1:D.A1C1E1+2,A1C1E1S1:D.A1C1E1S1+2,A2C2E2:D.A2C2E2+2,A2C2E2S2:D.A2C2E2S2+2,A1:D.A1+2,A2:D.A2+2,C1:D.C1+2,C2:D.C2+2,E1:D.E1+2,E2:D.E2+2,S1:D.S1+2,S2:D.S2+2,U:D.U+2,V:D.V+2,M_AHRS:D.M_AHRS+2,HEART_BEAT:D.HEART_BEAT+2,SHAKE_HAND:D.SHAKE_HAND+2},T=N.A1-1,M=N.C1-1,B=N.C2-1,V=0,I=V+3+3+2,K=I+2,U=K-1,F=3,L=4,O=10,W=11,x=13,Z=15,j=18,k=22,q=23,G=0,J=0,P=0,Q=0,X={server_status:Z,param1:G,param2:J,param3:P,param4:Q},Y={server_status:Z,param1:G,param2:J,param3:P,param4:Q},$={zoomspeed1:1,zoomspeed2:2,zoomspeed3:3,zoomspeed4:4,zoomspeed5:5,zoomspeed6:6,zoomspeed7:7},rr=1,ar=8,nr=9,tr={videosource:0,zoom_speed:$.speed,camera_ctrl:0,LRFctr:0},ur=74,er=75,or={ctrl:0,param:0};function cr(r){for(var a=r[3],n=4,t=(63&r[3])-2;t--;)a^=r[n],n++;return a}function fr(r,a){var n=r,t=[85,170,220,0,0],u=a+3,o=u+3-1;return t[3]=u,t[4]=e,n.forEach((function(r){t.push(r)})),t[o]=cr(t),t}function sr(r){var a=function(r){var a=new Array,n=0;return n=7&r.videosource|(7&r.zoom_speed)<<3|(127&r.camera_ctrl)<<6|(7&r.LRFctr)<<13,a[0]=n>>8&255,a[1]=255&n,a}(r),n=[85,170,220,0,0];return n[3]=c,n[4]=t,a.forEach((function(r){n.push(r)})),n[R]=cr(n),n}function ir(r){var a=function(r){var a=new Array;return a[0]=r.ctrl,a[1]=r.param>>8,a[2]=255&r.param,a}(r),n=[85,170,220,0,0];return n[3]=f,n[4]=u,a.forEach((function(r){n.push(r)})),n[b]=cr(n),n}function pr(r){var a=function(r){var a=new Array;return a[0]=r.server_status,a[1]=r.param1>>8,a[2]=255&r.param1,a[3]=r.param2>>8,a[4]=255&r.param2,a[5]=r.param3>>8,a[6]=255&r.param3,a[7]=r.param4>>8,a[8]=255&r.param4,a}(r),t=[85,170,220,0,0];return t[3]=o,t[4]=n,a.forEach((function(r){t.push(r)})),t[g]=cr(t),t}function hr(a){for(var n=0,t=1,u=a[2];u--;)n=r[n^a[t]],t++;return n}function Ar(r,a){var n=0,t=0,u=0,e=[];for(u=a%48==0?parseInt(a/48,10):parseInt(a/48,10)+1,n=0;n<u;n++){if(u-n==1){for(t=0;t<a-48*n;t++)e[t]=r[48*n+t],Number(r[48*n+t]).toString(16);return e}for(t=0;t<48;t++)e[t]=r[48*n+t],Number(r[48*n+t]).toString(16);return e}}var vr={give_directions_ctrl:function(r){var a=new Array(165,79,0),n=null;if(0==r)X.server_status=Z;else if(1==r){X.server_status=Z;I=(V=6)+3+3+2,U=(K=V+3+3+2+2)-1,a[2]=I,fr([129,1,5,8,2,255],V).forEach((function(r){a.push(r)})),a[U]=hr(a),n=Ar(a,K)}else if(2==r){X.server_status=Z;I=(V=6)+3+3+2,U=(K=V+3+3+2+2)-1,a[2]=I,fr([129,1,4,89,2,255],V).forEach((function(r){a.push(r)})),a[U]=hr(a),n=Ar(a,K)}return n},gimbal_mode_ctrl:function(r){var a=new Array(165,79,0);return a[2]=D.A1,0==r?X.server_status=O:1==r?X.server_status=F:2==r?X.server_status=L:3==r?X.server_status=k:4==r?X.server_status=j:5==r&&(X.server_status=q),pr(X).forEach((function(r){a.push(r)})),a[T]=hr(a),Ar(a,N.A1)},camera_WD_ctrl:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,61,2,255];return n[4]=1==r?2:3,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)},camera_Defog_ctrl:function(r){var a=new Array(165,79,0);V=7;var n=[129,1,4,55,2,0,255];return 1==r?(n[4]=2,n[5]=3):(n[4]=3,n[5]=0),U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)},stabilizer_mode_ctrl:function(r){var n=new Array(165,79,0);V=6;var t=[129,1,4,52,2,255];if(0==r)return a=0,t[4]=3,U=(K=(I=V+3+3+2)+2)-1,n[2]=I,fr(t,V).forEach((function(r){n.push(r)})),n[U]=hr(n),Ar(n,K);if(1==r){if(0==a)return a=1,t[4]=2,U=(K=(I=V+3+3+2)+2)-1,n[2]=I,fr(t,V).forEach((function(r){n.push(r)})),n[U]=hr(n),Ar(n,K);var u=new Array(165,79,0);return U=(K=(I=(V=7)+3+3+2)+2)-1,u[2]=I,fr([129,1,126,4,52,2,255],V).forEach((function(r){u.push(r)})),u[U]=hr(u),Ar(u,K)}if(2==r){if(0==a)return a=1,t[4]=2,U=(K=(I=V+3+3+2)+2)-1,n[2]=I,fr(t,V).forEach((function(r){n.push(r)})),n[U]=hr(n),Ar(n,K);return U=(K=(I=(V=7)+3+3+2)+2)-1,n[2]=I,fr([129,1,126,4,52,3,255],V).forEach((function(r){n.push(r)})),n[U]=hr(n),Ar(n,K)}},VE_mode_ctrl:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,61,6,255];return 0==r&&(n[4]=3),U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)},NR_mode_ctrl:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,83,5,255];return 0==r&&(n[4]=0),U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)},DZOOM_mode_ctrl:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,6,2,255];return 0==r&&(n[4]=3),U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)},videooutput_mode_ctrl:function(r){var a=new Array(165,79,0);V=8;var n=[129,1,4,36,114,2,8,255];if(0==r)return n[5]=1,n[6]=5,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K);if(1==r)return n[5]=0,n[6]=7,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K);if(2==r)return n[5]=0,n[6]=10,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K);var t=new Array(165,79,0);U=(K=(I=(V=6)+3+3+2)+2)-1,t[2]=I,fr([129,1,4,25,3,255],V).forEach((function(r){t.push(r)})),t[U]=hr(t),Ar(t,K)},ICR_mode_ctrl:function(r){var a=new Array(165,79,0);if(a[2]=D.C2,2==r){var n=[129,1,4,81,4,255];return U=(K=(I=(V=6)+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)}if(1==r){n=[129,1,4,81,3,255];U=(K=(I=(V=6)+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K),or.ctrl=ur,ir(or).forEach((function(r){a.push(r)})),a[B]=hr(a),Ar(a,N.C2)}else if(0==r){n=[129,1,4,81,3,255];U=(K=(I=(V=6)+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K),or.ctrl=er,ir(or).forEach((function(r){a.push(r)})),a[B]=hr(a),Ar(a,N.C2)}},WB_mode_ctrl:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,53,0,255];return 0==r?(U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)):1==r?(n[4]=1,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)):2==r?(n[4]=2,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)):void 0},zoom:function(r){var a=new Array(165,79,0);return a[2]=D.C1,tr.zoom_speed=$.zoomspeed7,0==r?tr.camera_ctrl=ar:1==r?tr.camera_ctrl=rr:2==r&&(tr.camera_ctrl=nr),sr(tr).forEach((function(r){a.push(r)})),a[M]=hr(a),Ar(a,N.C1)},saturated:function(r){var a=new Array(165,79,0);V=6;var n=[129,1,4,12,2,255];return 0==r?(n[4]=3,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)):2==r?(n[4]=2,U=(K=(I=V+3+3+2)+2)-1,a[2]=I,fr(n,V).forEach((function(r){a.push(r)})),a[U]=hr(a),Ar(a,K)):void 0},change_pitch_angle:function(r){var a=new Array(165,79,0);a[2]=D.A1,X.server_status=W;var n=0;return r>=0?(n=r,X.param2=65536*n/360):(n=r,X.param2=65536*n/360+65536),pr(X).forEach((function(r){a.push(r)})),a[T]=hr(a),Ar(a,N.A1)},change_yaw_angle:function(r){var a=new Array(165,79,0);a[2]=D.A1,X.server_status=W;var n=0;return r>=0?(n=r,X.param1=65536*n/360):(n=r,X.param1=65536*n/360+65536),pr(X).forEach((function(r){a.push(r)})),a[T]=hr(a),Ar(a,N.A1)},gimbal_pitch_ctrl:function(r){1==r?r=-1:-1==r&&(r=1);var a=new Array(165,79,0);return a[2]=D.A1,Y.server_status=x,Y.param3=0,Y.param4=300*r+1500,pr(Y).forEach((function(r){a.push(r)})),a[T]=hr(a),Ar(a,N.A1)},control_mode_ctrl:function(r){var a=new Array(166,1,3,0,0);return a[3]=r,a[4]=hr(a),a},gimbal_yaw_ctrl:function(r,a){var n=new Array(165,79,0);return n[2]=D.A1,Y.server_status=x,Y.param1=0,Y.param2=300*r+1500,pr(Y).forEach((function(r){n.push(r)})),n[T]=hr(n),Ar(n,n[2]+2)}};export{vr as M,hr as c};

dist/index-DfhvAPvp.js

+import { M as n, c as r } from "./utils-4kGecFw2.js";
+import { _ as e, a as t } from "./record-WJfBn7Fn.js";
+import { _ as i } from "./mount_head-c1OIlkSj.js";
+import { n as o, c as a } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 s = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    device: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    selected_mount: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    moveType: {
+      type: String,
+      "default": function _default() {
+        return "";
+      }
+    },
+    offline: {
+      type: Boolean,
+      "default": function _default() {
+        return !0;
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDom: 1,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      record: !1,
+      dj_mode: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "录像"
+        }, {
+          id: 2,
+          label: "拍照"
+        }]
+      },
+      timer: null,
+      time: null
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  beforeDestroy: function beforeDestroy() {},
+  methods: {
+    handle_change_dj_mode: function handle_change_dj_mode(n) {
+      console.log(this.selected_mount, "selected_mount");
+    },
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var r = n.zoom(this.zoom = 1);
+      this.commit_directive(r);
+    },
+    resolve_payload: function resolve_payload(n) {
+      try {
+        var _e = new Uint8Array(n);
+        if (165 === _e[0] && r(_e) === _e[_e.length - 1]) switch (_e[1]) {
+          case 1:
+            this.msg_key_status1(_e);
+            break;
+          case 248:
+            this.gcs_button_ctrl(_e);
+        }
+      } catch (n) {}
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var r = n[3],
+        e = n[4];
+      if (4 === r) this.gimbal_mode_ctrl(e);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDom = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch(r) {
+      this.pitch = r;
+      var e = n.change_pitch_angle(this.pitch);
+      this.commit_directive(e);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e), this.$emit("take_photo", "MMC_Gimbal_Z40");
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      console.log(n), this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this = this;
+      clearTimeout(this.time);
+      var e = null;
+      switch (this.flag = !0, this.flag && (this.time = setTimeout(function () {
+        _this.fangxiang(r);
+      }, 500)), r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      this.flag = !1, clearTimeout(this.time);
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(r), r = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(r);
+    }
+  }
+};
+var l = function l() {
+    var n = this,
+      r = n.$createElement,
+      i = n._self._c || r;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_Z40",
+      style: n.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (r, e) {
+      return i("div", {
+        key: e,
+        staticClass: "speed",
+        style: n.control_speed == e + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            n.control_speed = e + 1;
+          }
+        }
+      }, [n._v("\n              " + n._s(e + 1) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mono"
+    }, [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("视频指点:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_dj_mode
+      },
+      model: {
+        value: n.dj_mode,
+        callback: function callback(r) {
+          n.dj_mode = r;
+        },
+        expression: "dj_mode"
+      }
+    }, n._l(n.drd.dj_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), i("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1,
+        disabled: ""
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (r, e) {
+      return i("div", {
+        key: e,
+        staticClass: "pitch",
+        style: n.pitch == r.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(e) {
+            return n.handle_change_pitch(r.num);
+          }
+        }
+      }, [n._v("\n              " + n._s(r.val) + "\n            ")]);
+    }), 0)])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("相机模式")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-radio-group", {
+      on: {
+        change: n.handle_change_camera_mode
+      },
+      model: {
+        value: n.camera_mode,
+        callback: function callback(r) {
+          n.camera_mode = r;
+        },
+        expression: "camera_mode"
+      }
+    }, n._l(n.drd.camera_mode, function (r) {
+      return i("el-radio", {
+        key: r.id,
+        attrs: {
+          size: "mini",
+          label: r.id
+        }
+      }, [n._v(n._s(r.label))]);
+    }), 1)], 1)])]), n._v(" "), i("div", {
+      staticClass: "rocker-wrap"
+    }, [i("div", {
+      staticClass: "item-group"
+    }, [i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), i("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [i("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(r) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  d = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: i
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }];
+l._withStripped = !0;
+var c = o({
+  render: l,
+  staticRenderFns: d
+}, function (n) {
+  n && n("data-v-50ceb8ba_0", {
+    source: '.cpt-MMC_Gimbal_Z40[data-v-50ceb8ba] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-50ceb8ba] {\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_Z40 .hd .left[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-50ceb8ba] {\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_Z40 .hd .close[data-v-50ceb8ba] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-50ceb8ba] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-50ceb8ba] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-50ceb8ba] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-50ceb8ba] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-50ceb8ba] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-50ceb8ba] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-50ceb8ba] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-50ceb8ba] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap[data-v-50ceb8ba] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-50ceb8ba] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-50ceb8ba] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-50ceb8ba] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-50ceb8ba] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-50ceb8ba] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-50ceb8ba] {\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-50ceb8ba] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-50ceb8ba] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-50ceb8ba] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-50ceb8ba] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-50ceb8ba] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-50ceb8ba] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-50ceb8ba] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-50ceb8ba] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-50ceb8ba] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-50ceb8ba] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-50ceb8ba] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-50ceb8ba] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-50ceb8ba] {\n  color: #004fff;\n}\n[data-v-50ceb8ba] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAifA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AChfA;ADmfA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACjfA;ADmfA;EACA,aAAA;EACA,mBAAA;ACjfA;ADmfA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxfA;AD4fA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1fA;AD8fA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;AC7fA;AD+fA;EACA,cAAA;AC7fA;AD+fA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC7fA;AD+fA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;AC7fA;ADggBA;EACA,aAAA;EACA,mBAAA;AC9fA;ADggBA;EACA,aAAA;EACA,sBAAA;AC9fA;ADggBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC9fA;ADggBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC9fA;ADigBA;EACA,gFAAA;EACA,0BAAA;AC/fA;ADmgBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACjgBA;ADwgBA;EACA,OAAA;ACtgBA;ADwgBA;EACA,aAAA;EACA,6BAAA;ACtgBA;ADygBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACvgBA;ADygBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACvgBA;AD6gBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;AC3gBA;AD6gBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC3gBA;AD8gBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC5gBA;AD+gBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC7gBA;ADghBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC9gBA;ADshBA;EACA,YAAA;EACA,iBAAA;ACnhBA;ADshBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACphBA;ADyhBA;EACA,YAAA;EACA,iBAAA;ACvhBA;ADyhBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvhBA;AD+hBA;EACA,qBAAA;EACA,mBAAA;AC7hBA;ADkiBA;EACA,cAAA;AChiBA;ADqiBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;ACniBA;ADsiBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACpiBA;ADwiBA;EACA,gBAAA;ACriBA;ADwiBA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;ACriBA;ADuiBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACtiBA;ADyiBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACviBA;AD2iBA;EACA,cAAA;ACxiBA;AD4iBA;EACA,kBAAA;ACziBA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\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="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="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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰:</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>--\x3e\r\n\r\n            \x3c!-- <el-button\r\n              @click="pitch--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="pitch++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n\r\n            \x3c!-- <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            >--\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向:\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</div\r\n            >\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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    offline: {\r\n      type: Boolean,\r\n      default: () => true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  methods: {\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId: this.selected_mount.mountId || this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40 {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n', '.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, s, "data-v-50ceb8ba", false, undefined, !1, a);
+export { c as default };

dist/index-Dg0Rw7Kt.js

-import{k as r}from"./utils-DFbQKfwy.js";import n from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const e={data:()=>({timer:null,radio:1,safety_switch_state:!1,fire_status:!1}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_fire_ctrl(n){if(!this.safety_switch_state)return this.fire_status=!1;const i=r.fire_ctrl(1);this.commit_directive(i)},commit_directive(r){this.$emit("directive",r)},fangxiang(n){let i=null;switch(n){case"up":i=r.gimbal_yaw_ctrl(0),this.commit_directive(i),setTimeout((()=>{i=r.gimbal_pitch_ctrl(1),this.commit_directive(i)}),50);break;case"right":i=r.gimbal_pitch_ctrl(0),this.commit_directive(i),setTimeout((()=>{i=r.gimbal_yaw_ctrl(-1),this.commit_directive(i)}),50);break;case"left":i=r.gimbal_pitch_ctrl(0),this.commit_directive(i),setTimeout((()=>{i=r.gimbal_yaw_ctrl(1),this.commit_directive(i)}),50);break;case"down":i=r.gimbal_yaw_ctrl(0),this.commit_directive(i),setTimeout((()=>{i=r.gimbal_pitch_ctrl(-1),this.commit_directive(i)}),50)}this.timer=setTimeout((()=>{clearTimeout(this.timer),i=r.gimbal_pitch_ctrl(0),this.commit_directive(i),i=r.gimbal_yaw_ctrl(0),this.commit_directive(i)}),500)},init_rocker(){let n=null;joystick({onstart:i=>{switch(i){case"up":n=r.gimbal_yaw_ctrl(0),this.commit_directive(n),setTimeout((()=>{n=r.gimbal_pitch_ctrl(1),this.commit_directive(n)}),50);break;case"right":n=r.gimbal_pitch_ctrl(0),this.commit_directive(n),setTimeout((()=>{n=r.gimbal_yaw_ctrl(-1),this.commit_directive(n)}),50);break;case"left":n=r.gimbal_pitch_ctrl(0),this.commit_directive(n),setTimeout((()=>{n=r.gimbal_yaw_ctrl(1),this.commit_directive(n)}),50);break;case"down":n=r.gimbal_yaw_ctrl(0),this.commit_directive(n),setTimeout((()=>{n=r.gimbal_pitch_ctrl(-1),this.commit_directive(n)}),50)}},onend:()=>{n=r.gimbal_pitch_ctrl(0),this.commit_directive(n),n=r.gimbal_yaw_ctrl(0),this.commit_directive(n)}})}}};var t=function(){var r=this,n=r.$createElement,i=r._self._c||n;return i("div",{staticClass:"cpt-MMC_Gimbal_FF6"},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[i("div",{staticClass:"title"},[r._v("喷火器")])]),r._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[r._v("保险")]),r._v(" "),i("div",{staticClass:"input-box"},[i("el-switch",{attrs:{size:"mini"},model:{value:r.safety_switch_state,callback:function(n){r.safety_switch_state=n},expression:"safety_switch_state"}})],1)]),r._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[r._v("喷火")]),r._v(" "),i("div",{staticClass:"input-box"},[i("el-switch",{attrs:{size:"mini"},on:{change:r.handle_fire_ctrl},model:{value:r.fire_status,callback:function(n){r.fire_status=n},expression:"fire_status"}})],1)])]),r._v(" "),i("div",{staticClass:"rocker-wrap"},[r._m(0),r._v(" "),i("div",{ref:"rocker",staticClass:"rocker"},[i("div",{staticClass:"shangUp",on:{click:function(n){return r.fangxiang("up")}}}),r._v(" "),i("div",{staticClass:"xaiUp",on:{click:function(n){return r.fangxiang("down")}}}),r._v(" "),i("div",{staticClass:"zuoUp",on:{click:function(n){return r.fangxiang("right")}}}),r._v(" "),i("div",{staticClass:"youUp",on:{click:function(n){return r.fangxiang("left")}}})])])])])};t._withStripped=!0;const o=n({render:t,staticRenderFns:[function(){var r=this,n=r.$createElement,i=r._self._c||n;return i("div",{staticClass:"title-box"},[i("div",{staticClass:"title"},[r._v("操作")])])}]},(function(r){r&&r("data-v-2316b668_0",{source:'.cpt-MMC_Gimbal_FF6[data-v-2316b668] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_FF6 .hd .title[data-v-2316b668] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_FF6 .bd[data-v-2316b668] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap[data-v-2316b668] {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item[data-v-2316b668] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .label-box[data-v-2316b668] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box[data-v-2316b668] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-2316b668] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap[data-v-2316b668] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .title-box .title[data-v-2316b668] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .rocker[data-v-2316b668] {\n  margin: 10px auto 0;\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_FF6 .bd .rocker-wrap .rocker .shangUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .xaiUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .zuoUp[data-v-2316b668] {\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_FF6 .bd .rocker-wrap .rocker .youUp[data-v-2316b668] {\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-2316b668] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-2316b668] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-2316b668] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-2316b668] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-2316b668] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-2316b668] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-2316b668] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FF6\\index.vue","index.vue"],names:[],mappings:"AAkKA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACjKA;ADmKA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACjKA;ADoKA;EACA,aAAA;EACA,8BAAA;AClKA;ADmKA;EACA,gBAAA;EACA,cAAA;ACjKA;ADkKA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChKA;ADiKA;EACA,cAAA;EACA,WAAA;AC/JA;ADiKA;EACA,aAAA;EACA,mBAAA;AC/JA;ADiKA;EACA,eAAA;EACA,cAAA;AC/JA;ADqKA;EACA,OAAA;ACnKA;ADqKA;EACA,cAAA;ACnKA;ADsKA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACpKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;AD0KA;EACA,YAAA;EACA,iBAAA;ACvKA;ADyKA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvKA;AD2KA;EACA,YAAA;EACA,iBAAA;ACzKA;AD0KA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxKA;AD+KA;EACA,qBAAA;EACA,mBAAA;AC7KA;ADiLA;EACA,cAAA;AC/KA;ADmLA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACjLA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_FF6">\r\n    <div v-interact class="hd">\r\n      <div class="title">喷火器</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-switch v-model="safety_switch_state" size="mini" />\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-switch v-model="fire_status" size="mini" @change="handle_fire_ctrl" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_FF6 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: false,\r\n      fire_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_fire_ctrl(value) {\r\n      if (!this.safety_switch_state) {\r\n        return (this.fire_status = false);\r\n      }\r\n      const buff = MMC_Gimbal_FF6.fire_ctrl(1);\r\n      this.commit_directive(buff);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          setTimeout(() => {\r\n            buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(-1);\r\n            this.commit_directive(buffer);\r\n          }, 50);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n              this.commit_directive(buffer);\r\n              setTimeout(() => {\r\n                buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(-1);\r\n                this.commit_directive(buffer);\r\n              }, 50);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(0);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FF6 {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      min-width: 245px;\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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 {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_FF6 {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_FF6 .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_FF6 .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap {\n  min-width: 245px;\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FF6 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FF6 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_FF6 .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_FF6 .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_FF6 .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_FF6 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),e,"data-v-2316b668",false,undefined,!1,i,void 0,void 0);export{o as default};

dist/index-DtdedQZU.js

+import { M as n, c as r } from "./utils-4kGecFw2.js";
+import { _ as e, a as t } from "./record-WJfBn7Fn.js";
+import { _ as i } from "./mount_head-c1OIlkSj.js";
+import { n as o, c as a } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    device: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    selected_mount: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    moveType: {
+      type: String,
+      "default": function _default() {
+        return "";
+      }
+    }
+  },
+  data: function data() {
+    return {
+      holderModelDom: 1,
+      radio: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      ptz_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      camera_mode: 0,
+      record: !1,
+      dj_mode: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: -30
+      }, {
+        val: "60",
+        num: -60
+      }, {
+        val: "90",
+        num: -90
+      }],
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        camera_mode: [{
+          id: 0,
+          label: "录像"
+        }, {
+          id: 2,
+          label: "拍照"
+        }]
+      },
+      timer: null,
+      time: null
+    };
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {},
+  methods: {
+    init_rocker: function init_rocker() {
+      var _this2 = this;
+      var r = null;
+      joystick({
+        zone: this.$refs.rocker,
+        mode: "static",
+        position: {
+          left: "50%",
+          top: "50%"
+        },
+        color: "#9bacbe",
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "right":
+              r = n.gimbal_yaw_ctrl(1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "left":
+              r = n.gimbal_yaw_ctrl(-1, _this2.control_speed), _this2.commit_directive(r);
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this2.control_speed), _this2.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(r), r = n.gimbal_yaw_ctrl(0, _this2.control_speed), _this2.commit_directive(r);
+        }
+      });
+    },
+    handle_change_dj_mode: function handle_change_dj_mode(n) {
+      console.log(this.selected_mount, "selected_mount");
+    },
+    onChangezoom: function onChangezoom(n) {
+      this.value2 < this.value ? this.handle_zoom(1) : this.value2 > this.value && this.handle_zoom(-1), this.value2 = n;
+    },
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var r = n.zoom(this.zoom = 1);
+      this.commit_directive(r);
+    },
+    resolve_payload: function resolve_payload(n) {
+      try {
+        var _e = new Uint8Array(n);
+        if (165 === _e[0] && r(_e) === _e[_e.length - 1]) switch (_e[1]) {
+          case 1:
+            this.msg_key_status1(_e);
+            break;
+          case 248:
+            this.gcs_button_ctrl(_e);
+        }
+      } catch (n) {}
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var r = n[3],
+        e = n[4];
+      if (4 === r) this.gimbal_mode_ctrl(e);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(r) {
+      this.holderModelDom = r;
+      var e = n.gimbal_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_zoom: function handle_zoom(r) {
+      var e = n.zoom(this.zoom + r);
+      this.commit_directive(e);
+    },
+    handle_change_pitch: function handle_change_pitch(r) {
+      this.pitch = r;
+      var e = n.change_pitch_angle(this.pitch);
+      this.commit_directive(e);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var r = n.change_yaw_angle(this.yaw);
+      this.commit_directive(r);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(r) {
+      var e = n.camera_mode_ctrl(r);
+      this.commit_directive(e);
+    },
+    handle_take_photo: function handle_take_photo() {
+      var r = this.position,
+        e = n.take_photo(r || {});
+      this.commit_directive(e);
+    },
+    handle_record: function handle_record() {
+      this.record = !this.record;
+      var r = n.record(this.record);
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      console.log(n), this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this3 = this;
+      clearTimeout(this.time);
+      var e = null;
+      switch (this.flag = !0, this.flag && (this.time = setTimeout(function () {
+        _this3.fangxiang(r);
+      }, 500)), r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "left":
+          e = n.gimbal_yaw_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+          e = n.gimbal_yaw_ctrl(-1, this.control_speed), this.commit_directive(e);
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      this.flag = !1, clearTimeout(this.time);
+      var r = null;
+      r = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(r), r = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(r);
+    }
+  }
+};
+var s = function s() {
+    var n = this,
+      r = n.$createElement,
+      i = n._self._c || r;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_Z40",
+      style: n.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(r) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mono"
+    }, [i("div", {
+      staticClass: "mono-long"
+    }, [i("div", {
+      staticClass: "mono-left mono_box",
+      "class": {
+        active: 0 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDom
+      },
+      on: {
+        click: function click(r) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦:")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("div", {
+      staticClass: "mr10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), i("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1,
+        disabled: ""
+      },
+      on: {
+        change: n.stopChange,
+        input: n.onChangezoom
+      },
+      model: {
+        value: n.value,
+        callback: function callback(r) {
+          n.value = r;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "ml10",
+      staticStyle: {
+        cursor: "pointer"
+      },
+      on: {
+        mousedown: function mousedown(r) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseout: n.stopChange
+      }
+    }, [i("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)])]), n._v(" "), i("div", {
+      staticClass: "rocker-wrap"
+    }, [i("div", {
+      staticClass: "item-group"
+    }, [i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: e,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), i("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [i("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [i("div", {
+      staticClass: "icon-box"
+    }, [i("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), i("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    })])])]);
+  },
+  l = [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "left ml8"
+    }, [e("img", {
+      attrs: {
+        src: i
+      }
+    }), n._v(" "), e("div", {
+      staticClass: "title"
+    }, [n._v("高清变焦相机")])]);
+  }, function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "text"
+    }, [e("div", {
+      staticClass: "text-left"
+    }, [n._v("锁定")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("跟随")]), n._v(" "), e("div", {
+      staticClass: "text-right"
+    }, [n._v("回中")])]);
+  }];
+s._withStripped = !0;
+var c = o({
+  render: s,
+  staticRenderFns: l
+}, function (n) {
+  n && n("data-v-f795f26e_0", {
+    source: '.cpt-MMC_Gimbal_Z40[data-v-f795f26e] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .hd[data-v-f795f26e] {\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_Z40 .hd .left[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .hd .left .title[data-v-f795f26e] {\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_Z40 .hd .close[data-v-f795f26e] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd[data-v-f795f26e] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap[data-v-f795f26e] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box[data-v-f795f26e] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box[data-v-f795f26e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono[data-v-f795f26e] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-f795f26e] {\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_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-f795f26e] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-f795f26e] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono .text[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap[data-v-f795f26e] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group[data-v-f795f26e] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-f795f26e] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-f795f26e] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker[data-v-f795f26e] {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker[data-v-f795f26e]  .back {\n  background: transparent !important;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker .shangUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .xaiUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .zuoUp[data-v-f795f26e] {\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_Z40 .bd .rocker-wrap .rocker .youUp[data-v-f795f26e] {\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-f795f26e] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f795f26e] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-f795f26e] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-f795f26e] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-f795f26e] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-f795f26e] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-f795f26e] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-f795f26e] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-f795f26e] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-f795f26e] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-f795f26e] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-f795f26e] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-f795f26e] {\n  color: #004fff;\n}\n[data-v-f795f26e] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\DJI_H20T\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA2YA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC1YA;AD6YA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC3YA;AD6YA;EACA,aAAA;EACA,mBAAA;AC3YA;AD6YA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AClZA;ADsZA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpZA;ADwZA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;ACvZA;ADyZA;EACA,cAAA;ACvZA;ADyZA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACvZA;ADyZA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;ACvZA;AD0ZA;EACA,aAAA;EACA,mBAAA;ACxZA;AD0ZA;EACA,aAAA;EACA,sBAAA;ACxZA;AD0ZA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACxZA;AD0ZA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACxZA;AD2ZA;EACA,gFAAA;EACA,0BAAA;ACzZA;AD6ZA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC3ZA;ADkaA;EACA,OAAA;AChaA;ADkaA;EACA,aAAA;EACA,6BAAA;AChaA;ADmaA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACjaA;ADmaA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACjaA;ADuaA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACraA;ADsaA;EACA,kCAAA;ACpaA;ADsaA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpaA;ADuaA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACraA;ADwaA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACtaA;ADyaA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvaA;AD+aA;EACA,YAAA;EACA,iBAAA;AC5aA;AD+aA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC7aA;ADkbA;EACA,YAAA;EACA,iBAAA;AChbA;ADkbA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AChbA;ADwbA;EACA,qBAAA;EACA,mBAAA;ACtbA;AD2bA;EACA,cAAA;ACzbA;AD8bA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC5bA;AD+bA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AC7bA;ADicA;EACA,gBAAA;AC9bA;ADicA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;AC9bA;ADgcA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC/bA;ADkcA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;AChcA;ADocA;EACA,cAAA;ACjcA;ADqcA;EACA,kBAAA;AClcA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="mono">\r\n              <div class="mono-long">\r\n                <div\r\n                  class="mono-left mono_box"\r\n                  :class="{ active: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\r\n        <div ref="rocker" class="rocker" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  beforeDestroy() {\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    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        zone: this.$refs[\'rocker\'],\r\n        mode: \'static\',\r\n        position: { left: \'50%\', top: \'50%\' },\r\n        color: \'#9bacbe\',\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    },\r\n\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId:this.selected_mount.mountId|| this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40 {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 240px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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        ::v-deep .back {\r\n          background: transparent !important;\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n', '.cpt-MMC_Gimbal_Z40 {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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_Z40 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40 .bd .rocker-wrap .rocker ::v-deep .back {\n  background: transparent !important;\n}\n.cpt-MMC_Gimbal_Z40 .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_Z40 .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_Z40 .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_Z40 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, A, "data-v-f795f26e", false, undefined, !1, a);
+export { c as default };

dist/index-Dtl5hA4_.js

+import { o as r } from "./utils-4kGecFw2.js";
+import { _ as n } from "./launch-g_kMwjYd.js";
+import { _ as e } from "./mount_head-c1OIlkSj.js";
+import { n as i, c as t } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      timer: null,
+      radio: 1,
+      safety_switch_state: !1,
+      laser_shine_status: !1
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$emit("showCenter", !0), this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_laser_shine_ctrl: function handle_laser_shine_ctrl(n) {
+      if (!this.safety_switch_state) return this.$message.warning("未打开保险"), this.laser_shine_status = !1;
+      {
+        var _n = r.laser_shine_ctrl(1);
+        this.commit_directive(_n), this.$message.success("发射成功");
+      }
+    },
+    commit_directive: function commit_directive(r) {
+      this.$emit("directive", r);
+    },
+    fangxiang: function fangxiang(n) {
+      var _this2 = this;
+      var e = null;
+      switch (n) {
+        case "up":
+          e = r.gimbal_pitch_ctrl(1), this.commit_directive(e);
+          break;
+        case "right":
+        case "left":
+          break;
+        case "down":
+          e = r.gimbal_pitch_ctrl(-1), this.commit_directive(e);
+      }
+      this.timer = setTimeout(function () {
+        clearTimeout(_this2.timer), e = r.gimbal_pitch_ctrl(0), _this2.commit_directive(e);
+      }, 500);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var n = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              n = r.gimbal_pitch_ctrl(1), _this3.commit_directive(n);
+              break;
+            case "right":
+            case "left":
+              break;
+            case "down":
+              n = r.gimbal_pitch_ctrl(-1), _this3.commit_directive(n);
+          }
+        },
+        onend: function onend() {
+          n = r.gimbal_pitch_ctrl(0), _this3.commit_directive(n);
+        }
+      });
+    }
+  }
+};
+var o = function o() {
+    var r = this,
+      e = r.$createElement,
+      i = r._self._c || e;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_FE8",
+      style: r.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [r._m(0), r._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(n) {
+          r.$emit("close"), r.$emit("showCenter", !1);
+        }
+      }
+    }, [r._v("关闭")])]), r._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("div", {
+      staticClass: "rocker-wrap"
+    }, [i("div", {
+      staticClass: "title-box"
+    }), r._v(" "), i("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [i("div", {
+      staticClass: "shangUp",
+      on: {
+        click: function click(n) {
+          return r.fangxiang("up");
+        }
+      }
+    }), r._v(" "), i("div", {
+      staticClass: "xaiUp",
+      on: {
+        click: function click(n) {
+          return r.fangxiang("down");
+        }
+      }
+    }), r._v(" "), i("div", {
+      staticClass: "zuoUp",
+      on: {
+        click: function click(n) {
+          return r.fangxiang("right");
+        }
+      }
+    }), r._v(" "), i("div", {
+      staticClass: "youUp",
+      on: {
+        click: function click(n) {
+          return r.fangxiang("left");
+        }
+      }
+    })])]), r._v(" "), i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [r._v("保险：")]), r._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      model: {
+        value: r.safety_switch_state,
+        callback: function callback(n) {
+          r.safety_switch_state = n;
+        },
+        expression: "safety_switch_state"
+      }
+    })], 1)]), r._v(" "), i("div", {
+      staticClass: "form-item launch"
+    }, [i("img", {
+      attrs: {
+        src: n,
+        alt: ""
+      },
+      on: {
+        click: r.handle_laser_shine_ctrl
+      }
+    }), r._v(" "), i("div", {
+      staticClass: "label-box"
+    }, [r._v("发射")])])])])]);
+  },
+  A = [function () {
+    var r = this,
+      n = r.$createElement,
+      i = r._self._c || n;
+    return i("div", {
+      staticClass: "left ml8"
+    }, [i("img", {
+      attrs: {
+        src: e
+      }
+    }), r._v(" "), i("div", {
+      staticClass: "title"
+    }, [r._v("催泪弹")])]);
+  }];
+o._withStripped = !0;
+var s = i({
+  render: o,
+  staticRenderFns: A
+}, function (r) {
+  r && r("data-v-f5ea1254_0", {
+    source: '.cpt-MMC_Gimbal_FE8[data-v-f5ea1254] {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE8 .hd[data-v-f5ea1254] {\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_FE8 .hd .left[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .hd .left .title[data-v-f5ea1254] {\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_FE8 .hd .close[data-v-f5ea1254] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FE8 .bd[data-v-f5ea1254] {\n  padding: 10px 20px;\n  display: flex;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap[data-v-f5ea1254] {\n  margin-left: 124px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .label-box[data-v-f5ea1254] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box[data-v-f5ea1254] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-f5ea1254] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .launch[data-v-f5ea1254] {\n  margin-top: 35px;\n  margin-left: 22px;\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .title-box .title[data-v-f5ea1254] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker[data-v-f5ea1254] {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker .shangUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .xaiUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .zuoUp[data-v-f5ea1254] {\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_FE8 .bd .rocker-wrap .rocker .youUp[data-v-f5ea1254] {\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-f5ea1254] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f5ea1254] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-f5ea1254] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-f5ea1254] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-f5ea1254] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-f5ea1254] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-f5ea1254] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FE8\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkKA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EAEA,sBAAA;ACnKA;ADoKA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AClKA;ADoKA;EACA,aAAA;EACA,mBAAA;AClKA;ADmKA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACxKA;AD4KA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC1KA;AD6KA;EACA,kBAAA;EACA,aAAA;EAEA,gBAAA;EACA,aAAA;EACA,kBAAA;AC5KA;AD6KA;EACA,kBAAA;AC3KA;AD8KA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AC5KA;AD6KA;EACA,cAAA;AC3KA;AD8KA;EACA,aAAA;EACA,mBAAA;AC5KA;AD8KA;EACA,eAAA;EACA,cAAA;AC5KA;ADiLA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;AC/KA;ADqLA;EACA,cAAA;ACnLA;ADsLA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EAEA,wEAAA;EACA,0BAAA;ACtLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;ADuLA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrLA;AD4LA;EACA,YAAA;EACA,iBAAA;ACzLA;AD2LA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACzLA;AD6LA;EACA,YAAA;EACA,iBAAA;AC3LA;AD4LA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1LA;ADiMA;EACA,qBAAA;EACA,mBAAA;AC/LA;ADmMA;EACA,cAAA;ACjMA;ADqMA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACnMA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_FE8" :style="containerStyle">\r\n    <div v-interact class="hd">\r\n      \x3c!-- <div class="title">八孔投弹器</div> --\x3e\r\n      <div class="left ml8">\r\n        <img src="../assets/images/mount/mount_head.png" />\r\n        <div class="title">催泪弹</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\'), $emit(\'showCenter\', false)">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          \x3c!-- <div class="title">操作</div> --\x3e\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item launch">\r\n          <img src="../assets/images/mount/launch.png" alt="" @click="handle_laser_shine_ctrl" />\r\n          <div class="label-box">发射</div>\r\n          \x3c!--<div class="input-box" @click="handle_laser_shine_ctrl">\r\n            <el-switch v-model="laser_shine_status" size="mini"></el-switch>\r\n          </div> --\x3e\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_FE8 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: false,\r\n      laser_shine_status: false\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$emit(\'showCenter\', true);\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (!this.safety_switch_state) {\r\n        this.$message.warning(\'未打开保险\');\r\n        return (this.laser_shine_status = false);\r\n      } else {\r\n        // if (this.laser_shine_status) {\r\n        const buff = MMC_Gimbal_FE8.laser_shine_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n        // setTimeout(() => {\r\n        //   this.laser_shine_status = false;\r\n        // }, 500);\r\n        // }\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(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 = MMC_Gimbal_FE8.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          // this.commit_directive(buffer);\r\n          // setTimeout(() => {\r\n          //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n          //   this.commit_directive(buffer);\r\n          // }, 50);\r\n          break;\r\n        case \'left\':\r\n          // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n          // this.commit_directive(buffer);\r\n          // setTimeout(() => {\r\n          //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n          //   this.commit_directive(buffer);\r\n          // }, 50);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(0);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(1);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              // this.commit_directive(buffer);\r\n              // setTimeout(() => {\r\n              //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(-1);\r\n              //   this.commit_directive(buffer);\r\n              // }, 50);\r\n              break;\r\n            case \'left\':\r\n              // buffer = MMC_Gimbal_FF6.gimbal_pitch_ctrl(0);\r\n              // this.commit_directive(buffer);\r\n              // setTimeout(() => {\r\n              //   buffer = MMC_Gimbal_FF6.gimbal_yaw_ctrl(1);\r\n              //   this.commit_directive(buffer);\r\n              // }, 50);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(-1);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_FE8.gimbal_pitch_ctrl(0);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FE8 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    // justify-content: space-between;\r\n    overflow-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\r\n    .form-wrap {\r\n      margin-left: 124px;\r\n      // min-width: 300px;\r\n      // flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          // width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-top: 35px;\r\n        margin-left: 22px;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      // flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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 {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_FE8 {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .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_FE8 .bd {\n  padding: 10px 20px;\n  display: flex;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap {\n  margin-left: 124px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE8 .bd .form-wrap .launch {\n  margin-top: 35px;\n  margin-left: 22px;\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE8 .bd .rocker-wrap .rocker {\n  width: 150px;\n  height: 150px;\n  position: relative;\n  background: center url("../assets/images/accident/caozuo.png") no-repeat;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_FE8 .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_FE8 .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_FE8 .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_FE8 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, a, "data-v-f5ea1254", false, undefined, !1, t);
+export { s as default };

dist/index-Dx3BIgII.js

-import{_ as n}from"./index-C19CNC6d.js";import{_ as e,a as r}from"./record-C77ba-0z.js";import{_ as t}from"./stop-CQsgqeQu.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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 s=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),l=11;function d(n){for(var e=0,r=1,t=n[2];t--;)e=s[e^n[r]],r++;return e}var c,m,_={server_status:15,param1:0,param2:0,param3:0,param4:0},v=17,u=31,p=13,A=18,h=12,f=5,b=5,g=6,C=6,x=8,E=17,k=8,y=5,w=5,M=45,z=4,S=4,T={A1C1E1:(m={A1C1E1:v+(c=3),A1C1E1S1:u+c,A2C2E2:p+c,A2C2E2S2:A+c,A1:h+c,A2:f+c,C1:b+c,C2:g+c,E1:C+c,E2:x+c,S1:E+c,S2:k+c,U:y+c,V:w+c,M_AHRS:M+c,HEART_BEAT:z+c,SHAKE_HAND:S+c}).A1C1E1+2,A1C1E1S1:m.A1C1E1S1+2,A2C2E2:m.A2C2E2+2,A2C2E2S2:m.A2C2E2S2+2,A1:m.A1+2,A2:m.A2+2,C1:m.C1+2,C2:m.C2+2,E1:m.E1+2,E2:m.E2+2,S1:m.S1+2,S2:m.S2+2,U:m.U+2,V:m.V+2,M_AHRS:m.M_AHRS+2,HEART_BEAT:m.HEART_BEAT+2,SHAKE_HAND:m.SHAKE_HAND+2},j={A1C1E1:T.A1C1E1+2,A1C1E1S1:T.A1C1E1S1+2,A2C2E2:T.A2C2E2+2,A2C2E2S2:T.A2C2E2S2+2,A1:T.A1+2,A2:T.A2+2,C1:T.C1+2,C2:T.C2+2,E1:T.E1+2,E2:T.E2+2,S1:T.S1+2,S2:T.S2+2,U:T.U+2,V:T.V+2,M_AHRS:T.M_AHRS+2,HEART_BEAT:T.HEART_BEAT+2,SHAKE_HAND:T.SHAKE_HAND+2},D=26,R=j.A1-1,B=(m={A1C1E1:v+(c=3),A1C1E1S1:u+c,A2C2E2:p+c,A2C2E2S2:A+c,A1:h+c,A2:f+c,C1:b+c,C2:g+c,E1:C+c,E2:x+c,S1:E+c,S2:k+c,U:y+c,V:w+c,M_AHRS:M+c,HEART_BEAT:z+c,SHAKE_HAND:S+c},m.A1C1E1S1,m.A2C2E2,m.A2C2E2S2,m.A1-1);m.A2,m.C1,m.C2,m.E1,m.E2,m.S1,m.S2,m.U,m.V,m.M_AHRS,m.HEART_BEAT,m.SHAKE_HAND;function H(n){var e,r,t=(e=n,(r=new Array)[0]=e.server_status,r[1]=e.param1>>8,r[2]=255&e.param1,r[3]=e.param2>>8,r[4]=255&e.param2,r[5]=e.param3>>8,r[6]=255&e.param3,r[7]=e.param4>>8,r[8]=255&e.param4,r),i=[85,170,220,0,0];return i[3]=h,i[4]=D,t.forEach((function(n){i.push(n)})),i[B]=function(n){for(var e=n[3],r=4,t=(63&n[3])-2;t--;)e^=n[r],r++;return e}(i),i}function Z(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 U=function(n){var e={server_status:11,param1:0,param2:0,param3:0,param4:0},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),H(e).forEach((function(n){r.push(n)})),r[18]=d(r),Z(r,19)},V=function(n){var e=Number(n),r=new Array(165,79,0);r[2]=T.A1,_.server_status=l;var t=0;e>=0?(t=e,_.param1=65536*t/360):(t=e,_.param1=65536*t/360+65536);var i=H(_);return i.forEach((function(n){r.push(n)})),console.log(i,"buff_arr"),r[R]=d(r),Z(r,j.A1)},G=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 I=17,F=31,$=13,N=18,q=12,K=5,Y=5,O=6,L=6,W=8,P=17,Q=8,X=5,J=5,nn=45,en=4,rn=4,tn={A1C1E1:(an={A1C1E1:I+(on=3),A1C1E1S1:F+on,A2C2E2:$+on,A2C2E2S2:N+on,A1:q+on,A2:K+on,C1:Y+on,C2:O+on,E1:L+on,E2:W+on,S1:P+on,S2:Q+on,U:X+on,V:J+on,M_AHRS:nn+on,HEART_BEAT:en+on,SHAKE_HAND:rn+on}).A1C1E1+2,A1C1E1S1:an.A1C1E1S1+2,A2C2E2:an.A2C2E2+2,A2C2E2S2:an.A2C2E2S2+2,A1:an.A1+2,A2:an.A2+2,C1:an.C1+2,C2:an.C2+2,E1:an.E1+2,E2:an.E2+2,S1:an.S1+2,S2:an.S2+2,U:an.U+2,V:an.V+2,M_AHRS:an.M_AHRS+2,HEART_BEAT:an.HEART_BEAT+2,SHAKE_HAND:an.SHAKE_HAND+2};var on,an,sn={A1C1E1:tn.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},ln={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},dn=44,cn=64,mn=sn.C2-1,_n={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},vn=(an={A1C1E1:I+(on=3),A1C1E1S1:F+on,A2C2E2:$+on,A2C2E2S2:N+on,A1:q+on,A2:K+on,C1:Y+on,C2:O+on,E1:L+on,E2:W+on,S1:P+on,S2:Q+on,U:X+on,V:J+on,M_AHRS:nn+on,HEART_BEAT:en+on,SHAKE_HAND:rn+on},an.A1C1E1S1,an.A2C2E2,an.A2C2E2S2,an.A1,an.A2,an.C1,an.C2-1),un=(an.E1,an.E2,an.S1,an.S2,an.U,an.V,an.M_AHRS,an.HEART_BEAT,an.SHAKE_HAND,{ctrl:83,param:0});function pn(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){_n.UAV_latitude=(n[2]<<24|n[3]<<16|n[4]<<8|n[5])/1e7,_n.UAV_longitude=(n[6]<<24|n[7]<<16|n[8]<<8|n[9])/1e7,_n.UAV_altitude=n[10]<<8|n[11],_n.Target_latitude=(n[12]<<24|n[13]<<16|n[14]<<8|n[15])/1e7,_n.Target_longitude=(n[16]<<24|n[17]<<16|n[18]<<8|n[19])/1e7,_n.Target_altitude=n[20]<<8|n[21];var e=new Int16Array(1);return e[0]=n[20]<<8|n[21],_n.Target_altitude=e[0],{longitude:_n.Target_longitude,latitude:_n.Target_latitude,altitude:_n.Target_altitude}}(r)}function An(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 ln.SENSOR=7&n[0],ln.IR_DZOOM=(120&n[0])>>3,ln.IR_WHITE_BLACK=n[0]>>7,ln.recstatus=3&n[3],ln.ir_gray_color=(60&n[3])>>2,ln.eo_dzoom=(192&n[3])>>6|(3&n[2])<<2,ln.lrf_value=n[4]<<8|n[5],ln.v_fov=.01*(n[6]<<8|n[7]),ln.h_fov=.01*(n[8]<<8|n[9]),ln.eo_zoom=.1*(n[10]<<8|n[11]),ln.lrf_value/10}(o)}function hn(n){for(var e=n[3],r=4,t=(63&n[3])-2;t--;)e^=n[r],r++;return e}function fn(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]=O,r[4]=dn,e.forEach((function(n){r.push(n)})),r[vn]=hn(r),r}var bn=2,gn=0,Cn=1,xn=2,En=3,kn=n(n(n(n(n(n({tracksource:0},"tracksource",1),"tracksource",bn),"trackstatus",gn),"trackstatus",Cn),"trackstatus",xn),"trackstatus",En);function yn(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 kn.tracksource=7&n,kn.trackstatus=(24&n)>>3,3==(e=kn.trackstatus)?"丢失":2==e?"跟踪中":1==e?"搜索":"停止";var e}(t)}var wn=function(n){var e=Number(n),r=[165,79,0];return r[2]=tn.C2,un.param=10*e,fn(un).forEach((function(n){r.push(n)})),r[mn]=function(n){for(var e=0,r=1,t=n[2];t--;)e=G[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,sn.C2)},Mn=function(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(hn(t)==t[r-1]&&n[7]===cn)return pn(t)}},zn=function(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(hn(t)==t[r-1]&&n[7]===cn)return yn(t)}},Sn=function(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(hn(t)==t[r-1]&&n[7]===cn)return An(t)}};let Tn=null;const jn={props:{containerStyle:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""},keyFlag:{type:Boolean,default:()=>!1},payload_data:{type:Array,default:()=>[]}},data:()=>({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(){return this.$store.state.fckernel.stream}},watch:{payload_data:{handler(n){this.resolve_payload(n)},deep:!0}},beforeDestroy(){Tn&&(window.viewer.entities.remove(Tn),Tn=null),this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:0})},methods:{resolve_payload(n){const e=new Uint8Array(n),r=Mn(e);r&&(this.opacity=r);const t=zn(e);t&&(this.gcs_status=t),r&&this.init(r);const i=Sn(e);null!=i&&(this.jgcj=i)},init(n){try{if(n&&n.longitude){const e=Cesium.Cartesian3.fromDegrees(1*n.longitude,1*n.latitude,1*n.altitude);this.position=e,!Tn&&this.position&&(Tn=window.viewer.entities.add({position:new Cesium.CallbackProperty((()=>this.position),!1),billboard:{image:"c2e5e6d9e833741b.svg",width:32,height:32}}))}}catch(n){console.log(n)}},handle_change_click_mode(n){this.holderModelDomV1=n;const 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(n){this.holdercolorDomV1=n;const 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(n){this.frameModel=n;const 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(n){this.holderModelDomV2=n;const 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(){const{control_mode:n}=this,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(n){let e=null;if(0==n){const n={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(n),this.$store.commit("device/SET_MOVE_DATA",{...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",{...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(n){this.$store.commit("device/SET_MOVE_DATA",{...this.device,mountStatus:n,mountId:this.selected_mount.mountId,moveType:this.moveType,name:this.selected_mount.name})},handle_change_pitch(){if(this.pitch>200&&(this.pitch=200),this.pitch){const n=U(this.pitch);this.commit_directive(n)}},handle_change_yaw(){const n=V(this.yaw);this.commit_directive(n)},handle_change_Zoom(){const n=wn(this.zoom);this.commit_directive(n)},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(){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(){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(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(){const{aqerturn_mode:n}=this;if(0!=n){const n=[165,79,16,85,170,220,11,255,129,1,4,36,95,0,2,255,246,82];this.commit_directive(n)}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(){const{colour_mode:n}=this;if(0!=n){const n=[165,79,16,85,170,220,11,255,129,1,4,36,95,0,6,255,242,191];this.commit_directive(n)}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(n){let 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(n){this.holder_electron_value=n;let 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(n){this.holder_night_value=n;let 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(n){let 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(n){let e=null;e=0==n?[166,1,3,0,107]:[166,1,3,1,90],this.commit_directive(e)},handle_change_kdt_mode(n){let 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(n){let 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(n){let 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(n){this.holder_bph_value=n;let 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(n){let 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(){this.record?this.$message.info("请结束录像后再关闭！"):this.$emit("close")},handle_take_photo(){if(!this.keyFlag)return this.$message.error("拍照失败，NX通信异常！");const 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(){if(!this.keyFlag)return this.$message.error("录像失败，NX通信异常！");this.record=!this.record;const 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(n){if(console.log(n,"e"),n<25){const n=[165,4,3,0,4];this.commit_directive(n)}if(n>25){const n=[165,4,3,2,102];this.commit_directive(n)}25==n&&this.handle_zoom(1),this.value2=n},commit_directive(n){this.$emit("directive",n)},fangxiang(n){let 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(){this.commit_directive([165,79,17,85,170,220,12,26,13,0,0,5,220,0,0,5,220,27,60])}}};var Dn=function(){var n=this,i=n.$createElement,o=n._self._c||i;return o("div",{staticClass:"cpt-MMC_Gimbal_ZT60R",style:n.containerStyle},[o("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),o("div",{staticClass:"close",on:{click:n.close}},[n._v("关闭")])]),n._v(" "),o("div",{staticClass:"bd"},[o("div",{staticClass:"form-wrap"},[o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("控制选项")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_control_mode},model:{value:n.control_mode,callback:function(e){n.control_mode=e},expression:"control_mode"}},[o("el-option",{attrs:{label:"一键向下",value:0}}),n._v(" "),o("el-option",{attrs:{label:"航向回中",value:1}}),n._v(" "),o("el-option",{attrs:{label:"俯仰水平",value:2}}),n._v(" "),o("el-option",{attrs:{label:"回中",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("点 击")]),n._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==n.holderModelDomV1},on:{click:function(e){return n.handle_change_click_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV1},on:{click:function(e){return n.handle_change_click_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV1},on:{click:function(e){return n.handle_change_click_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("云台模式")]),n._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==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(e){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(2)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("跟踪控制:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(e){n.dj_mode=e},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"item-group jcsb ml100 w100"},[o("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[o("div",{staticClass:"icon-box cp"},[o("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),o("div",{staticClass:"item-box",on:{click:n.handle_record}},[o("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[o("div",{staticClass:"icon-box cp"},[n.record?o("img",{attrs:{src:t,alt:""}}):o("img",{attrs:{src:r,alt:""}})])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("AI识别:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_ai_mode},model:{value:n.ai_mode,callback:function(e){n.ai_mode=e},expression:"ai_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("变       倍")]),n._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:n.zoom,callback:function(e){n.zoom=n._n(e)},expression:"zoom"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_Zoom}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("俯       仰")]),n._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:n.pitch,callback:function(e){n.pitch=n._n(e)},expression:"pitch"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_pitch}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("航       向")]),n._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:n.yaw,callback:function(e){n.yaw=n._n(e)},expression:"yaw"}}),n._v(" "),o("el-button",{attrs:{size:"mini",type:"primary"},on:{click:n.handle_change_yaw}},[o("span",{staticClass:"cf"},[n._v("设置")])])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),o("div",{staticClass:"input-box"},[o("div",{staticClass:"mr10 cur",on:{mousedown:function(e){return n.handle_zoom_reduce()},mouseup:n.stopChange,mouseout:n.stopChange}},[o("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),o("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(e){n.value=e},expression:"value"}}),n._v(" "),o("div",{staticClass:"ml10 cur",on:{mousedown:function(e){return n.handle_zoom_plus()},mouseup:n.stopChange,mouseout:n.stopChange}},[o("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("画中画：")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_frame_model},model:{value:n.frameModel,callback:function(e){n.frameModel=e},expression:"frameModel"}},[o("el-option",{attrs:{label:"高清",value:0}}),n._v(" "),o("el-option",{attrs:{label:"主高清",value:1}}),n._v(" "),o("el-option",{attrs:{label:"主红外",value:2}}),n._v(" "),o("el-option",{attrs:{label:"红外",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("光圈调节")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_aqerturn_mode},model:{value:n.aqerturn_mode,callback:function(e){n.aqerturn_mode=e},expression:"aqerturn_mode"}},[o("el-option",{attrs:{label:"关",value:0}}),n._v(" "),o("el-option",{attrs:{label:"1",value:1}}),n._v(" "),o("el-option",{attrs:{label:"2",value:2}}),n._v(" "),o("el-option",{attrs:{label:"3",value:3}}),n._v(" "),o("el-option",{attrs:{label:"4",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("红外色板")]),n._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==n.holdercolorDomV1},on:{click:function(e){return n.handle_change_click_color(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holdercolorDomV1},on:{click:function(e){return n.handle_change_click_color(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holdercolorDomV1},on:{click:function(e){return n.handle_change_click_color(2)}}})]),n._v(" "),n._m(3)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("色彩增益")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-select",{attrs:{size:"mini",placeholder:"选择模式"},on:{change:n.change_colour_mode},model:{value:n.colour_mode,callback:function(e){n.colour_mode=e},expression:"colour_mode"}},[o("el-option",{attrs:{label:"关",value:0}}),n._v(" "),o("el-option",{attrs:{label:"1",value:1}}),n._v(" "),o("el-option",{attrs:{label:"2",value:2}}),n._v(" "),o("el-option",{attrs:{label:"3",value:3}}),n._v(" "),o("el-option",{attrs:{label:"4",value:3}})],1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box w87"},[n._v("可见度增强:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_visibility_mode},model:{value:n.visibility,callback:function(e){n.visibility=e},expression:"visibility"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子增稳")]),n._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==n.holder_electron_value},on:{click:function(e){return n.handle_change_electron_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_electron_value},on:{click:function(e){return n.handle_change_electron_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_electron_value},on:{click:function(e){return n.handle_change_electron_mode(2)}}})]),n._v(" "),n._m(4)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("夜间模式")]),n._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==n.holder_night_value},on:{click:function(e){return n.handle_change_night_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_night_value},on:{click:function(e){return n.handle_change_night_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_night_value},on:{click:function(e){return n.handle_change_night_mode(2)}}})]),n._v(" "),n._m(5)])])]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("降 噪:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_jz_mode},model:{value:n.jz_mode,callback:function(e){n.jz_mode=e},expression:"jz_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("联控模式:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_lk_mode},model:{value:n.lk_mode,callback:function(e){n.lk_mode=e},expression:"lk_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("宽 动 态:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_kdt_mode},model:{value:n.Kdt_mode,callback:function(e){n.Kdt_mode=e},expression:"Kdt_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("电子变倍:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_dz_mode},model:{value:n.dz_mode,callback:function(e){n.dz_mode=e},expression:"dz_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("透雾:")]),n._v(" "),o("div",{staticClass:"input-box"},[o("el-radio-group",{on:{change:n.handle_change_tw_mode},model:{value:n.tw_mode,callback:function(e){n.tw_mode=e},expression:"tw_mode"}},n._l(n.drd.dj_mode,(function(e){return o("el-radio",{key:e.id,attrs:{size:"mini",label:e.id}},[n._v("\n              "+n._s(e.label)+"\n            ")])})),1)],1)]),n._v(" "),o("div",{staticClass:"form-item"},[o("div",{staticClass:"label-box"},[n._v("白 平 衡")]),n._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==n.holder_bph_value},on:{click:function(e){return n.handle_change_bph_mode(0)}}}),n._v(" "),o("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holder_bph_value},on:{click:function(e){return n.handle_change_bph_mode(1)}}}),n._v(" "),o("div",{staticClass:"mono-right mono_box",class:{active:2==n.holder_bph_value},on:{click:function(e){return n.handle_change_bph_mode(2)}}})]),n._v(" "),n._m(6)])])])]),n._v(" "),o("div",{staticClass:"rocker-wrap"},[o("div",{ref:"rocker",staticClass:"rocker"},[o("div",{staticClass:"shangUp",on:{mousedown:function(e){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"xaiUp",on:{mousedown:function(e){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"zuoUp",on:{mousedown:function(e){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),o("div",{staticClass:"youUp",on:{mousedown:function(e){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("跟踪状态：")]),n._v("\n        "+n._s(n.gcs_status||"未跟踪")+"\n      ")]),n._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:n.opacity.longitude,expression:"opacity.longitude"}]},[o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("目标经度：")]),n._v("\n          "+n._s(n.opacity.longitude||"暂无")+"\n        ")]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("目标维度：")]),n._v("\n          "+n._s(n.opacity.latitude||"暂无")+"\n        ")]),n._v(" "),o("div",{staticClass:"f12 mt20 ml10",staticStyle:{color:"#69e7f1"}},[o("span",{staticClass:"cf"},[n._v("激光测距：")]),n._v("\n          "+n._s(n.jgcj)+"m\n        ")])])])])])},Rn=[function(){var n=this,e=n.$createElement,r=n._self._c||e;return r("div",{staticClass:"left ml8"},[r("img",{attrs:{src:i}}),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("室外")])])}];Dn._withStripped=!0;const Bn=o({render:Dn,staticRenderFns:Rn},(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})}),jn,"data-v-a9b5baf0",false,undefined,!1,a,void 0,void 0);export{Bn as default};

dist/index-DzE7kCgp.js

+import { r as n } from "./utils-4kGecFw2.js";
+import { n as e, e as t, c as i } from "./index-BcLRpF0n.js";
+import { _ as r } from "./mount_head-c1OIlkSj.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      radio: 1,
+      safety_switch_state: !1,
+      fire_status: !1
+    };
+  },
+  methods: {
+    handle_fire_ctrl: function handle_fire_ctrl() {
+      if (console.log(111, this.safety_switch_state), !this.safety_switch_state) return this.$message.warning("保险未打开！"), this.fire_status = !1;
+      var e = null;
+      e = this.fire_status ? n.gimbal_mode2_ctrl(1) : n.gimbal_mode2_ctrl(0), this.commit_directive(e);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    }
+  }
+};
+var s = function s() {
+    var n = this,
+      e = n.$createElement,
+      i = n._self._c || e;
+    return i("div", {
+      staticClass: "cpt-MMC_Gimbal_FE3",
+      style: n.containerStyle
+    }, [i("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), i("div", {
+      staticClass: "close",
+      on: {
+        click: function click(e) {
+          return n.$emit("close");
+        }
+      }
+    }, [n._v("关闭")])]), n._v(" "), i("div", {
+      staticClass: "bd"
+    }, [i("img", {
+      staticClass: "ml16",
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    }), n._v(" "), i("div", {
+      staticClass: "form-wrap"
+    }, [i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("保险")]), n._v(" "), i("div", {
+      staticClass: "input-box"
+    }, [i("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      model: {
+        value: n.safety_switch_state,
+        callback: function callback(e) {
+          n.safety_switch_state = e;
+        },
+        expression: "safety_switch_state"
+      }
+    })], 1)]), n._v(" "), i("div", {
+      staticClass: "form-item"
+    }, [i("div", {
+      staticClass: "label-box"
+    }, [n._v("开关")]), n._v(" "), i("div", {
+      staticClass: "input-box",
+      on: {
+        click: n.handle_fire_ctrl
+      }
+    }, [i("el-switch", {
+      attrs: {
+        size: "mini"
+      },
+      model: {
+        value: n.fire_status,
+        callback: function callback(e) {
+          n.fire_status = e;
+        },
+        expression: "fire_status"
+      }
+    })], 1)])])])]);
+  },
+  o = [function () {
+    var n = this,
+      e = n.$createElement,
+      t = n._self._c || e;
+    return t("div", {
+      staticClass: "left ml8"
+    }, [t("img", {
+      attrs: {
+        src: r
+      }
+    }), n._v(" "), t("div", {
+      staticClass: "title"
+    }, [n._v("干粉灭火器")])]);
+  }];
+s._withStripped = !0;
+var l = e({
+  render: s,
+  staticRenderFns: o
+}, function (n) {
+  n && n("data-v-6e76eb9e_0", {
+    source: ".cpt-MMC_Gimbal_FE3[data-v-6e76eb9e] {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE3 .hd[data-v-6e76eb9e] {\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_FE3 .hd .left[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .hd .left .title[data-v-6e76eb9e] {\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_FE3 .hd .close[data-v-6e76eb9e] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FE3 .bd[data-v-6e76eb9e] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap[data-v-6e76eb9e] {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .label-box[data-v-6e76eb9e] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box[data-v-6e76eb9e] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-6e76eb9e] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .launch[data-v-6e76eb9e] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_FE3\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAsEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACxEA;ADyEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACvEA;ADyEA;EACA,aAAA;EACA,mBAAA;ACvEA;ADwEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC7EA;ADiFA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC/EA;ADkFA;EACA,aAAA;AChFA;ADiFA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC/EA;ADgFA;EACA,aAAA;EACA,mBAAA;AC9EA;AD+EA;EACA,cAAA;AC7EA;AD+EA;EACA,aAAA;EACA,mBAAA;AC7EA;AD+EA;EACA,eAAA;EACA,cAAA;AC7EA;ADkFA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AChFA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_FE3" :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">干粉灭火器</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'close\')">关闭</div>\r\n    </div>\r\n    <div class="bd">\r\n      <img class="ml16" src="../assets/images/observe/019.svg" alt="" />\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-switch v-model="safety_switch_state" size="mini" />\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" @click="handle_fire_ctrl">\r\n            <el-switch v-model="fire_status" size="mini" />\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_FE3 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      radio: 1,\r\n      // 保险状态\r\n      safety_switch_state: false,\r\n      // 开关状态\r\n      fire_status: false\r\n    };\r\n  },\r\n  methods: {\r\n    handle_fire_ctrl() {\r\n      console.log(111, this.safety_switch_state);\r\n      if (!this.safety_switch_state) {\r\n        this.$message.warning(\'保险未打开！\');\r\n        return (this.fire_status = false);\r\n      }\r\n      let buff = null;\r\n      if (this.fire_status) {\r\n        buff = MMC_Gimbal_FE3.gimbal_mode2_ctrl(1);\r\n      } else {\r\n        buff = MMC_Gimbal_FE3.gimbal_mode2_ctrl(0);\r\n      }\r\n      this.commit_directive(buff);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FE3 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 280px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 100px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n', ".cpt-MMC_Gimbal_FE3 {\n  position: absolute;\n  right: 0;\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  width: 280px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FE3 .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_FE3 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .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_FE3 .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_FE3 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 100px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FE3 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]
+    },
+    media: void 0
+  });
+}, a, "data-v-6e76eb9e", false, undefined, !1, i);
+export { l as default };

dist/index-FU3O08C9.js

+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 { n, c as r } from "./index-BcLRpF0n.js";
+import { mapGetters as t } from "vuex";
+import { l as e } from "./utils-4kGecFw2.js";
+import { _ as i } from "./mount_head-c1OIlkSj.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 "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";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.js";
+var o = {
+  props: {
+    containerStyle: {
+      type: Object | String,
+      "default": function _default() {
+        return "";
+      }
+    }
+  }
+};
+var a = function a() {
+  var n = this,
+    r = n.$createElement,
+    t = n._self._c || r;
+  return t("div", {
+    staticClass: "cpt-box_popup",
+    style: n.containerStyle
+  }, [t("div", {
+    staticClass: "popup-inner-wrap"
+  }, [t("div", {
+    staticClass: "popup_inner"
+  }, [n._t("default")], 2)])]);
+};
+a._withStripped = !0;
+var s = {
+  components: {
+    Popup: n({
+      render: a,
+      staticRenderFns: []
+    }, function (n) {
+      n && n("data-v-2547a257_0", {
+        source: ".cpt-box_popup[data-v-2547a257] {\n  margin-left: 500px;\n  margin-bottom: 50px;\n  position: fixed;\n  bottom: 0px;\n  right: 100px;\n  min-height: 400px;\n  z-index: 9;\n  background-size: 100% 100%;\n  padding: 2rem 1.6rem 1rem 2rem;\n  min-width: 482px;\n  box-sizing: border-box;\n}\n\n/*# sourceMappingURL=index.vue.map */",
+        map: {
+          version: 3,
+          sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\components\\popup\\index.vue", "index.vue"],
+          names: [],
+          mappings: "AAuBA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,UAAA;EAOA,0BAAA;EACA,8BAAA;EACA,gBAAA;EACA,sBAAA;AC5BA;;AAEA,oCAAoC",
+          file: "index.vue",
+          sourcesContent: ['<template>\r\n  <div class="cpt-box_popup"\r\n       :style="containerStyle">\r\n    <div class="popup-inner-wrap">\r\n      <div class="popup_inner">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object | String,\r\n      default: () => \'\',\r\n    },\r\n  },\r\n}\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-box_popup {\r\n  margin-left: 500px;\r\n  margin-bottom: 50px;\r\n  position: fixed;\r\n  bottom: 0px;\r\n  right: 100px;\r\n  min-height: 400px;\r\n  z-index: 9;\r\n  // background: url("~@/assets/images/home/plate_left_bg.png") no-repeat;\r\n// background: rgba(12, 34, 73, 0.7);\r\n//   border-radius: 10px;\r\n//   border: 1px solid rgba(26, 92, 246, 0.5);\r\n//   backdrop-filter: blur(1px);\r\n\r\n  background-size: 100% 100%;\r\n  padding: 2rem 1.6rem 1rem 2rem;\r\n  min-width: 482px;\r\n  box-sizing: border-box;\r\n  // .popup-inner-wrap {\r\n  //   width: 100%;\r\n  //   height: 100%;\r\n  //   box-sizing: border-box;\r\n  //   .popup_inner {\r\n  //     width: 100%;\r\n  //     height: 100%;\r\n  //     box-sizing: border-box;\r\n  //   }\r\n  // }\r\n}\r\n</style>\r\n', ".cpt-box_popup {\n  margin-left: 500px;\n  margin-bottom: 50px;\n  position: fixed;\n  bottom: 0px;\n  right: 100px;\n  min-height: 400px;\n  z-index: 9;\n  background-size: 100% 100%;\n  padding: 2rem 1.6rem 1rem 2rem;\n  min-width: 482px;\n  box-sizing: border-box;\n}\n\n/*# sourceMappingURL=index.vue.map */"]
+        },
+        media: void 0
+      });
+    }, o, "data-v-2547a257", false, undefined, !1, r)
+  },
+  data: function data() {
+    return {
+      num: 0,
+      timerflag: "",
+      timerflagtwo: "",
+      isFull: !1
+    };
+  },
+  computed: _objectSpread({}, t(["user_info"])),
+  methods: {
+    commit_directive: function commit_directive(n) {
+      console.log(n), this.$emit("directive", n);
+    },
+    declineFn: function declineFn() {
+      var _this = this;
+      this.timerflag = setInterval(function () {
+        if (_this.num <= 300) {
+          var _n = e.gimbal_pitch_ctrl(-1);
+          _this.commit_directive(_n), _this.num += .1;
+        } else _this.isFull = !0, clearInterval(_this.timerflag);
+        console.log(_this.num);
+      }, 20);
+    },
+    upFn: function upFn() {
+      var _this2 = this;
+      clearInterval(this.timerflagtwo), this.timerflagtwo = setInterval(function () {
+        var n = e.gimbal_pitch_ctrl(1);
+        _this2.commit_directive(n), _this2.num >= 0 ? _this2.num -= .1 : clearInterval(_this2.timerflagtwo);
+      }, 20);
+    },
+    stop: function stop() {
+      var n = e.gimbal_pitch_ctrl(0);
+      this.commit_directive(n), clearInterval(this.timerflag), clearInterval(this.timerflagtwo);
+    }
+  }
+};
+var l = s;
+var c = function c() {
+  var n = this,
+    r = n.$createElement,
+    t = n._self._c || r;
+  return t("Popup", {
+    staticClass: "p1 w200",
+    attrs: {
+      "container-style": {
+        top: "215px",
+        right: "100px",
+        height: "465px"
+      }
+    }
+  }, [t("div", {
+    staticClass: "PopupBox"
+  }, [t("div", {
+    directives: [{
+      name: "interact",
+      rawName: "v-interact"
+    }],
+    staticClass: "hd"
+  }, [t("div", {
+    staticClass: "Popup h40 lh40 jcsb"
+  }, [t("div", {
+    staticClass: "ml30 jcsb"
+  }, [t("img", {
+    staticClass: "w20 h20 mt6",
+    attrs: {
+      src: i
+    }
+  }), n._v(" "), t("div", {
+    staticClass: "title mt5"
+  }, [n._v("水体采样器")])]), n._v(" "), t("div", {
+    staticClass: "mr10 cp cf f14 fw300",
+    on: {
+      click: function click(r) {
+        return n.$emit("close");
+      }
+    }
+  }, [n._v("关闭")])])]), n._v(" "), t("div", {
+    staticClass: "wih100 tc"
+  }, [t("div", {
+    staticClass: "dib cp tc w150 h40 lh40 tc cp mt10 selectCollectionButton",
+    on: {
+      mousedown: n.declineFn,
+      mouseup: n.stop,
+      mouseout: n.stop
+    }
+  }, [n._v("\n        下降采集\n      ")])]), n._v(" "), t("div", {
+    staticClass: "wih100 tc mt10"
+  }, [t("div", {
+    staticClass: "dib cp tc w150 h40 lh40 tc selectCollectionButton",
+    on: {
+      mousedown: n.upFn,
+      mouseup: n.stop,
+      mouseout: n.stop
+    }
+  }, [n._v("\n        上升回收\n      ")])]), n._v(" "), t("div", {
+    staticClass: "wih100 tc dib",
+    staticStyle: {
+      margin: "0 auto"
+    }
+  }, [t("div", {
+    staticClass: "dib tc w146 pr"
+  }, [t("div", {
+    staticClass: "tc mt20"
+  }, [t("div", {
+    staticClass: "pa left25"
+  }, [t("div", {
+    staticClass: "dib cp defaultCollectionButton Collection w90 h38 lh38 tc",
+    "class": n.isFull ? "selectFull" : "",
+    style: "transform:translateY(" + n.num + "px)"
+  }, [n._v("\n              采集器\n            ")])])]), n._v(" "), t("img", {
+    staticClass: "w146 h246 mt30",
+    attrs: {
+      src: "da177e0ca94d5856.svg",
+      alt: ""
+    }
+  })])])])]);
+};
+c._withStripped = !0;
+var d = n({
+  render: c,
+  staticRenderFns: []
+}, function (n) {
+  n && n("data-v-062f2126_0", {
+    source: '.suspendedbox[data-v-062f2126] {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n  width: 150px;\n  margin: auto;\n}\n.suspendedbox[data-v-062f2126] :hover {\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n.title_header[data-v-062f2126] {\n  color: #dce9ff;\n  font-family: PangMenZhengDao;\n}\n.defaultCollectionButton[data-v-062f2126] {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n}\n.Collection[data-v-062f2126] {\n  border-radius: 8px;\n}\n.defaultDeclineFlag[data-v-062f2126] {\n  margin-top: 0px;\n  top: 20px;\n  transition: 10s;\n}\n.declineFlag[data-v-062f2126] {\n  top: 20px;\n  margin-top: 200px;\n  transition: 10s;\n}\n.selectFull[data-v-062f2126] {\n  color: #000;\n  border: 1px solid #2aefed;\n  background-color: #2aefed;\n}\n.selectCollectionButton[data-v-062f2126] {\n  background: #076362;\n  border: 1px solid #2aefed;\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n.selectCollectionButton[data-v-062f2126]:hover {\n  background: #0c9b98;\n}\n.shoutImg[data-v-062f2126] {\n  background-image: url("../assets/images/accident/operation.png");\n  background-repeat: no-repeat;\n  background-size: 100%;\n}\n.bfsx[data-v-062f2126] {\n  background-image: url("../assets/images/accident/shunxu.png");\n  background-position: 49px 30px;\n  width: 37px;\n}\n.Popup[data-v-062f2126] {\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.Popup .title[data-v-062f2126] {\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.PopupBox[data-v-062f2126] {\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  -webkit-backdrop-filter: blur(1px);\n  backdrop-filter: blur(1px);\n  background-size: 100% 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_QS\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AA8HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;AC7HA;AD8HA;EACA,cAAA;EACA,oCAAA;AC5HA;AD+HA;EACA,cAAA;EACA,4BAAA;AC5HA;AD8HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC3HA;AD8HA;EACA,kBAAA;AC3HA;AD6HA;EACA,eAAA;EACA,SAAA;EACA,eAAA;AC1HA;AD4HA;EACA,SAAA;EACA,iBAAA;EACA,eAAA;ACzHA;AD2HA;EACA,WAAA;EACA,yBAAA;EACA,yBAAA;ACxHA;AD0HA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,oCAAA;ACvHA;ADyHA;EACA,mBAAA;ACtHA;ADwHA;EACA,gEAAA;EACA,4BAAA;EACA,qBAAA;ACrHA;ADuHA;EACA,6DAAA;EACA,8BAAA;EACA,WAAA;ACpHA;ADsHA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnHA;ADoHA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACzHA;AD4HA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,kCAAA;EACA,0BAAA;EACA,0BAAA;ACzHA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <Popup\r\n    class="p1 w200"\r\n    :container-style="{\r\n      top: \'215px\',\r\n      right: \'100px\',\r\n      height: \'465px\'\r\n    }"\r\n  >\r\n    <div class="PopupBox">\r\n      <div v-interact class="hd">\r\n        <div class="Popup h40 lh40 jcsb">\r\n          <div class="ml30 jcsb">\r\n            <img class="w20 h20 mt6" src="../assets/images/mount/mount_head.png" />\r\n            <div class="title mt5">水体采样器</div>\r\n          </div>\r\n          <div class="mr10 cp cf f14 fw300" @click="$emit(\'close\')">关闭</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="wih100 tc">\r\n        <div\r\n          class="dib cp tc w150 h40 lh40 tc cp mt10 selectCollectionButton"\r\n          @mousedown="declineFn"\r\n          @mouseup="stop"\r\n          @mouseout="stop"\r\n        >\r\n          下降采集\r\n        </div>\r\n      </div>\r\n      <div class="wih100 tc mt10">\r\n        <div\r\n          class="dib cp tc w150 h40 lh40 tc selectCollectionButton"\r\n          @mousedown="upFn"\r\n          @mouseup="stop"\r\n          @mouseout="stop"\r\n        >\r\n          上升回收\r\n        </div>\r\n      </div>\r\n      <div class="wih100 tc dib" style="margin: 0 auto">\r\n        <div class="dib tc w146 pr">\r\n          <div class="tc mt20">\r\n            <div class="pa left25">\r\n              <div\r\n                :class="isFull ? \'selectFull\' : \'\'"\r\n                class="dib cp defaultCollectionButton Collection w90 h38 lh38 tc"\r\n                :style="`transform:translateY(${num}px)`"\r\n              >\r\n                采集器\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <img class="w146 h246 mt30" src="../assets/images/accident/Collection.svg" alt />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Popup>\r\n</template>\r\n\r\n<script>\r\nimport Popup from \'../components/popup\';\r\nimport { mapGetters } from \'vuex\';\r\nimport { MMC_Gimbal_QS } from \'../utils\';\r\n\r\nexport default {\r\n  components: {\r\n    Popup\r\n  },\r\n  data() {\r\n    return {\r\n      num: 0,\r\n      // 下降定时器\r\n      timerflag: \'\',\r\n      // 上升定时器\r\n      timerflagtwo: \'\',\r\n      isFull: false\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\'user_info\'])\r\n  },\r\n  methods: {\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    // 下降\r\n    declineFn() {\r\n      this.timerflag = setInterval(() => {\r\n        if (this.num <= 300) {\r\n          const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n          this.num += 0.1;\r\n        } else {\r\n          this.isFull = true;\r\n          clearInterval(this.timerflag);\r\n        }\r\n        console.log(this.num);\r\n      }, 20);\r\n    },\r\n    // 上升回收\r\n    upFn() {\r\n      // this.declineFlag = false;\r\n      clearInterval(this.timerflagtwo);\r\n      this.timerflagtwo = setInterval(() => {\r\n        const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(1);\r\n        this.commit_directive(buffer);\r\n        if (this.num >= 0) {\r\n          this.num -= 0.1;\r\n        } else {\r\n          clearInterval(this.timerflagtwo);\r\n        }\r\n      }, 20);\r\n    },\r\n    stop() {\r\n      const buffer = MMC_Gimbal_QS.gimbal_pitch_ctrl(0);\r\n      this.commit_directive(buffer);\r\n      clearInterval(this.timerflag);\r\n      clearInterval(this.timerflagtwo);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.suspendedbox {\r\n  background: #494d57;\r\n  border: 1px solid #78838f;\r\n  color: #979da2;\r\n  width: 150px;\r\n  margin: auto;\r\n  :hover {\r\n    color: #00f3ef;\r\n    box-shadow: inset 0 0 11px 0 #00f3ef;\r\n  }\r\n}\r\n.title_header {\r\n  color: #dce9ff;\r\n  font-family: PangMenZhengDao;\r\n}\r\n.defaultCollectionButton {\r\n  background: #494d57;\r\n  border: 1px solid #78838f;\r\n  color: #979da2;\r\n}\r\n\r\n.Collection {\r\n  border-radius: 8px;\r\n}\r\n.defaultDeclineFlag {\r\n  margin-top: 0px;\r\n  top: 20px;\r\n  transition: 10s;\r\n}\r\n.declineFlag {\r\n  top: 20px;\r\n  margin-top: 200px;\r\n  transition: 10s;\r\n}\r\n.selectFull {\r\n  color: #000;\r\n  border: 1px solid #2aefed;\r\n  background-color: #2aefed;\r\n}\r\n.selectCollectionButton {\r\n  background: #076362;\r\n  border: 1px solid #2aefed;\r\n  color: #00f3ef;\r\n  box-shadow: inset 0 0 11px 0 #00f3ef;\r\n}\r\n.selectCollectionButton:hover {\r\n  background: #0c9b98;\r\n}\r\n.shoutImg {\r\n  background-image: url(\'../assets/images/accident/operation.png\');\r\n  background-repeat: no-repeat;\r\n  background-size: 100%;\r\n}\r\n.bfsx {\r\n  background-image: url(\'../assets/images/accident/shunxu.png\');\r\n  background-position: 49px 30px;\r\n  width: 37px;\r\n}\r\n.Popup {\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  .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.PopupBox {\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  -webkit-backdrop-filter: blur(1px);\r\n  backdrop-filter: blur(1px);\r\n  background-size: 100% 100%;\r\n}\r\n</style>\r\n', '.suspendedbox {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n  width: 150px;\n  margin: auto;\n}\n.suspendedbox :hover {\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n\n.title_header {\n  color: #dce9ff;\n  font-family: PangMenZhengDao;\n}\n\n.defaultCollectionButton {\n  background: #494d57;\n  border: 1px solid #78838f;\n  color: #979da2;\n}\n\n.Collection {\n  border-radius: 8px;\n}\n\n.defaultDeclineFlag {\n  margin-top: 0px;\n  top: 20px;\n  transition: 10s;\n}\n\n.declineFlag {\n  top: 20px;\n  margin-top: 200px;\n  transition: 10s;\n}\n\n.selectFull {\n  color: #000;\n  border: 1px solid #2aefed;\n  background-color: #2aefed;\n}\n\n.selectCollectionButton {\n  background: #076362;\n  border: 1px solid #2aefed;\n  color: #00f3ef;\n  box-shadow: inset 0 0 11px 0 #00f3ef;\n}\n\n.selectCollectionButton:hover {\n  background: #0c9b98;\n}\n\n.shoutImg {\n  background-image: url("../assets/images/accident/operation.png");\n  background-repeat: no-repeat;\n  background-size: 100%;\n}\n\n.bfsx {\n  background-image: url("../assets/images/accident/shunxu.png");\n  background-position: 49px 30px;\n  width: 37px;\n}\n\n.Popup {\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.Popup .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\n.PopupBox {\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  -webkit-backdrop-filter: blur(1px);\n  backdrop-filter: blur(1px);\n  background-size: 100% 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, l, "data-v-062f2126", false, undefined, !1, r);
+export { d as default };

dist/index-IDVw2gp2.js

-import{d as n,c as r}from"./utils-DFbQKfwy.js";import{_ as e,a as i}from"./record-C77ba-0z.js";import{_ as t}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const l={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]}},data:()=>({holderModelDomV2:1,holderModelDom:0,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,HDR_mode:0,zoom:1,pitch:0,yaw:0,camera_mode:0,fog_mode:0,ani_mode:0,osd_mode:0,delay_mode:0,record:!1,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"正常"},{id:1,label:"夜间"}],HDR_mode:[{id:0,label:"关闭"},{id:1,label:"HDR"},{id:2,label:"HDR+"}],fog_mode:[{id:1,label:"关闭"},{id:0,label:"打开"}],ani_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],osd_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],delay_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}]},timer:null}),watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const r=n.zoom(this.zoom=1);this.commit_directive(r)},resolve_payload(n){const e=new Uint8Array(n);if(165===e[0]&&r(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}},gcs_button_ctrl(n){const r=n[3],e=n[4];if(4===r)this.gimbal_mode_ctrl(e)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},temperature_correct_get_current_value(){var n=new Array(165,13,5,101,116,245);this.commit_directive(n)},handle_change_ptz_mode(r){this.holderModelDomV2=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_change_HDR_mode(r){this.holderModelDom=r;const e=n.gimbal_HDR_mode_ctrl(r);this.commit_directive(e)},handle_change_ani_mode(r){const e=n.gimbal_ani_mode_ctrl(r);this.commit_directive(e)},handle_change_osd_mode(r){const e=n.gimbal_osd_mode_ctrl(r);this.commit_directive(e)},handle_change_delay_mode(r){const e=n.gimbal_delay_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){console.log(r);const e=n.zoom(this.zoom+r);this.commit_directive(e)},handle_change_pitch(r){this.pitch=r;const e=n.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_change_fog_mode(r){const e=n.fog_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e),this.$emit("take_photo","MMC_Gimbal_Z20")},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(n){this.$emit("directive",n),console.log(n)},stopfxFn(){let r=null;r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)},fangxiang(r){let e=null;switch(r){case"up":console.log(this.control_speed),e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":console.log(this.control_speed),r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}})}}};var d=function(){var n=this,r=n.$createElement,t=n._self._c||r;return t("div",{staticClass:"cpt-MMC_Gimbal_Z20",style:n.containerStyle},[t("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),t("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),t("div",{staticClass:"bd"},[t("div",{staticClass:"form-wrap"},[t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),t("div",{staticClass:"input-box"},[t("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,e){return t("div",{key:e,staticClass:"speed",style:n.control_speed==e+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=e+1}}},[n._v("\n              "+n._s(e+1)+"\n            ")])})),0)])]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("云台模式")]),n._v(" "),t("div",{staticClass:"input-box"},[t("div",{staticClass:"mono"},[t("div",{staticClass:"mono-long"},[t("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),t("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),t("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("HDR")]),n._v(" "),t("div",{staticClass:"input-box"},[t("div",{staticClass:"mono"},[t("div",{staticClass:"mono-long"},[t("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDom},on:{click:function(r){return n.handle_change_HDR_mode(0)}}}),n._v(" "),t("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDom},on:{click:function(r){return n.handle_change_HDR_mode(1)}}}),n._v(" "),t("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDom},on:{click:function(r){return n.handle_change_HDR_mode(2)}}})]),n._v(" "),n._m(2)])])]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("相机模式")]),n._v(" "),t("div",{staticClass:"input-box"},[t("el-radio-group",{on:{change:n.handle_change_camera_mode},model:{value:n.camera_mode,callback:function(r){n.camera_mode=r},expression:"camera_mode"}},n._l(n.drd.camera_mode,(function(r){return t("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("透雾")]),n._v(" "),t("div",{staticClass:"input-box"},[t("el-radio-group",{on:{change:n.handle_change_fog_mode},model:{value:n.fog_mode,callback:function(r){n.fog_mode=r},expression:"fog_mode"}},n._l(n.drd.fog_mode,(function(r){return t("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("变       焦")]),n._v(" "),t("div",{staticClass:"input-box"},[t("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[t("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),t("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),t("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[t("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("俯       仰")]),n._v(" "),t("div",{staticClass:"input-box"},[t("div",{staticClass:"speedC"},n._l(n.regList,(function(r,e){return t("div",{key:e,staticClass:"pitch",style:n.pitch==r.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){return n.handle_change_pitch(r.num)}}},[n._v("\n              "+n._s(r.val)+"\n            ")])})),0)])]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("防抖")]),n._v(" "),t("div",{staticClass:"input-box"},[t("el-radio-group",{on:{change:n.handle_change_ani_mode},model:{value:n.ani_mode,callback:function(r){n.ani_mode=r},expression:"ani_mode"}},n._l(n.drd.ani_mode,(function(r){return t("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("OSD")]),n._v(" "),t("div",{staticClass:"input-box"},[t("el-radio-group",{on:{change:n.handle_change_osd_mode},model:{value:n.osd_mode,callback:function(r){n.osd_mode=r},expression:"osd_mode"}},n._l(n.drd.osd_mode,(function(r){return t("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("div",{staticClass:"label-box"},[n._v("低延")]),n._v(" "),t("div",{staticClass:"input-box"},[t("el-radio-group",{on:{change:n.handle_change_delay_mode},model:{value:n.delay_mode,callback:function(r){n.delay_mode=r},expression:"delay_mode"}},n._l(n.drd.delay_mode,(function(r){return t("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),t("div",{staticClass:"form-item"},[t("input",{staticClass:"btn btn-default",attrs:{type:"button",value:"PID设置"},on:{click:function(r){return n.temperature_correct_get_current_value()}}})])]),n._v(" "),t("div",{staticClass:"rocker-wrap"},[t("div",{staticClass:"item-group"},[t("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[t("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[t("div",{staticClass:"icon-box"},[t("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),t("div",{staticClass:"item-box",on:{click:n.handle_record}},[t("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[t("div",{staticClass:"icon-box"},[t("img",{attrs:{src:i,alt:""}})])])],1)]),n._v(" "),t("div",{ref:"rocker",staticClass:"rocker"},[t("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),t("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),t("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),t("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},s=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:t}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])}];d._withStripped=!0;const c=o({render:d,staticRenderFns:s},(function(n){n&&n("data-v-728247cd_0",{source:'.cpt-MMC_Gimbal_Z20[data-v-728247cd] {\n  position: absolute;\n  top: -1px;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z20 .hd[data-v-728247cd] {\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_Z20 .hd .left[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .hd .left .title[data-v-728247cd] {\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_Z20 .hd .close[data-v-728247cd] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd[data-v-728247cd] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap[data-v-728247cd] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .label-box[data-v-728247cd] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .btn-default[data-v-728247cd] {\n  padding: 0 10px !important;\n  background: #004fff;\n  border-color: #004fff;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box[data-v-728247cd] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono[data-v-728247cd] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-728247cd] {\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_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-728247cd] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-728247cd] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono .text[data-v-728247cd] {\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_Z20 .bd .rocker-wrap[data-v-728247cd] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group[data-v-728247cd] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box[data-v-728247cd] {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-728247cd] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .rocker[data-v-728247cd] {\n  margin: 10px auto 0;\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_Z20 .bd .rocker-wrap .rocker .shangUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .xaiUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .zuoUp[data-v-728247cd] {\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_Z20 .bd .rocker-wrap .rocker .youUp[data-v-728247cd] {\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-728247cd] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-728247cd] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-728247cd] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-728247cd] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-728247cd] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-728247cd] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-728247cd] .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\n}\n[data-v-728247cd] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-728247cd] {\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-728247cd] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-728247cd] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-728247cd] {\n  color: #004fff;\n}\n[data-v-728247cd] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z20\\index.vue","index.vue"],names:[],mappings:"AAwlBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;ACvlBA;AD0lBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACxlBA;AD0lBA;EACA,aAAA;EACA,mBAAA;ACxlBA;AD0lBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC/lBA;ADmmBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACjmBA;ADqmBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,aAAA;EACA,kBAAA;ACnmBA;ADomBA;EACA,cAAA;AClmBA;ADomBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AClmBA;ADomBA;EACA,cAAA;EACA,WAAA;AClmBA;ADqmBA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;ACnmBA;ADsmBA;EACA,aAAA;EACA,mBAAA;ACpmBA;ADsmBA;EACA,aAAA;EACA,sBAAA;ACpmBA;ADsmBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACpmBA;ADsmBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACpmBA;ADumBA;EACA,gFAAA;EACA,0BAAA;ACrmBA;ADymBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACvmBA;AD8mBA;EACA,OAAA;AC5mBA;AD8mBA;EACA,aAAA;EACA,6BAAA;AC5mBA;AD+mBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AC7mBA;AD+mBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC7mBA;ADmnBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACjnBA;ADmnBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACjnBA;ADonBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AClnBA;ADqnBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnnBA;ADsnBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACpnBA;AD4nBA;EACA,YAAA;EACA,iBAAA;ACznBA;AD4nBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1nBA;AD+nBA;EACA,YAAA;EACA,iBAAA;AC7nBA;AD+nBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC7nBA;ADqoBA;EACA,qBAAA;EACA,mBAAA;ACnoBA;ADwoBA;EACA,cAAA;ACtoBA;AD2oBA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACzoBA;AD6oBA;EACA,gBAAA;AC1oBA;AD6oBA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AC1oBA;AD4oBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AC3oBA;AD8oBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;AC5oBA;ADgpBA;EACA,cAAA;AC7oBA;ADipBA;EACA,kBAAA;AC9oBA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_Z20" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\x3e\r\n        <div class="form-item">\r\n          <div class="label-box">HDR</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: holderModelDom == 0 }"\r\n                  @click="handle_change_HDR_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: holderModelDom == 1 }"\r\n                  @click="handle_change_HDR_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: holderModelDom == 2 }"\r\n                  @click="handle_change_HDR_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            \x3c!-- <el-radio-group @change="handle_change_HDR_mode" v-model="HDR_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.HDR_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\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="fog_mode" @change="handle_change_fog_mode">\r\n              <el-radio v-for="item in drd.fog_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            <div\r\n              class="mr10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-tianjia1" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(1)"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button> --\x3e\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 class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\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">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\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="ani_mode" @change="handle_change_ani_mode">\r\n              <el-radio v-for="item in drd.ani_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">OSD</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="osd_mode" @change="handle_change_osd_mode">\r\n              <el-radio v-for="item in drd.osd_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="delay_mode" @change="handle_change_delay_mode">\r\n              <el-radio\r\n                v-for="item in drd.delay_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <input\r\n            class="btn btn-default"\r\n            type="button"\r\n            value="PID设置"\r\n            @click="temperature_correct_get_current_value()"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                <img src="../assets/images/mount/record.png" alt="" />\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z20 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      holderModelDom: 0,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      HDR_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      fog_mode: 0,\r\n      ani_mode: 0,\r\n      osd_mode: 0,\r\n      delay_mode: 0,\r\n      record: false,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\r\n      drd: {\r\n        ptz_mode: [\r\n          { id: 0, label: \'锁定\' },\r\n          { id: 1, label: \'跟随\' },\r\n          { id: 2, label: \'回中\' }\r\n        ],\r\n        camera_mode: [\r\n          { id: 0, label: \'正常\' },\r\n          { id: 1, label: \'夜间\' }\r\n        ],\r\n        HDR_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'HDR\' },\r\n          { id: 2, label: \'HDR+\' }\r\n        ],\r\n        fog_mode: [\r\n          { id: 1, label: \'关闭\' },\r\n          { id: 0, label: \'打开\' }\r\n        ],\r\n        ani_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        osd_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        delay_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ]\r\n      },\r\n      timer: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z20.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    temperature_correct_get_current_value() {\r\n      var buffer = new Array(0xa5, 0x0d, 0x05, 0x65, 0x74, 0xf5);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z20.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_HDR_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z20.gimbal_HDR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ani_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_ani_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_osd_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_osd_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_delay_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.gimbal_delay_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      console.log(value);\r\n      const buffer = MMC_Gimbal_Z20.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z20.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z20.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z20.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z20.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_fog_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z20.fog_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z20.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z20\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z20.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n      console.log(buffer);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          console.log(this.control_speed);\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              console.log(this.control_speed);\r\n              buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z20.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z20.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z20 {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\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        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #004fff;\r\n          border-color: #004fff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #004fff;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-button {\r\n    background: #004fff;\r\n    color: #000;\r\n    border: none;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n','.cpt-MMC_Gimbal_Z20 {\n  position: absolute;\n  top: -1px;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .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_Z20 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #004fff;\n  border-color: #004fff;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z20 .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_Z20 .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_Z20 .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_Z20 .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_Z20 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z20 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z20 .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_Z20 .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_Z20 .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_Z20 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #004fff;\n  color: #000;\n  border: none;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),l,"data-v-728247cd",false,undefined,!1,a,void 0,void 0);export{c as default};

dist/index-M0rj1VBm.js

-import{a as n,c as r}from"./utils-DFbQKfwy.js";import{_ as e,a as t}from"./record-C77ba-0z.js";import{_ as i}from"./mount_head-CjG17KVU.js";import o from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const s={props:{containerStyle:{type:Object,default:()=>({})},position:{type:Object,default:()=>({})},device:{type:Object,default:()=>({})},payload:{type:Array,default:()=>[]},selected_mount:{type:Object,default:()=>({})},moveType:{type:String,default:()=>""},offline:{type:Boolean,default:()=>!0}},data:()=>({holderModelDom:1,hdrModeDom:1,radio:1,value:25,value2:25,control_speed:3,ptz_mode:0,zoom:1,pitch:0,yaw:0,camera_mode:0,record:!1,dj_mode:0,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{dj_mode:[{id:0,label:"关闭"},{id:1,label:"打开"}],ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}],camera_mode:[{id:0,label:"录像"},{id:2,label:"拍照"}]},timer:null,time:null}),watch:{payload:{handler(n){this.resolve_payload(n)},deep:!0}},beforeDestroy(){},methods:{handle_change_dj_mode(n){console.log(this.selected_mount,"selected_mount")},onChangezoom(n){this.value2<this.value?this.handle_zoom(1):this.value2>this.value&&this.handle_zoom(-1),this.value2=n},stopChange(){this.value=25,this.value2=25;const r=n.zoom(this.zoom=1);this.commit_directive(r)},resolve_payload(n){try{const e=new Uint8Array(n);if(165===e[0]&&r(e)===e[e.length-1])switch(e[1]){case 1:this.msg_key_status1(e);break;case 248:this.gcs_button_ctrl(e)}}catch(n){}},gcs_button_ctrl(n){const r=n[3],e=n[4];if(4===r)this.gimbal_mode_ctrl(e)},msg_key_status1(n){this.gimbal_mode_ctrl(3&n[7])},gimbal_mode_ctrl(n){this.ptz_mode=n},handle_change_ptz_mode(r){this.holderModelDom=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_change_hdr_mode(r){this.hdrModeDom=r;const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_zoom(r){const e=n.zoom(this.zoom+r);this.commit_directive(e)},handle_change_pitch(r){this.pitch=r;const e=n.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},handle_change_camera_mode(r){const e=n.camera_mode_ctrl(r);this.commit_directive(e)},handle_take_photo(){const{position:r}=this,e=n.take_photo(r||{});this.commit_directive(e),this.$emit("take_photo","MMC_Gimbal_Z40N")},handle_record(){this.record=!this.record;const r=n.record(this.record);this.commit_directive(r)},commit_directive(n){console.log(n),this.$emit("directive",n)},fangxiang(r){clearTimeout(this.time);let e=null;switch(this.flag=!0,this.flag&&(this.time=setTimeout((()=>{this.fangxiang(r)}),500)),r){case"up":e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":e=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(e);break;case"right":e=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(e);break;case"down":e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}},stopfxFn(){this.flag=!1,clearTimeout(this.time);let r=null;r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}}};var d=function(){var n=this,r=n.$createElement,i=n._self._c||r;return i("div",{staticClass:"cpt-MMC_Gimbal_Z40N",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("控制速度:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,e){return i("div",{key:e,staticClass:"speed",style:n.control_speed==e+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=e+1}}},[n._v("\n              "+n._s(e+1)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("云台模式:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mono"},[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDom},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),i("div",{staticClass:"form-item",staticStyle:{"margin-top":"10px"}},[i("div",{staticClass:"label-box",staticStyle:{width:"68px","text-align":"right"}},[n._v("HDR:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mono"},[i("div",{staticClass:"mono-long"},[i("div",{staticClass:"mono-left mono_box",class:{active:0==n.hdrModeDom},on:{click:function(r){return n.handle_change_hdr_mode(0)}}}),n._v(" "),i("div",{staticClass:"mono-middle mono_box",class:{active:1==n.hdrModeDom},on:{click:function(r){return n.handle_change_hdr_mode(1)}}}),n._v(" "),i("div",{staticClass:"mono-right mono_box",class:{active:2==n.hdrModeDom},on:{click:function(r){return n.handle_change_hdr_mode(2)}}})]),n._v(" "),n._m(2)])])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("视频指点:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_dj_mode},model:{value:n.dj_mode,callback:function(r){n.dj_mode=r},expression:"dj_mode"}},n._l(n.drd.dj_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("变       焦:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"mr10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(-1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-shanchu3"})]),n._v(" "),i("el-slider",{staticStyle:{width:"10px"},attrs:{max:50,min:0,"show-tooltip":!1,disabled:""},on:{change:n.stopChange,input:n.onChangezoom},model:{value:n.value,callback:function(r){n.value=r},expression:"value"}}),n._v(" "),i("div",{staticClass:"ml10",staticStyle:{cursor:"pointer"},on:{mousedown:function(r){return n.handle_zoom(1)},mouseup:n.stopChange,mouseout:n.stopChange}},[i("span",{staticClass:"iconfont icon-tianjia1"})])],1)]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("俯       仰:")]),n._v(" "),i("div",{staticClass:"input-box"},[i("div",{staticClass:"speedC"},n._l(n.regList,(function(r,e){return i("div",{key:e,staticClass:"pitch",style:n.pitch==r.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){return n.handle_change_pitch(r.num)}}},[n._v("\n              "+n._s(r.val)+"\n            ")])})),0)])]),n._v(" "),i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("相机模式")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-radio-group",{on:{change:n.handle_change_camera_mode},model:{value:n.camera_mode,callback:function(r){n.camera_mode=r},expression:"camera_mode"}},n._l(n.drd.camera_mode,(function(r){return i("el-radio",{key:r.id,attrs:{size:"mini",label:r.id}},[n._v(n._s(r.label))])})),1)],1)])]),n._v(" "),i("div",{staticClass:"rocker-wrap"},[i("div",{staticClass:"item-group"},[i("div",{staticClass:"item-box",on:{click:n.handle_take_photo}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"拍照",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:e,alt:""}})])])],1),n._v(" "),i("div",{staticClass:"item-box",on:{click:n.handle_record}},[i("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"录像",placement:"top"}},[i("div",{staticClass:"icon-box"},[i("img",{attrs:{src:t,alt:""}})])])],1)]),n._v(" "),i("div",{ref:"rocker",staticClass:"rocker"},[i("div",{staticClass:"shangUp",on:{mousedown:function(r){return n.fangxiang("up")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"xaiUp",on:{mousedown:function(r){return n.fangxiang("down")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"zuoUp",on:{mousedown:function(r){return n.fangxiang("right")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}}),n._v(" "),i("div",{staticClass:"youUp",on:{mousedown:function(r){return n.fangxiang("left")},mouseup:n.stopfxFn,mouseout:n.stopfxFn}})])])])])},l=[function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"left ml8"},[e("img",{attrs:{src:i}}),n._v(" "),e("div",{staticClass:"title"},[n._v("高清变焦相机")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("关闭")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("HDR")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("HDR+")])])}];d._withStripped=!0;const c=o({render:d,staticRenderFns:l},(function(n){n&&n("data-v-a7ed371c_0",{source:'.cpt-MMC_Gimbal_Z40N[data-v-a7ed371c] {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40N .hd[data-v-a7ed371c] {\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_Z40N .hd .left[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .hd .left .title[data-v-a7ed371c] {\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_Z40N .hd .close[data-v-a7ed371c] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd[data-v-a7ed371c] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap[data-v-a7ed371c] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .label-box[data-v-a7ed371c] {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box[data-v-a7ed371c] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono[data-v-a7ed371c] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-a7ed371c] {\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_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-a7ed371c] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-a7ed371c] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono .text[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap[data-v-a7ed371c] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group[data-v-a7ed371c] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box[data-v-a7ed371c] {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-a7ed371c] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .rocker[data-v-a7ed371c] {\n  margin: 10px auto 0;\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_Z40N .bd .rocker-wrap .rocker .shangUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .xaiUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .zuoUp[data-v-a7ed371c] {\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_Z40N .bd .rocker-wrap .rocker .youUp[data-v-a7ed371c] {\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-a7ed371c] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-a7ed371c] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-a7ed371c] .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n[data-v-a7ed371c] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-a7ed371c] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-a7ed371c] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-a7ed371c] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-a7ed371c] .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-a7ed371c] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-a7ed371c] {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed[data-v-a7ed371c] {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-a7ed371c] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-a7ed371c] {\n  color: #004fff;\n}\n[data-v-a7ed371c] .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z40N\\index.vue","index.vue"],names:[],mappings:"AA6hBA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,iCAAA;EACA,mBAAA;EACA,wCAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC5hBA;AD+hBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC7hBA;AD+hBA;EACA,aAAA;EACA,mBAAA;AC7hBA;AD+hBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACpiBA;ADwiBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACtiBA;AD0iBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EAEA,gBAAA;EACA,kBAAA;ACziBA;AD2iBA;EACA,cAAA;ACziBA;AD2iBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACziBA;AD2iBA;EACA,kBAAA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;ACziBA;AD4iBA;EACA,aAAA;EACA,mBAAA;AC1iBA;AD4iBA;EACA,aAAA;EACA,sBAAA;AC1iBA;AD4iBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;AC1iBA;AD4iBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AC1iBA;AD6iBA;EACA,gFAAA;EACA,0BAAA;AC3iBA;AD+iBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;AC7iBA;ADojBA;EACA,OAAA;ACljBA;ADojBA;EACA,aAAA;EACA,6BAAA;ACljBA;ADqjBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACnjBA;ADqjBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;ACnjBA;ADyjBA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACvjBA;ADyjBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACvjBA;AD0jBA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACxjBA;AD2jBA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACzjBA;AD4jBA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AC1jBA;ADkkBA;EACA,YAAA;EACA,iBAAA;AC/jBA;ADkkBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AChkBA;ADqkBA;EACA,YAAA;EACA,iBAAA;ACnkBA;ADqkBA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACnkBA;AD2kBA;EACA,qBAAA;EACA,mBAAA;ACzkBA;AD8kBA;EACA,cAAA;AC5kBA;ADilBA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;AC/kBA;ADklBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AChlBA;ADolBA;EACA,gBAAA;ACjlBA;ADolBA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,kCAAA;EACA,mBAAA;EACA,yBAAA;ACjlBA;ADmlBA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACllBA;ADqlBA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACnlBA;ADulBA;EACA,cAAA;ACplBA;ADwlBA;EACA,kBAAA;ACrlBA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_Z40N" :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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select>--\x3e\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: holderModelDom == 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: holderModelDom == 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: holderModelDom == 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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\r\n          </div>\r\n        </div>\r\n        <div class="form-item" style="margin-top: 10px">\r\n          <div class="label-box" style="width: 68px; text-align: right">HDR:</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: hdrModeDom == 0 }"\r\n                  @click="handle_change_hdr_mode(0)"\r\n                />\r\n                <div\r\n                  class="mono-middle mono_box"\r\n                  :class="{ active: hdrModeDom == 1 }"\r\n                  @click="handle_change_hdr_mode(1)"\r\n                />\r\n                <div\r\n                  class="mono-right mono_box"\r\n                  :class="{ active: hdrModeDom == 2 }"\r\n                  @click="handle_change_hdr_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">HDR</div>\r\n                <div class="text-right">HDR+</div>\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group>--\x3e\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="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="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"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseout="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>--\x3e\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              disabled\r\n              @change="stopChange"\r\n              @input="onChangezoom"\r\n            />\r\n            <div\r\n              class="ml10"\r\n              style="cursor: pointer"\r\n              @mousedown="handle_zoom(1)"\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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰:</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>--\x3e\r\n\r\n            \x3c!-- <el-button\r\n              @click="pitch--"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button>\r\n            <el-button\r\n              @click="pitch++"\r\n              size="mini"\r\n              icon="el-icon-plus"\r\n              circle\r\n            ></el-button>--\x3e\r\n\r\n            \x3c!-- <div class="butto" @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</div\r\n            >--\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向:\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</div\r\n            >\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="camera_mode" @change="handle_change_camera_mode">\r\n              <el-radio\r\n                v-for="item in drd.camera_mode"\r\n                :key="item.id"\r\n                size="mini"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\r\n                \x3c!-- <span class="iconfont icon-dandianshipin"></span> --\x3e\r\n                <img src="../assets/images/mount/record.png" alt />\r\n              </div>\r\n            </el-tooltip>\r\n          </div>\r\n        </div>\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>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z40N } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\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    offline: {\r\n      type: Boolean,\r\n      default: () => true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      holderModelDom: 1,\r\n      hdrModeDom: 1,\r\n      radio: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      camera_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\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        camera_mode: [\r\n          { id: 0, label: \'录像\' },\r\n          { id: 2, label: \'拍照\' }\r\n        ]\r\n      },\r\n      timer: null,\r\n      time: null\r\n    };\r\n  },\r\n  watch: {\r\n    payload: {\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    /* this.$store.commit("device/SET_MOVE_DATA", {\r\n      ...this.device,\r\n      mountStatus: 0,\r\n    }); */\r\n  },\r\n  methods: {\r\n    handle_change_dj_mode(id) {\r\n      console.log(this.selected_mount, \'selected_mount\');\r\n      /* this.$store.commit("device/SET_MOVE_DATA", {\r\n        ...this.device,\r\n        mountStatus: id,\r\n        mountId: this.selected_mount.mountId || this.selected_mount.mountType,\r\n        moveType: this.moveType,\r\n        name: this.selected_mount.name,\r\n      }); */\r\n    },\r\n    onChangezoom(e) {\r\n      if (this.value2 < this.value) {\r\n        this.handle_zoom(1);\r\n      } else if (this.value2 > this.value) {\r\n        this.handle_zoom(-1);\r\n      }\r\n      this.value2 = e;\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z40N.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      try {\r\n        const dataArray = new Uint8Array(buff);\r\n        // console.log(dataArray,\'dataArray\');\r\n        if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n          switch (dataArray[1]) {\r\n            case 0x01:\r\n              this.msg_key_status1(dataArray);\r\n              break;\r\n            case 0xf8:\r\n              this.gcs_button_ctrl(dataArray);\r\n              break;\r\n          }\r\n        }\r\n      } catch (error) {}\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDom = value;\r\n      const buffer = MMC_Gimbal_Z40N.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_hdr_mode(value) {\r\n      this.hdrModeDom = value;\r\n      const buffer = MMC_Gimbal_Z40N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z40N.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z40N.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z40N.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z40N.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z40N.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      const { position } = this;\r\n      const buffer = MMC_Gimbal_Z40N.take_photo(position || {});\r\n      this.commit_directive(buffer);\r\n      this.$emit(\'take_photo\', \'MMC_Gimbal_Z40N\');\r\n    },\r\n    handle_record() {\r\n      this.record = !this.record;\r\n      const buffer = MMC_Gimbal_Z40N.record(this.record);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(buffer) {\r\n      console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    fangxiang(type) {\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      this.flag = true;\r\n      if (this.flag) {\r\n        this.time = setTimeout(() => {\r\n          this.fangxiang(type);\r\n        }, 500);\r\n      }\r\n      switch (type) {\r\n        case \'up\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer)\r\n      //   buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 500);\r\n    },\r\n    stopfxFn() {\r\n      this.flag = false;\r\n      clearTimeout(this.time);\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z40N.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z40N.gimbal_yaw_ctrl(0, this.control_speed);\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_Z40N {\r\n  position: absolute;\r\n  top: 100px;\r\n  right: 0px !important;\r\n  background: rgba(12, 34, 73, 0.7);\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(26, 92, 246, 0.5);\r\n  backdrop-filter: blur(1px);\r\n  width: 470px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n\r\n  // padding: 10px 20px;\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    height: 230px;\r\n\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\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          margin-right: 14px;\r\n          font-size: 16px;\r\n          font-family: MicrosoftYaHei;\r\n          color: #ffffff;\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      flex: 1;\r\n\r\n      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #000000;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 130px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .el-button {\r\n    width: 35px;\r\n    height: 25px;\r\n    text-align: center;\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  display: flex;\r\n  width: 173px;\r\n  height: 24px;\r\n  background: rgba(13, 34, 79, 0.65);\r\n  border-radius: 12px;\r\n  border: 1px solid #427dff;\r\n\r\n  .speed {\r\n    width: 34px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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</style>\r\n','.cpt-MMC_Gimbal_Z40N {\n  position: absolute;\n  top: 100px;\n  right: 0px !important;\n  background: rgba(12, 34, 73, 0.7);\n  border-radius: 10px;\n  border: 1px solid rgba(26, 92, 246, 0.5);\n  backdrop-filter: blur(1px);\n  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .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_Z40N .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 230px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .label-box {\n  margin-right: 14px;\n  font-size: 16px;\n  font-family: MicrosoftYaHei;\n  color: #ffffff;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z40N .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_Z40N .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_Z40N .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_Z40N .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_Z40N .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #000000;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z40N .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_Z40N .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_Z40N .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_Z40N .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_Z40N .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 130px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  width: 35px;\n  height: 25px;\n  text-align: center;\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n\n::v-deep .el-slider__bar {\n  background: #fff;\n}\n\n.speedC {\n  display: flex;\n  width: 173px;\n  height: 24px;\n  background: rgba(13, 34, 79, 0.65);\n  border-radius: 12px;\n  border: 1px solid #427dff;\n}\n.speedC .speed {\n  width: 34px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),s,"data-v-a7ed371c",false,undefined,!1,a,void 0,void 0);export{c as default};

dist/index-Xxvj6yLu.js

+import { f as n } from "./utils-4kGecFw2.js";
+import { n as r, c as e } from "./index-BcLRpF0n.js";
+import "./index-YqpN0yec.js";
+import "./index-CZypPRsn.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 i = {
+  data: function data() {
+    return {
+      timer: null,
+      music: null,
+      control_speed: 3
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    });
+  },
+  methods: {
+    handle_play: function handle_play() {
+      var r = n.gimbal_audio_play_ctl(2);
+      this.commit_directive(r);
+    },
+    handle_pause: function handle_pause() {
+      var r = n.gimbal_audio_play_ctl(0);
+      this.commit_directive(r);
+    },
+    handle_change_music: function handle_change_music() {
+      var r = n.gimbal_audio_play_next_ctl();
+      this.commit_directive(r);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    fangxiang: function fangxiang(r) {
+      var _this2 = this;
+      var e = null;
+      switch (r) {
+        case "up":
+          e = n.gimbal_pitch_ctrl(1, this.control_speed), this.commit_directive(e);
+          break;
+        case "right":
+        case "left":
+          break;
+        case "down":
+          e = n.gimbal_pitch_ctrl(-1, this.control_speed), this.commit_directive(e);
+      }
+      this.timer = setTimeout(function () {
+        clearTimeout(_this2.timer), e = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(e);
+      }, 500);
+    },
+    init_rocker: function init_rocker() {
+      var _this3 = this;
+      var r = null;
+      joystick({
+        onstart: function onstart(e) {
+          switch (e) {
+            case "up":
+              r = n.gimbal_pitch_ctrl(1, _this3.control_speed), _this3.commit_directive(r);
+              break;
+            case "right":
+            case "left":
+              break;
+            case "down":
+              r = n.gimbal_pitch_ctrl(-1, _this3.control_speed), _this3.commit_directive(r);
+          }
+        },
+        onend: function onend() {
+          r = n.gimbal_pitch_ctrl(0, _this3.control_speed), _this3.commit_directive(r);
+        }
+      });
+    }
+  }
+};
+var t = function t() {
+  var n = this,
+    r = n.$createElement,
+    e = n._self._c || r;
+  return e("div", {
+    staticClass: "cpt-MMC_Gimbal_P0_Pro"
+  }, [e("div", {
+    directives: [{
+      name: "interact",
+      rawName: "v-interact"
+    }],
+    staticClass: "hd"
+  }, [e("div", {
+    staticClass: "title"
+  }, [n._v("喊话器")])]), n._v(" "), e("div", {
+    staticClass: "bd"
+  }, [e("div", {
+    staticClass: "form-wrap"
+  }, [e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [n._v("喊话播放")]), n._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("div", {
+    staticClass: "icon-box"
+  }, [e("span", {
+    staticClass: "el-icon-video-play",
+    on: {
+      click: n.handle_play
+    }
+  }), n._v(" "), e("span", {
+    staticClass: "el-icon-video-pause",
+    on: {
+      click: n.handle_pause
+    }
+  })])])]), n._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [n._v("下 一 曲")]), n._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("el-select", {
+    attrs: {
+      size: "mini",
+      placeholder: "请选择下一曲"
+    },
+    on: {
+      change: n.handle_change_music
+    },
+    model: {
+      value: n.music,
+      callback: function callback(r) {
+        n.music = r;
+      },
+      expression: "music"
+    }
+  }, [e("el-option", {
+    attrs: {
+      label: 1,
+      value: 1
+    }
+  }), n._v(" "), e("el-option", {
+    attrs: {
+      label: 2,
+      value: 2
+    }
+  }), n._v(" "), e("el-option", {
+    attrs: {
+      label: 3,
+      value: 3
+    }
+  })], 1)], 1)]), n._v(" "), e("div", {
+    staticClass: "form-item"
+  }, [e("div", {
+    staticClass: "label-box"
+  }, [n._v("控制速度")]), n._v(" "), e("div", {
+    staticClass: "input-box"
+  }, [e("div", {
+    staticClass: "speedC"
+  }, n._l(new Array(5).fill(1), function (r, i) {
+    return e("div", {
+      key: i,
+      staticClass: "speed",
+      style: n.control_speed == i + 1 ? "background: #FFFFFF;color: #333333;" : "",
+      on: {
+        click: function click(r) {
+          n.control_speed = i + 1;
+        }
+      }
+    }, [n._v("\n              " + n._s(i + 1) + "\n            ")]);
+  }), 0)])])]), n._v(" "), e("div", {
+    staticClass: "rocker-wrap"
+  }, [n._m(0), n._v(" "), e("div", {
+    ref: "rocker",
+    staticClass: "rocker"
+  }, [e("div", {
+    staticClass: "shangUp",
+    on: {
+      click: function click(r) {
+        return n.fangxiang("up");
+      }
+    }
+  }), n._v(" "), e("div", {
+    staticClass: "xaiUp",
+    on: {
+      click: function click(r) {
+        return n.fangxiang("down");
+      }
+    }
+  })])])])]);
+};
+t._withStripped = !0;
+var o = r({
+  render: t,
+  staticRenderFns: [function () {
+    var n = this,
+      r = n.$createElement,
+      e = n._self._c || r;
+    return e("div", {
+      staticClass: "title-box"
+    }, [e("div", {
+      staticClass: "title"
+    }, [n._v("俯仰操作")])]);
+  }]
+}, function (n) {
+  n && n("data-v-116a7a93_0", {
+    source: '.cpt-MMC_Gimbal_P0_Pro[data-v-116a7a93] {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_P0_Pro .hd .title[data-v-116a7a93] {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd[data-v-116a7a93] {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap[data-v-116a7a93] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item[data-v-116a7a93] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .label-box[data-v-116a7a93] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box[data-v-116a7a93] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-116a7a93] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap[data-v-116a7a93] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .title-box .title[data-v-116a7a93] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker[data-v-116a7a93] {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .shangUp[data-v-116a7a93] {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .xaiUp[data-v-116a7a93] {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n[data-v-116a7a93] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-116a7a93] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-116a7a93] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-116a7a93] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-116a7a93] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-116a7a93] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-116a7a93] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-116a7a93] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-116a7a93] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-116a7a93] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.iconfont[data-v-116a7a93] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_P0_Pro\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAkKA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA;gBAAA;EAEA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;ACjKA;ADmKA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;ACjKA;ADoKA;EACA,aAAA;EACA,8BAAA;AClKA;ADmKA;EACA,cAAA;ACjKA;ADkKA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;AChKA;ADiKA;EACA,cAAA;EACA,WAAA;AC/JA;ADiKA;EACA,aAAA;EACA,mBAAA;AC/JA;ADiKA;EACA,eAAA;EACA,cAAA;AC/JA;ADqKA;EACA,OAAA;ACnKA;ADqKA;EACA,cAAA;ACnKA;ADsKA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,iFAAA;EACA,wCAAA;EACA,kBAAA;ACpKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;ADqKA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACnKA;AD0KA;EACA,YAAA;EACA,iBAAA;ACvKA;ADyKA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACvKA;AD2KA;EACA,YAAA;EACA,iBAAA;ACzKA;AD0KA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACxKA;AD+KA;EACA,qBAAA;EACA,mBAAA;AC7KA;ADiLA;EACA,cAAA;AC/KA;ADmLA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACjLA;ADoLA;EACA,gBAAA;ACjLA;ADmLA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;AChLA;ADiLA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;AChLA;ADmLA;EACA,cAAA;AChLA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div class="cpt-MMC_Gimbal_P0_Pro">\r\n    <div v-interact class="hd">\r\n      <div class="title">喊话器</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            <div class="icon-box">\r\n              <span class="el-icon-video-play" @click="handle_play" />\r\n              <span class="el-icon-video-pause" @click="handle_pause" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="form-item">\r\n          <div class="label-box">下&nbsp;一&nbsp;曲</div>\r\n          <div class="input-box">\r\n            <el-select\r\n              v-model="music"\r\n              size="mini"\r\n              placeholder="请选择下一曲"\r\n              @change="handle_change_music"\r\n            >\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-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="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          <div class="title">俯仰操作</div>\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_P0_Pro } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      music: null,\r\n      control_speed: 3\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_play() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_ctl(2);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_pause() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_ctl(0);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_music() {\r\n      const buffer = MMC_Gimbal_P0_Pro.gimbal_audio_play_next_ctl();\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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 = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          // _this.gimbal_yaw_ctrl(1);\r\n          break;\r\n        case \'left\':\r\n          // _this.gimbal_yaw_ctrl(-1);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              // _this.gimbal_yaw_ctrl(1);\r\n              break;\r\n            case \'left\':\r\n              // _this.gimbal_yaw_ctrl(-1);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_P0_Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_P0_Pro {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\r\n    no-repeat; */\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  width: 500px;\r\n  height: 290px;\r\n  box-sizing: border-box;\r\n  padding: 10px 20px;\r\n  .hd {\r\n    .title {\r\n      font-size: 18px;\r\n      color: #08c2d1;\r\n      font-weight: bold;\r\n      line-height: 2;\r\n    }\r\n  }\r\n  .bd {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\r\n        }\r\n      }\r\n      .rocker {\r\n        margin: 10px auto 0;\r\n        width: 154px;\r\n        height: 154px;\r\n        background: -0.5px 3.5px url(\'../assets/images/accident/operation.png\') no-repeat;\r\n        background-size: 100% calc(100% - 3.5px);\r\n        position: relative;\r\n        .shangUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          top: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n        .xaiUp {\r\n          position: absolute;\r\n          left: 34%;\r\n          bottom: 0px;\r\n          border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          border: 0px solid red;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_P0_Pro {\n  position: absolute;\n  top: 0px;\n  right: 0;\n  /* background: center url("../assets/images/observe/fckernel/mount/01_bg.png")\n    no-repeat; */\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  width: 500px;\n  height: 290px;\n  box-sizing: border-box;\n  padding: 10px 20px;\n}\n.cpt-MMC_Gimbal_P0_Pro .hd .title {\n  font-size: 18px;\n  color: #08c2d1;\n  font-weight: bold;\n  line-height: 2;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd {\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\n  width: 154px;\n  height: 154px;\n  background: -0.5px 3.5px url("../assets/images/accident/operation.png") no-repeat;\n  background-size: 100% calc(100% - 3.5px);\n  position: relative;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .shangUp {\n  position: absolute;\n  left: 34%;\n  top: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_P0_Pro .bd .rocker-wrap .rocker .xaiUp {\n  position: absolute;\n  left: 34%;\n  bottom: 0px;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  border: 0px solid red;\n  cursor: pointer;\n}\n\n::v-deep .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, i, "data-v-116a7a93", false, undefined, !1, e);
+export { o as default };

dist/index-YqpN0yec.js

+var r = 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),
+  a = 1,
+  n = 26,
+  t = 28,
+  e = 44,
+  u = 255,
+  o = 12,
+  c = 5,
+  s = 6,
+  f = 17 + 3,
+  i = 31 + 3,
+  p = 13 + 3,
+  h = 18 + 3,
+  A = o + 3,
+  _ = 5 + 3,
+  E = c + 3,
+  v = s + 3,
+  m = 6 + 3,
+  l = 8 + 3,
+  d = 17 + 3,
+  w = 8 + 3,
+  y = 5 + 3,
+  C = 5 + 3,
+  S = 45 + 3,
+  z = 4 + 3,
+  H = 4 + 3,
+  g = A - 1,
+  R = E - 1,
+  b = v - 1,
+  D = {
+    A1C1E1: f + 2,
+    A1C1E1S1: i + 2,
+    A2C2E2: p + 2,
+    A2C2E2S2: h + 2,
+    A1: A + 2,
+    A2: _ + 2,
+    C1: E + 2,
+    C2: v + 2,
+    E1: m + 2,
+    E2: l + 2,
+    S1: d + 2,
+    S2: w + 2,
+    U: y + 2,
+    V: C + 2,
+    M_AHRS: S + 2,
+    HEART_BEAT: z + 2,
+    SHAKE_HAND: H + 2
+  },
+  N = {
+    A1C1E1: D.A1C1E1 + 2,
+    A1C1E1S1: D.A1C1E1S1 + 2,
+    A2C2E2: D.A2C2E2 + 2,
+    A2C2E2S2: D.A2C2E2S2 + 2,
+    A1: D.A1 + 2,
+    A2: D.A2 + 2,
+    C1: D.C1 + 2,
+    C2: D.C2 + 2,
+    E1: D.E1 + 2,
+    E2: D.E2 + 2,
+    S1: D.S1 + 2,
+    S2: D.S2 + 2,
+    U: D.U + 2,
+    V: D.V + 2,
+    M_AHRS: D.M_AHRS + 2,
+    HEART_BEAT: D.HEART_BEAT + 2,
+    SHAKE_HAND: D.SHAKE_HAND + 2
+  },
+  T = N.A1 - 1,
+  M = N.C1 - 1,
+  B = N.C2 - 1,
+  V = 0,
+  I = V + 3 + 3 + 2,
+  K = I + 2,
+  U = K - 1,
+  F = 3,
+  L = 4,
+  O = 10,
+  W = 11,
+  x = 13,
+  Z = 15,
+  j = 18,
+  k = 22,
+  q = 23,
+  G = 0,
+  J = 0,
+  P = 0,
+  Q = 0,
+  X = {
+    server_status: Z,
+    param1: G,
+    param2: J,
+    param3: P,
+    param4: Q
+  },
+  Y = {
+    server_status: Z,
+    param1: G,
+    param2: J,
+    param3: P,
+    param4: Q
+  },
+  $ = {
+    zoomspeed1: 1,
+    zoomspeed2: 2,
+    zoomspeed3: 3,
+    zoomspeed4: 4,
+    zoomspeed5: 5,
+    zoomspeed6: 6,
+    zoomspeed7: 7
+  },
+  rr = 1,
+  ar = 8,
+  nr = 9,
+  tr = {
+    videosource: 0,
+    zoom_speed: $.speed,
+    camera_ctrl: 0,
+    LRFctr: 0
+  },
+  er = 74,
+  ur = 75,
+  or = {
+    ctrl: 0,
+    param: 0
+  };
+function cr(r) {
+  for (var a = r[3], n = 4, t = (63 & r[3]) - 2; t--;) a ^= r[n], n++;
+  return a;
+}
+function sr(r, a) {
+  var n = r,
+    t = [85, 170, 220, 0, 0],
+    e = a + 3,
+    o = e + 3 - 1;
+  return t[3] = e, t[4] = u, n.forEach(function (r) {
+    t.push(r);
+  }), t[o] = cr(t), t;
+}
+function fr(r) {
+  var a = function (r) {
+      var a = new Array(),
+        n = 0;
+      return n = 7 & r.videosource | (7 & r.zoom_speed) << 3 | (127 & r.camera_ctrl) << 6 | (7 & r.LRFctr) << 13, a[0] = n >> 8 & 255, a[1] = 255 & n, a;
+    }(r),
+    n = [85, 170, 220, 0, 0];
+  return n[3] = c, n[4] = t, a.forEach(function (r) {
+    n.push(r);
+  }), n[R] = cr(n), n;
+}
+function ir(r) {
+  var a = function (r) {
+      var a = new Array();
+      return a[0] = r.ctrl, a[1] = r.param >> 8, a[2] = 255 & r.param, a;
+    }(r),
+    n = [85, 170, 220, 0, 0];
+  return n[3] = s, n[4] = e, a.forEach(function (r) {
+    n.push(r);
+  }), n[b] = cr(n), n;
+}
+function pr(r) {
+  var a = function (r) {
+      var a = new Array();
+      return a[0] = r.server_status, a[1] = r.param1 >> 8, a[2] = 255 & r.param1, a[3] = r.param2 >> 8, a[4] = 255 & r.param2, a[5] = r.param3 >> 8, a[6] = 255 & r.param3, a[7] = r.param4 >> 8, a[8] = 255 & r.param4, a;
+    }(r),
+    t = [85, 170, 220, 0, 0];
+  return t[3] = o, t[4] = n, a.forEach(function (r) {
+    t.push(r);
+  }), t[g] = cr(t), t;
+}
+function hr(a) {
+  for (var n = 0, t = 1, e = a[2]; e--;) n = r[n ^ a[t]], t++;
+  return n;
+}
+function Ar(r, a) {
+  var n = 0,
+    t = 0,
+    e = 0,
+    u = [];
+  for (e = a % 48 == 0 ? parseInt(a / 48, 10) : parseInt(a / 48, 10) + 1, n = 0; n < e; n++) {
+    if (e - n == 1) {
+      for (t = 0; t < a - 48 * n; t++) u[t] = r[48 * n + t], Number(r[48 * n + t]).toString(16);
+      return u;
+    }
+    for (t = 0; t < 48; t++) u[t] = r[48 * n + t], Number(r[48 * n + t]).toString(16);
+    return u;
+  }
+}
+var _r = {
+  give_directions_ctrl: function give_directions_ctrl(r) {
+    var a = new Array(165, 79, 0),
+      n = null;
+    if (0 == r) X.server_status = Z;else if (1 == r) {
+      X.server_status = Z;
+      var _r2 = [129, 1, 5, 8, 2, 255];
+      I = (V = 6) + 3 + 3 + 2, U = (K = V + 3 + 3 + 2 + 2) - 1, a[2] = I, sr(_r2, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a), n = Ar(a, K);
+    } else if (2 == r) {
+      X.server_status = Z;
+      var _r3 = [129, 1, 4, 89, 2, 255];
+      I = (V = 6) + 3 + 3 + 2, U = (K = V + 3 + 3 + 2 + 2) - 1, a[2] = I, sr(_r3, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a), n = Ar(a, K);
+    }
+    return n;
+  },
+  gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    a[2] = D.A1, 0 == r ? X.server_status = O : 1 == r ? X.server_status = F : 2 == r ? X.server_status = L : 3 == r ? X.server_status = k : 4 == r ? X.server_status = j : 5 == r && (X.server_status = q), pr(X).forEach(function (r) {
+      a.push(r);
+    }), a[T] = hr(a);
+    return Ar(a, N.A1);
+  },
+  camera_WD_ctrl: function camera_WD_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 61, 2, 255];
+    n[4] = 1 == r ? 2 : 3, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+      a.push(r);
+    }), a[U] = hr(a);
+    return Ar(a, K);
+  },
+  camera_Defog_ctrl: function camera_Defog_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 7;
+    var n = [129, 1, 4, 55, 2, 0, 255];
+    1 == r ? (n[4] = 2, n[5] = 3) : (n[4] = 3, n[5] = 0), U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+      a.push(r);
+    }), a[U] = hr(a);
+    return Ar(a, K);
+  },
+  stabilizer_mode_ctrl: function stabilizer_mode_ctrl(r) {
+    var n = new Array(165, 79, 0);
+    V = 6;
+    var t = [129, 1, 4, 52, 2, 255];
+    if (0 == r) {
+      a = 0, t[4] = 3, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, n[2] = I, sr(t, V).forEach(function (r) {
+        n.push(r);
+      }), n[U] = hr(n);
+      return Ar(n, K);
+    }
+    if (1 == r) {
+      if (0 == a) {
+        a = 1, t[4] = 2, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, n[2] = I, sr(t, V).forEach(function (r) {
+          n.push(r);
+        }), n[U] = hr(n);
+        return Ar(n, K);
+      }
+      var e = new Array(165, 79, 0);
+      U = (K = (I = (V = 7) + 3 + 3 + 2) + 2) - 1, e[2] = I, sr([129, 1, 126, 4, 52, 2, 255], V).forEach(function (r) {
+        e.push(r);
+      }), e[U] = hr(e);
+      return Ar(e, K);
+    }
+    if (2 == r) {
+      if (0 == a) {
+        a = 1, t[4] = 2, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, n[2] = I, sr(t, V).forEach(function (r) {
+          n.push(r);
+        }), n[U] = hr(n);
+        return Ar(n, K);
+      }
+      U = (K = (I = (V = 7) + 3 + 3 + 2) + 2) - 1, n[2] = I, sr([129, 1, 126, 4, 52, 3, 255], V).forEach(function (r) {
+        n.push(r);
+      }), n[U] = hr(n);
+      return Ar(n, K);
+    }
+  },
+  VE_mode_ctrl: function VE_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 61, 6, 255];
+    0 == r && (n[4] = 3), U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+      a.push(r);
+    }), a[U] = hr(a);
+    return Ar(a, K);
+  },
+  NR_mode_ctrl: function NR_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 83, 5, 255];
+    0 == r && (n[4] = 0), U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+      a.push(r);
+    }), a[U] = hr(a);
+    return Ar(a, K);
+  },
+  DZOOM_mode_ctrl: function DZOOM_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 6, 2, 255];
+    0 == r && (n[4] = 3), U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+      a.push(r);
+    }), a[U] = hr(a);
+    return Ar(a, K);
+  },
+  videooutput_mode_ctrl: function videooutput_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 8;
+    var n = [129, 1, 4, 36, 114, 2, 8, 255];
+    if (0 == r) {
+      n[5] = 1, n[6] = 5, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (1 == r) {
+      n[5] = 0, n[6] = 7, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (2 == r) {
+      n[5] = 0, n[6] = 10, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    var t = new Array(165, 79, 0);
+    U = (K = (I = (V = 6) + 3 + 3 + 2) + 2) - 1, t[2] = I, sr([129, 1, 4, 25, 3, 255], V).forEach(function (r) {
+      t.push(r);
+    }), t[U] = hr(t), Ar(t, K);
+  },
+  ICR_mode_ctrl: function ICR_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    if (a[2] = D.C2, 2 == r) {
+      var n = [129, 1, 4, 81, 4, 255];
+      U = (K = (I = (V = 6) + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (1 == r) {
+      n = [129, 1, 4, 81, 3, 255];
+      U = (K = (I = (V = 6) + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a), Ar(a, K), or.ctrl = er, ir(or).forEach(function (r) {
+        a.push(r);
+      }), a[B] = hr(a), Ar(a, N.C2);
+    } else if (0 == r) {
+      n = [129, 1, 4, 81, 3, 255];
+      U = (K = (I = (V = 6) + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a), Ar(a, K), or.ctrl = ur, ir(or).forEach(function (r) {
+        a.push(r);
+      }), a[B] = hr(a), Ar(a, N.C2);
+    }
+  },
+  WB_mode_ctrl: function WB_mode_ctrl(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 53, 0, 255];
+    if (0 == r) {
+      U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (1 == r) {
+      n[4] = 1, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (2 == r) {
+      n[4] = 2, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+  },
+  zoom: function zoom(r) {
+    var a = new Array(165, 79, 0);
+    a[2] = D.C1, tr.zoom_speed = $.zoomspeed7, 0 == r ? tr.camera_ctrl = ar : 1 == r ? tr.camera_ctrl = rr : 2 == r && (tr.camera_ctrl = nr), fr(tr).forEach(function (r) {
+      a.push(r);
+    }), a[M] = hr(a);
+    return Ar(a, N.C1);
+  },
+  saturated: function saturated(r) {
+    var a = new Array(165, 79, 0);
+    V = 6;
+    var n = [129, 1, 4, 12, 2, 255];
+    if (0 == r) {
+      n[4] = 3, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+    if (2 == r) {
+      n[4] = 2, U = (K = (I = V + 3 + 3 + 2) + 2) - 1, a[2] = I, sr(n, V).forEach(function (r) {
+        a.push(r);
+      }), a[U] = hr(a);
+      return Ar(a, K);
+    }
+  },
+  change_pitch_angle: function change_pitch_angle(r) {
+    var a = new Array(165, 79, 0);
+    a[2] = D.A1, X.server_status = W;
+    var n = 0;
+    r >= 0 ? (n = r, X.param2 = 65536 * n / 360) : (n = r, X.param2 = 65536 * n / 360 + 65536), pr(X).forEach(function (r) {
+      a.push(r);
+    }), a[T] = hr(a);
+    return Ar(a, N.A1);
+  },
+  change_yaw_angle: function change_yaw_angle(r) {
+    var a = new Array(165, 79, 0);
+    a[2] = D.A1, X.server_status = W;
+    var n = 0;
+    r >= 0 ? (n = r, X.param1 = 65536 * n / 360) : (n = r, X.param1 = 65536 * n / 360 + 65536), pr(X).forEach(function (r) {
+      a.push(r);
+    }), a[T] = hr(a);
+    return Ar(a, N.A1);
+  },
+  gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+    1 == r ? r = -1 : -1 == r && (r = 1);
+    var a = new Array(165, 79, 0);
+    a[2] = D.A1, Y.server_status = x, Y.param3 = 0, Y.param4 = 300 * r + 1500, pr(Y).forEach(function (r) {
+      a.push(r);
+    }), a[T] = hr(a);
+    return Ar(a, N.A1);
+  },
+  control_mode_ctrl: function control_mode_ctrl(r) {
+    var a = new Array(166, 1, 3, 0, 0);
+    return a[3] = r, a[4] = hr(a), a;
+  },
+  gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, a) {
+    var n = new Array(165, 79, 0);
+    n[2] = D.A1, Y.server_status = x, Y.param1 = 0, Y.param2 = 300 * r + 1500, pr(Y).forEach(function (r) {
+      n.push(r);
+    }), n[T] = hr(n);
+    return Ar(n, n[2] + 2);
+  }
+};
+export { _r as M, hr as c };

dist/index-bj9PAfSG.js

-import{q as n}from"./utils-DFbQKfwy.js";import{j as e}from"./index-C19CNC6d.js";import{_ as t}from"./launch-DVLUxeG_.js";import{_ as r}from"./mount_head-CjG17KVU.js";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import a from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";const s={props:{containerStyle:{type:Object,default:()=>({})}},data:()=>({timer:null,radio:1,safety_switch_state:!0}),mounted(){},methods:{handle_laser_shine_ctrl(e){if(this.safety_switch_state)this.$message.warning("请关闭保险");else{const e=n.laser_shine_ctrl(1);this.commit_directive(e),this.$message.success("发射成功"),this.safety_switch_state=!this.safety_switch_state}},commit_directive(n){this.$emit("directive",n)}}};var o=function(){var n=this,r=n.$createElement,i=n._self._c||r;return i("div",{staticClass:"cpt-MMC_Gimbal_FN3",style:n.containerStyle},[i("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),i("div",{staticClass:"close",on:{click:function(e){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),i("div",{staticClass:"bd"},[i("div",{staticClass:"form-wrap"},[i("div",{staticClass:"form-item"},[i("div",{staticClass:"label-box"},[n._v("保险：")]),n._v(" "),i("div",{staticClass:"input-box"},[i("el-switch",{attrs:{size:"mini"},model:{value:n.safety_switch_state,callback:function(e){n.safety_switch_state=e},expression:"safety_switch_state"}})],1)]),n._v(" "),i("div",{staticClass:"form-item mt16"},[i("img",{attrs:{src:e,alt:""}}),n._v(" "),i("div",{staticClass:"launch"},[i("img",{attrs:{src:t,alt:""},on:{click:n.handle_laser_shine_ctrl}}),n._v(" "),i("div",{staticClass:"label-box"},[n._v("发射")])])])])])])},l=[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"left ml8"},[t("img",{attrs:{src:r}}),n._v(" "),t("div",{staticClass:"title"},[n._v("网枪")])])}];o._withStripped=!0;const A=i({render:o,staticRenderFns:l},(function(n){n&&n("data-v-1b3685f4_0",{source:".cpt-MMC_Gimbal_FN3[data-v-1b3685f4] {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FN3 .hd[data-v-1b3685f4] {\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_FN3 .hd .left[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .hd .left .title[data-v-1b3685f4] {\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_FN3 .hd .close[data-v-1b3685f4] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_FN3 .bd[data-v-1b3685f4] {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap[data-v-1b3685f4] {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .label-box[data-v-1b3685f4] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box[data-v-1b3685f4] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-][data-v-1b3685f4] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .launch[data-v-1b3685f4] {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */",map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMCGimbalFN3\\index.vue","index.vue"],names:[],mappings:"AAkEA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EAGA,sBAAA;ACpEA;ADqEA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACnEA;ADqEA;EACA,aAAA;EACA,mBAAA;ACnEA;ADoEA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACzEA;AD6EA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC3EA;AD8EA;EACA,aAAA;AC5EA;AD6EA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AC3EA;AD4EA;EACA,aAAA;EACA,mBAAA;AC1EA;AD2EA;EACA,cAAA;ACzEA;AD2EA;EACA,aAAA;EACA,mBAAA;ACzEA;AD2EA;EACA,eAAA;EACA,cAAA;ACzEA;AD8EA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;AC5EA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_FN3" :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">网枪</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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-switch v-model="safety_switch_state" size="mini" />\r\n          </div>\r\n        </div>\r\n        <div class="form-item mt16">\r\n          <img src="../assets/images/observe/011.svg" alt="" />\r\n          <div class="launch">\r\n            <img src="../assets/images/mount/launch.png" alt="" @click="handle_laser_shine_ctrl" />\r\n            <div class="label-box">发射</div>\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_FN3 } from \'../utils\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      timer: null,\r\n      radio: 1,\r\n      safety_switch_state: true\r\n    };\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    handle_laser_shine_ctrl(value) {\r\n      if (this.safety_switch_state) {\r\n        this.$message.warning(\'请关闭保险\');\r\n      } else {\r\n        const buff = MMC_Gimbal_FN3.laser_shine_ctrl(1);\r\n        this.commit_directive(buff);\r\n        this.$message.success(\'发射成功\');\r\n        this.safety_switch_state = !this.safety_switch_state;\r\n      }\r\n    },\r\n    commit_directive(buffer) {\r\n      // console.log(buffer);\r\n      this.$emit(\'directive\', buffer);\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_FN3 {\r\n  position: absolute;\r\n  // bottom: 0;\r\n  right: 0;\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  width: 240px;\r\n  // height: 218px;\r\n\r\n  box-sizing: border-box;\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      .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  .bd {\r\n    display: flex;\r\n    .form-wrap {\r\n      padding: 16px 0;\r\n      width: 100%;\r\n      height: 130px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .icon-box {\r\n            [class^=\'el-icon-\'] {\r\n              font-size: 30px;\r\n              color: #dce9ff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .launch {\r\n        margin-left: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n',".cpt-MMC_Gimbal_FN3 {\n  position: absolute;\n  right: 0;\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  width: 240px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_FN3 .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_FN3 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .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_FN3 .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_FN3 .bd {\n  display: flex;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap {\n  padding: 16px 0;\n  width: 100%;\n  height: 130px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .form-item .input-box .icon-box [class^=el-icon-] {\n  font-size: 30px;\n  color: #dce9ff;\n}\n.cpt-MMC_Gimbal_FN3 .bd .form-wrap .launch {\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]},media:void 0})}),s,"data-v-1b3685f4",false,undefined,!1,a,void 0,void 0);export{A as default};

dist/index-iIpHQ3eX.js

+import { M as n, c as e } from "./index-YqpN0yec.js";
+import { _ as r, a as i } from "./record-WJfBn7Fn.js";
+import { _ as t } from "./stop-DrpmwvZH.js";
+import { _ as o } from "./mount_head-c1OIlkSj.js";
+import { n as a, c as d } 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 l = {
+  props: {
+    containerStyle: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    position: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    payload: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    device: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    moveType: {
+      type: String,
+      "default": function _default() {
+        return "";
+      }
+    },
+    selected_mount: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      routePath: "",
+      holderModelDomV2: 1,
+      controlist: [{
+        id: 4,
+        type: "一键向下"
+      }, {
+        id: 3,
+        type: "航向回中"
+      }, {
+        id: 5,
+        type: "俯仰水平"
+      }, {
+        id: 2,
+        type: "回中"
+      }],
+      control_change: 2,
+      radio: 1,
+      zdid: 1,
+      value: 25,
+      value2: 25,
+      control_speed: 3,
+      click_mode: 0,
+      ptz_mode: 1,
+      wid_mode: 0,
+      stable_mode: 1,
+      vis_mode: 0,
+      noise_mode: 1,
+      ele_mode: 0,
+      video_mode: 0,
+      night_mode: 0,
+      white_mode: 0,
+      control_mode: 0,
+      zoom: 1,
+      pitch: 0,
+      yaw: 0,
+      fog_mode: 0,
+      record: !1,
+      dj_mode: 0,
+      regList: [{
+        val: "复位",
+        num: 0
+      }, {
+        val: "30",
+        num: 30
+      }, {
+        val: "60",
+        num: 60
+      }, {
+        val: "90",
+        num: 90
+      }],
+      drd: {
+        dj_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        click_mode: [{
+          id: 0,
+          label: "移动"
+        }, {
+          id: 1,
+          label: "聚焦"
+        }, {
+          id: 2,
+          label: "曝光"
+        }],
+        ptz_mode: [{
+          id: 0,
+          label: "锁定"
+        }, {
+          id: 1,
+          label: "跟随"
+        }, {
+          id: 2,
+          label: "回中"
+        }],
+        wid_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        stable_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "超级"
+        }, {
+          id: 2,
+          label: "超级+"
+        }],
+        control_mode: [{
+          id: 0,
+          label: "关"
+        }, {
+          id: 1,
+          label: "开"
+        }],
+        vis_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        noise_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        ele_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }],
+        video_mode: [{
+          id: 0,
+          label: "1080p60"
+        }, {
+          id: 1,
+          label: "1080p30"
+        }, {
+          id: 2,
+          label: "720p60"
+        }],
+        night_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "黑白"
+        }, {
+          id: 2,
+          label: "彩色"
+        }],
+        white_mode: [{
+          id: 0,
+          label: "自动"
+        }, {
+          id: 1,
+          label: "室内"
+        }, {
+          id: 2,
+          label: "室外"
+        }],
+        fog_mode: [{
+          id: 0,
+          label: "关闭"
+        }, {
+          id: 1,
+          label: "打开"
+        }]
+      },
+      timer: null
+    };
+  },
+  computed: {
+    stream: function stream() {
+      return this.$store.state.fckernel.stream;
+    }
+  },
+  watch: {
+    payload: {
+      handler: function handler(n) {
+        this.resolve_payload(n);
+      },
+      deep: !0
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      _this.init_rocker();
+    }), "fckernel" == this.$route.path.replace("/", "") && (this.routePath = !0);
+  },
+  methods: {
+    close: function close() {
+      this.record ? this.$message.info("请结束录像后再关闭！") : this.$emit("close");
+    },
+    handle_change_dj_mode: function handle_change_dj_mode(n) {
+      console.log(this.device, "device");
+    },
+    handle_change_zd: function handle_change_zd(n) {
+      console.log(n), console.log(this.device, "device");
+    },
+    onChangezoom: function onChangezoom(e) {
+      if (e < 25) this.handle_zoom(-1);else if (e > 25) this.handle_zoom(1);else {
+        var _e = n.zoom(this.zoom = 1);
+        this.commit_directive(_e);
+      }
+    },
+    mousedownFn: function mousedownFn() {},
+    stopChange: function stopChange() {
+      this.value = 25, this.value2 = 25;
+      var e = n.zoom(this.zoom = 1);
+      this.commit_directive(e);
+    },
+    resolve_payload: function resolve_payload(n) {
+      var r = new Uint8Array(n);
+      if (165 === r[0] && e(r) === r[r.length - 1]) switch (r[1]) {
+        case 1:
+          this.msg_key_status1(r);
+          break;
+        case 248:
+          this.gcs_button_ctrl(r);
+      }
+    },
+    gcs_button_ctrl: function gcs_button_ctrl(n) {
+      var e = n[3],
+        r = n[4];
+      if (4 === e) this.gimbal_mode_ctrl(r);
+    },
+    msg_key_status1: function msg_key_status1(n) {
+      this.gimbal_mode_ctrl(3 & n[7]);
+    },
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(n) {
+      this.ptz_mode = n;
+    },
+    handle_change_click_mode: function handle_change_click_mode(e) {
+      var r = n.give_directions_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_ptz_mode: function handle_change_ptz_mode(e) {
+      this.holderModelDomV2 = e;
+      var r = n.gimbal_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_wid_mode: function handle_change_wid_mode(e) {
+      var r = n.camera_WD_ctrl(e);
+      console.log(r, "budd"), this.commit_directive(r);
+    },
+    handle_change_stable_mode: function handle_change_stable_mode(e) {
+      var r = n.stabilizer_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_control_mode: function handle_change_control_mode(e) {
+      var r = n.control_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_vis_mode: function handle_change_vis_mode(e) {
+      var r = n.VE_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_noise_mode: function handle_change_noise_mode(e) {
+      var r = n.NR_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_ele_mode: function handle_change_ele_mode(e) {
+      var r = n.DZOOM_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_video_mode: function handle_change_video_mode(e) {
+      var r = n.videooutput_mode_ctrl(e);
+      this.commit_directive(r), r = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 25, 3, 255, 151, 254], this.commit_directive(r);
+    },
+    handle_change_night_mode: function handle_change_night_mode(e) {
+      var r = n.ICR_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_white_mode: function handle_change_white_mode(e) {
+      var r = n.WB_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_saturated: function handle_saturated(e) {
+      var r = n.saturated(this.zoom + e);
+      this.commit_directive(r);
+    },
+    handle_zoom: function handle_zoom(e) {
+      var r = n.zoom(this.zoom + e);
+      this.commit_directive(r);
+    },
+    handle_change_pitch: function handle_change_pitch(e) {
+      this.pitch = e;
+      var r = n.change_pitch_angle(this.pitch);
+      this.commit_directive(r);
+    },
+    handle_change_yaw: function handle_change_yaw() {
+      var e = n.change_yaw_angle(this.yaw);
+      this.commit_directive(e);
+    },
+    handle_change_camera_mode: function handle_change_camera_mode(e) {
+      var r = n.camera_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_change_fog_mode: function handle_change_fog_mode(e) {
+      var r = n.camera_Defog_ctrl(e);
+      this.commit_directive(r);
+    },
+    handle_take_photo: function handle_take_photo() {
+      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() {
+      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);
+    },
+    commit_directive: function commit_directive(n) {
+      this.$emit("directive", n);
+    },
+    onChangeType: function onChangeType(e) {
+      var r = n.gimbal_mode_ctrl(e);
+      this.commit_directive(r);
+    },
+    fangxiang: function fangxiang(e) {
+      var r = null;
+      switch (e) {
+        case "up":
+          console.log(this.control_speed), r = n.gimbal_pitch_ctrl(1), this.commit_directive(r);
+          break;
+        case "right":
+          r = n.gimbal_yaw_ctrl(1), this.commit_directive(r);
+          break;
+        case "left":
+          r = n.gimbal_yaw_ctrl(-1), this.commit_directive(r);
+          break;
+        case "down":
+          r = n.gimbal_pitch_ctrl(-1), this.commit_directive(r);
+      }
+    },
+    stopfxFn: function stopfxFn() {
+      var e = null;
+      e = n.gimbal_pitch_ctrl(0, this.control_speed), this.commit_directive(e), e = n.gimbal_yaw_ctrl(0, this.control_speed), this.commit_directive(e);
+    },
+    init_rocker: function init_rocker() {
+      var _this2 = this;
+      var e = null;
+      joystick({
+        onstart: function onstart(r) {
+          switch (r) {
+            case "up":
+              console.log(_this2.control_speed), e = n.gimbal_pitch_ctrl(1, _this2.control_speed), _this2.commit_directive(e);
+              break;
+            case "right":
+              e = n.gimbal_yaw_ctrl(1, _this2.control_speed), _this2.commit_directive(e);
+              break;
+            case "left":
+              e = n.gimbal_yaw_ctrl(-1, _this2.control_speed), _this2.commit_directive(e);
+              break;
+            case "down":
+              e = n.gimbal_pitch_ctrl(-1, _this2.control_speed), _this2.commit_directive(e);
+          }
+        },
+        onend: function onend() {
+          e = n.gimbal_pitch_ctrl(0, _this2.control_speed), _this2.commit_directive(e), e = n.gimbal_yaw_ctrl(0, _this2.control_speed), _this2.commit_directive(e);
+        }
+      });
+    }
+  }
+};
+var s = function s() {
+    var n = this,
+      e = n.$createElement,
+      o = n._self._c || e;
+    return o("div", {
+      staticClass: "cpt-MMC_Gimbal_Z30Pro",
+      "class": {
+        heightOne: 1 == n.routePath
+      },
+      style: n.containerStyle
+    }, [o("div", {
+      directives: [{
+        name: "interact",
+        rawName: "v-interact"
+      }],
+      staticClass: "hd"
+    }, [n._m(0), n._v(" "), o("div", {
+      staticClass: "close",
+      on: {
+        click: n.close
+      }
+    }, [n._v("关闭")])]), n._v(" "), o("div", {
+      staticClass: "bd",
+      "class": {
+        heightTwo: 1 == n.routePath
+      }
+    }, [o("div", {
+      staticClass: "form-wrap"
+    }, [o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("控制速度")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("div", {
+      staticClass: "speedC"
+    }, n._l(new Array(5).fill(1), function (e, r) {
+      return o("div", {
+        key: r,
+        staticClass: "speed",
+        style: n.control_speed == r + 1 ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(e) {
+            n.control_speed = r + 1;
+          }
+        }
+      }, [n._v("\n                " + n._s(r + 1) + "\n              ")]);
+    }), 0)])]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("云台模式")]), n._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 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(e) {
+          return n.handle_change_ptz_mode(0);
+        }
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "mono-middle mono_box",
+      "class": {
+        active: 1 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(e) {
+          return n.handle_change_ptz_mode(1);
+        }
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "mono-right mono_box",
+      "class": {
+        active: 2 == n.holderModelDomV2
+      },
+      on: {
+        click: function click(e) {
+          return n.handle_change_ptz_mode(2);
+        }
+      }
+    })]), n._v(" "), n._m(1)])])]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("视频指点:")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_dj_mode
+      },
+      model: {
+        value: n.dj_mode,
+        callback: function callback(e) {
+          n.dj_mode = e;
+        },
+        expression: "dj_mode"
+      }
+    }, n._l(n.drd.dj_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("变       焦")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("div", {
+      staticClass: "mr10 cp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.handle_zoom(-1);
+        },
+        mouseup: n.stopChange,
+        mouseleave: n.stopChange
+      }
+    }, [o("span", {
+      staticClass: "iconfont icon-shanchu3"
+    })]), n._v(" "), o("el-slider", {
+      staticStyle: {
+        width: "10px"
+      },
+      attrs: {
+        max: 50,
+        min: 0,
+        "show-tooltip": !1
+      },
+      on: {
+        input: n.onChangezoom,
+        mouseout: function mouseout(e) {
+          n.value = 25;
+        },
+        mouseleave: function mouseleave(e) {
+          n.value = 25;
+        }
+      },
+      model: {
+        value: n.value,
+        callback: function callback(e) {
+          n.value = e;
+        },
+        expression: "value"
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "ml10 cp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.handle_zoom(1);
+        },
+        mouseup: n.stopChange,
+        mouseleave: n.stopChange
+      }
+    }, [o("span", {
+      staticClass: "iconfont icon-tianjia1"
+    })])], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("俯       仰")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("div", {
+      staticClass: "speedC"
+    }, n._l(n.regList, function (e, r) {
+      return o("div", {
+        key: r,
+        staticClass: "pitch",
+        style: n.pitch == e.num ? "background: #FFFFFF;color: #333333;" : "",
+        on: {
+          click: function click(r) {
+            return n.handle_change_pitch(e.num);
+          }
+        }
+      }, [n._v("\n                " + n._s(e.val) + "\n              ")]);
+    }), 0)])]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("点       击")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_click_mode
+      },
+      model: {
+        value: n.click_mode,
+        callback: function callback(e) {
+          n.click_mode = e;
+        },
+        expression: "click_mode"
+      }
+    }, n._l(n.drd.click_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("宽  动  态")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_wid_mode
+      },
+      model: {
+        value: n.wid_mode,
+        callback: function callback(e) {
+          n.wid_mode = e;
+        },
+        expression: "wid_mode"
+      }
+    }, n._l(n.drd.wid_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("透       雾")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_fog_mode
+      },
+      model: {
+        value: n.fog_mode,
+        callback: function callback(e) {
+          n.fog_mode = e;
+        },
+        expression: "fog_mode"
+      }
+    }, n._l(n.drd.fog_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("联控模式")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_control_mode
+      },
+      model: {
+        value: n.control_mode,
+        callback: function callback(e) {
+          n.control_mode = e;
+        },
+        expression: "control_mode"
+      }
+    }, n._l(n.drd.control_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("电子增稳")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_stable_mode
+      },
+      model: {
+        value: n.stable_mode,
+        callback: function callback(e) {
+          n.stable_mode = e;
+        },
+        expression: "stable_mode"
+      }
+    }, n._l(n.drd.stable_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("可见度增强")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_vis_mode
+      },
+      model: {
+        value: n.vis_mode,
+        callback: function callback(e) {
+          n.vis_mode = e;
+        },
+        expression: "vis_mode"
+      }
+    }, n._l(n.drd.vis_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("降       噪")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_noise_mode
+      },
+      model: {
+        value: n.noise_mode,
+        callback: function callback(e) {
+          n.noise_mode = e;
+        },
+        expression: "noise_mode"
+      }
+    }, n._l(n.drd.noise_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("电子变倍")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_ele_mode
+      },
+      model: {
+        value: n.ele_mode,
+        callback: function callback(e) {
+          n.ele_mode = e;
+        },
+        expression: "ele_mode"
+      }
+    }, n._l(n.drd.ele_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("视频输出")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_video_mode
+      },
+      model: {
+        value: n.video_mode,
+        callback: function callback(e) {
+          n.video_mode = e;
+        },
+        expression: "video_mode"
+      }
+    }, n._l(n.drd.video_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("夜间模式")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_night_mode
+      },
+      model: {
+        value: n.night_mode,
+        callback: function callback(e) {
+          n.night_mode = e;
+        },
+        expression: "night_mode"
+      }
+    }, n._l(n.drd.night_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)]), n._v(" "), o("div", {
+      staticClass: "form-item"
+    }, [o("div", {
+      staticClass: "label-box"
+    }, [n._v("白  平  衡")]), n._v(" "), o("div", {
+      staticClass: "input-box"
+    }, [o("el-radio-group", {
+      on: {
+        change: n.handle_change_white_mode
+      },
+      model: {
+        value: n.white_mode,
+        callback: function callback(e) {
+          n.white_mode = e;
+        },
+        expression: "white_mode"
+      }
+    }, n._l(n.drd.white_mode, function (e) {
+      return o("el-radio", {
+        key: e.id,
+        attrs: {
+          size: "mini",
+          label: e.id
+        }
+      }, [n._v(n._s(e.label) + "\n              ")]);
+    }), 1)], 1)])]), n._v(" "), o("div", {
+      staticClass: "rocker-wrap"
+    }, [o("div", {
+      staticClass: "item-group"
+    }, [o("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_take_photo
+      }
+    }, [o("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "拍照",
+        placement: "top"
+      }
+    }, [o("div", {
+      staticClass: "icon-box"
+    }, [o("img", {
+      attrs: {
+        src: r,
+        alt: ""
+      }
+    })])])], 1), n._v(" "), o("div", {
+      staticClass: "item-box",
+      on: {
+        click: n.handle_record
+      }
+    }, [o("el-tooltip", {
+      staticClass: "item",
+      attrs: {
+        effect: "dark",
+        content: "录像",
+        placement: "top"
+      }
+    }, [o("div", {
+      staticClass: "icon-box"
+    }, [n.record ? o("img", {
+      attrs: {
+        src: t,
+        alt: ""
+      }
+    }) : o("img", {
+      attrs: {
+        src: i,
+        alt: ""
+      }
+    })])])], 1)]), n._v(" "), o("div", {
+      ref: "rocker",
+      staticClass: "rocker"
+    }, [o("div", {
+      staticClass: "shangUp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.fangxiang("up");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "xaiUp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.fangxiang("down");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "zuoUp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.fangxiang("left");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    }), n._v(" "), o("div", {
+      staticClass: "youUp",
+      on: {
+        mousedown: function mousedown(e) {
+          return n.fangxiang("right");
+        },
+        mouseup: n.stopfxFn,
+        mouseout: n.stopfxFn
+      }
+    })])])])]);
+  },
+  c = [function () {
+    var n = this,
+      e = n.$createElement,
+      r = n._self._c || e;
+    return r("div", {
+      staticClass: "left ml8"
+    }, [r("img", {
+      attrs: {
+        src: o
+      }
+    }), n._v(" "), r("div", {
+      staticClass: "title"
+    }, [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("回中")])]);
+  }];
+s._withStripped = !0;
+var m = a({
+  render: s,
+  staticRenderFns: c
+}, function (n) {
+  n && n("data-v-579bee40_0", {
+    source: '.cpt-MMC_Gimbal_Z30Pro[data-v-579bee40] {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z30Pro .hd[data-v-579bee40] {\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_Z30Pro .hd .left[data-v-579bee40] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .hd .left .title[data-v-579bee40] {\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_Z30Pro .hd .close[data-v-579bee40] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd[data-v-579bee40] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item[data-v-579bee40] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .label-box[data-v-579bee40] {\n  text-align: right;\n  white-space: nowrap;\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .btn-default[data-v-579bee40] {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box[data-v-579bee40] {\n  margin-left: 15px;\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono[data-v-579bee40] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-579bee40] {\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_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-579bee40] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-579bee40] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono .text[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap[data-v-579bee40] {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group[data-v-579bee40] {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box[data-v-579bee40] {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box .iconfont[data-v-579bee40] {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .rocker[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .shangUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .xaiUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .zuoUp[data-v-579bee40] {\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_Z30Pro .bd .rocker-wrap .rocker .youUp[data-v-579bee40] {\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-579bee40] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-579bee40] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-579bee40] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-579bee40] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n[data-v-579bee40] .el-radio-group {\n  white-space: nowrap;\n}\n[data-v-579bee40] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n[data-v-579bee40] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-579bee40] .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n[data-v-579bee40] .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n[data-v-579bee40] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-579bee40] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-579bee40] {\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-579bee40] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-579bee40] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-579bee40] {\n  color: #004fff;\n}\n[data-v-579bee40] .el-slider__runway {\n  visibility: hidden;\n}\n.heightOne[data-v-579bee40] {\n  height: 298px !important;\n}\n.heightTwo[data-v-579bee40] {\n  height: 230px !important;\n}\n\n/*# sourceMappingURL=index.vue.map */',
+    map: {
+      version: 3,
+      sources: ["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_Z30Pro\\index.vue", "index.vue"],
+      names: [],
+      mappings: "AAsyBA;EACA,kBAAA;EAEA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EAEA,sBAAA;ACvyBA;ADyyBA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;ACvyBA;ADyyBA;EACA,aAAA;EACA,mBAAA;ACvyBA;ADwyBA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;AC7yBA;ADizBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC/yBA;ADmzBA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,aAAA;EACA,kBAAA;ACjzBA;ADszBA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACpzBA;ADszBA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;EACA,WAAA;ACpzBA;ADuzBA;EACA,0BAAA;EACA,mBAAA;EACA,qBAAA;ACrzBA;ADwzBA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;ACtzBA;ADuzBA;EACA,aAAA;EACA,sBAAA;ACrzBA;ADszBA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACpzBA;ADqzBA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;ACnzBA;ADqzBA;EACA,gFAAA;EACA,0BAAA;ACnzBA;ADszBA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACpzBA;AD2zBA;EACA,kBAAA;EACA,WAAA;ACzzBA;AD4zBA;EACA,aAAA;EACA,6BAAA;AC1zBA;AD6zBA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AC3zBA;AD6zBA;EACA,eAAA;EACA,cAAA;EACA,eAAA;AC3zBA;ADi0BA;EAEA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACh0BA;ADk0BA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACh0BA;ADm0BA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACj0BA;ADo0BA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACl0BA;ADq0BA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACn0BA;AD20BA;EACA,YAAA;EACA,iBAAA;ACx0BA;AD20BA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;ACz0BA;AD80BA;EACA,YAAA;EACA,iBAAA;AC50BA;AD80BA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC50BA;ADg1BA;EACA,mBAAA;AC90BA;ADk1BA;EACA,qBAAA;EACA,mBAAA;ACh1BA;ADq1BA;EACA,cAAA;ACn1BA;ADu1BA;EACA,gFAAA;EAEA,0BAAA;ACt1BA;ADw1BA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;ACt1BA;ADw1BA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACt1BA;AD01BA;EACA,gBAAA;ACv1BA;AD01BA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACv1BA;ADy1BA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACx1BA;AD01BA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACx1BA;AD41BA;EACA,cAAA;ACz1BA;AD61BA;EACA,kBAAA;AC11BA;AD41BA;EACA,wBAAA;ACz1BA;AD21BA;EACA,wBAAA;ACx1BA;;AAEA,oCAAoC",
+      file: "index.vue",
+      sourcesContent: ['<template>\r\n  <div\r\n    class="cpt-MMC_Gimbal_Z30Pro"\r\n    :style="containerStyle"\r\n    :class="{ heightOne: routePath == true }"\r\n  >\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">高清变焦相机</div>\r\n      </div>\r\n      <div class="close" @click="close">关闭</div>\r\n    </div>\r\n    <div class="bd" :class="{ heightTwo: routePath == true }">\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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_change"\r\n              size="mini"\r\n              placeholder="请选择控制选项"\r\n              @change="onChangeType"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in controlist"\r\n                :key="index"\r\n                :label="item.type"\r\n                :value="item.id"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio size="mini" v-for="item in drd.ptz_mode" :key="item.id" :label="item.id">{{ item.label }}\r\n              </el-radio>\r\n            </el-radio-group> --\x3e\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="dj_mode" @change="handle_change_dj_mode">\r\n              <el-radio\r\nv-for="item in drd.dj_mode"\r\n: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            <div\r\n              class="mr10 cp"\r\n              @mousedown="handle_zoom(-1)"\r\n              @mouseup="stopChange"\r\n              @mouseleave="stopChange"\r\n            >\r\n              <span class="iconfont icon-shanchu3" />\r\n            </div>\r\n            \x3c!-- <el-button\r\n              @click="handle_zoom(-1)"\r\n              size="mini"\r\n              icon="el-icon-minus"\r\n              circle\r\n            ></el-button> --\x3e\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              @input="onChangezoom"\r\n              @mouseout="value = 25"\r\n              @mouseleave="value = 25"\r\n            />\r\n\r\n            <div\r\n              class="ml10 cp"\r\n              @mousedown="handle_zoom(1)"\r\n              @mouseup="stopChange"\r\n              @mouseleave="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">俯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仰</div>\r\n          <div class="input-box">\r\n            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input v-model.number="pitch" size="mini" placeholder="请输入俯仰" />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="pitch++"></span>\r\n            <div class="butto" @click="handle_change_pitch" size="mini" type="primary">设置</div> --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!--  --\x3e\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-radio-group v-model="click_mode" @change="handle_change_click_mode">\r\n              <el-radio\r\nv-for="item in drd.click_mode"\r\n: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;态</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="wid_mode" @change="handle_change_wid_mode">\r\n              <el-radio\r\nv-for="item in drd.wid_mode"\r\n: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        \x3c!--  --\x3e\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-radio-group v-model="fog_mode" @change="handle_change_fog_mode">\r\n              <el-radio\r\nv-for="item in drd.fog_mode"\r\n: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="control_mode" @change="handle_change_control_mode">\r\n              <el-radio\r\nv-for="item in drd.control_mode"\r\n: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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input v-model.number="yaw" size="mini" placeholder="请输入航向" />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <div class="butto" @click="handle_change_yaw" size="mini" type="primary">设置</div>\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="stable_mode" @change="handle_change_stable_mode">\r\n              <el-radio\r\nv-for="item in drd.stable_mode"\r\n: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="vis_mode" @change="handle_change_vis_mode">\r\n              <el-radio\r\nv-for="item in drd.vis_mode"\r\n: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-radio-group v-model="noise_mode" @change="handle_change_noise_mode">\r\n              <el-radio\r\nv-for="item in drd.noise_mode"\r\n: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="ele_mode" @change="handle_change_ele_mode">\r\n              <el-radio\r\nv-for="item in drd.ele_mode"\r\n: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="video_mode" @change="handle_change_video_mode">\r\n              <el-radio\r\nv-for="item in drd.video_mode"\r\n: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="night_mode" @change="handle_change_night_mode">\r\n              <el-radio\r\nv-for="item in drd.night_mode"\r\n: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;衡</div>\r\n          <div class="input-box">\r\n            <el-radio-group v-model="white_mode" @change="handle_change_white_mode">\r\n              <el-radio\r\nv-for="item in drd.white_mode"\r\n: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        \x3c!-- <div class="form-item">\r\n          <div class="label-box">饱和度</div>\r\n          <div class="input-box">\r\n            <el-button @click="handle_saturated(1)" size="mini" icon="el-icon-plus" circle></el-button>\r\n            <el-button @click="handle_saturated(-1)" size="mini" icon="el-icon-minus" circle></el-button>\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="item-group">\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">\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">\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 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(\'left\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n          <div\r\n            class="youUp"\r\n            @mousedown="fangxiang(\'right\')"\r\n            @mouseup="stopfxFn"\r\n            @mouseout="stopfxFn"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cal_crc_table, MMC_Gimbal_Z30Pro } from \'./js/index\';\r\nexport default {\r\n  props: {\r\n    containerStyle: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    /* taskId: {\r\n      type: Boolean,\r\n      default: ""\r\n    }, */\r\n    position: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    payload: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    device: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    moveType: {\r\n      type: String,\r\n      default: () => \'\'\r\n    },\r\n    selected_mount: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      routePath: \'\', // 判断当前路径\r\n      holderModelDomV2: 1,\r\n      controlist: [\r\n        {\r\n          id: 4,\r\n          type: \'一键向下\'\r\n        },\r\n        {\r\n          id: 3,\r\n          type: \'航向回中\'\r\n        },\r\n        {\r\n          id: 5,\r\n          type: \'俯仰水平\'\r\n        },\r\n        {\r\n          id: 2,\r\n          type: \'回中\'\r\n        }\r\n      ],\r\n      control_change: 2,\r\n      radio: 1,\r\n      zdid: 1,\r\n      value: 25,\r\n      value2: 25,\r\n      control_speed: 3,\r\n      click_mode: 0,\r\n      ptz_mode: 1,\r\n      wid_mode: 0,\r\n      stable_mode: 1,\r\n      vis_mode: 0,\r\n      noise_mode: 1,\r\n      ele_mode: 0,\r\n      video_mode: 0,\r\n      night_mode: 0,\r\n      white_mode: 0,\r\n      control_mode: 0,\r\n      zoom: 1,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      fog_mode: 0,\r\n      record: false,\r\n      dj_mode: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: 30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: 60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: 90\r\n        }\r\n      ],\r\n      drd: {\r\n        dj_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        click_mode: [\r\n          { id: 0, label: \'移动\' },\r\n          { id: 1, label: \'聚焦\' },\r\n          { id: 2, 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        wid_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        stable_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'超级\' },\r\n          { id: 2, label: \'超级+\' }\r\n        ],\r\n        control_mode: [\r\n          { id: 0, label: \'关\' },\r\n          { id: 1, label: \'开\' }\r\n        ],\r\n        vis_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        noise_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        ele_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ],\r\n        video_mode: [\r\n          { id: 0, label: \'1080p60\' },\r\n          { id: 1, label: \'1080p30\' },\r\n          { id: 2, label: \'720p60\' }\r\n        ],\r\n        night_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'黑白\' },\r\n          { id: 2, label: \'彩色\' }\r\n        ],\r\n        white_mode: [\r\n          { id: 0, label: \'自动\' },\r\n          { id: 1, label: \'室内\' },\r\n          { id: 2, label: \'室外\' }\r\n        ],\r\n        fog_mode: [\r\n          { id: 0, label: \'关闭\' },\r\n          { id: 1, label: \'打开\' }\r\n        ]\r\n      },\r\n      timer: null\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: {\r\n      handler(value) {\r\n        this.resolve_payload(value);\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n    // console.log(\'1111111111111111111111111111----\');\r\n    if (this.$route.path.replace(\'/\', \'\') == \'fckernel\') {\r\n      this.routePath = true;\r\n    }\r\n    //  console.log(this.$route.path.replace(\'/\',\'\'),\'-----------111111111111111\');\r\n  },\r\n  methods: {\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_change_dj_mode(id) {\r\n      console.log(this.device, \'device\');\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_zd(id) {\r\n      console.log(id);\r\n      console.log(this.device, \'device\');\r\n    },\r\n    onChangezoom(e) {\r\n      if (e < 25) {\r\n        this.handle_zoom(-1);\r\n      } else if (e > 25) {\r\n        this.handle_zoom(1);\r\n      } else {\r\n        const buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n        this.commit_directive(buffer);\r\n      }\r\n    },\r\n    mousedownFn() {\r\n      // console.log(mousedownFn, "mousedownFn");\r\n    },\r\n    stopChange() {\r\n      this.value = 25;\r\n      this.value2 = 25;\r\n      // this.handle_zoom(this)\r\n      const buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n      this.commit_directive(buffer);\r\n    },\r\n    resolve_payload(buff) {\r\n      const dataArray = new Uint8Array(buff);\r\n      if (dataArray[0] === 0xa5 && cal_crc_table(dataArray) === dataArray[dataArray.length - 1]) {\r\n        switch (dataArray[1]) {\r\n          case 0x01:\r\n            this.msg_key_status1(dataArray);\r\n            break;\r\n          case 0xf8:\r\n            this.gcs_button_ctrl(dataArray);\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    gcs_button_ctrl(data) {\r\n      const button = data[3];\r\n      const status = data[4];\r\n\r\n      switch (button) {\r\n        case 4:\r\n          this.gimbal_mode_ctrl(status);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    msg_key_status1(data) {\r\n      this.gimbal_mode_ctrl(data[7] & 0x3);\r\n    },\r\n    gimbal_mode_ctrl(mode) {\r\n      this.ptz_mode = mode;\r\n    },\r\n    handle_change_click_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.give_directions_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_Z30Pro.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_wid_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_WD_ctrl(value);\r\n      console.log(buffer, \'budd\');\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_stable_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.stabilizer_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_control_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z30Pro.control_mode_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_vis_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.VE_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_noise_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.NR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_ele_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.DZOOM_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_video_mode(value) {\r\n      let buffer = MMC_Gimbal_Z30Pro.videooutput_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n      buffer = [165, 79, 14, 85, 170, 220, 9, 255, 129, 1, 4, 25, 3, 255, 151, 254];\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_night_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.ICR_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_white_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.WB_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_saturated(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.saturated(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_zoom(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.zoom(this.zoom + value);\r\n      this.commit_directive(buffer);\r\n      // buffer = MMC_Gimbal_Z30Pro.zoom((this.zoom = 1));\r\n      // this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_Z30Pro.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_Z30Pro.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_camera_mode(value) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_fog_mode(mode) {\r\n      const buffer = MMC_Gimbal_Z30Pro.camera_Defog_ctrl(mode);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_take_photo() {\r\n      // let { position } = this;\r\n      // let buffer = MMC_Gimbal_Z30Pro.take_photo(position || {});\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      // this.commit_directive(buffer);\r\n    },\r\n    handle_record() {\r\n      // if(!this.taskId  || this.taskId == "") return this.$message.error("暂无任务！")\r\n      this.record = !this.record;\r\n      const streamData = {\r\n        data: {\r\n          data: {\r\n            videoID: 1\r\n            // recordControl: this.record\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    commit_directive(buffer) {\r\n      this.$emit(\'directive\', buffer);\r\n    },\r\n    onChangeType(val) {\r\n      const buffer = MMC_Gimbal_Z30Pro.gimbal_mode_ctrl(val);\r\n      this.commit_directive(buffer);\r\n    },\r\n    fangxiang(type) {\r\n      let buffer = null;\r\n      switch (type) {\r\n        case \'up\':\r\n          console.log(this.control_speed);\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(-1);\r\n          this.commit_directive(buffer);\r\n      }\r\n      // this.timer = setTimeout(() => {\r\n      //   clearTimeout(this.timer);\r\n      //   buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      //   buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n      //   this.commit_directive(buffer);\r\n      // }, 2000);\r\n    },\r\n    stopfxFn() {\r\n      let buffer = null;\r\n      buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n      buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n      this.commit_directive(buffer);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              console.log(this.control_speed);\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_Z30Pro.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_Z30Pro {\r\n  position: absolute;\r\n  // top: -138px;\r\n  right: 0;\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  width: 470px;\r\n  height: 290px;\r\n\r\n  box-sizing: border-box;\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      .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-y: auto;\r\n    height: 230px;\r\n    overflow-x: hidden;\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          text-align: right;\r\n          white-space: nowrap;\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n\r\n        .btn-default {\r\n          padding: 0 10px !important;\r\n          background: #2aefed;\r\n          border-color: #2aefed;\r\n        }\r\n\r\n        .input-box {\r\n          margin-left: 15px;\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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      .item-group {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n\r\n        .item-box {\r\n          .icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #004fff;\r\n            border-radius: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .iconfont {\r\n              font-size: 24px;\r\n              color: #dce9ff;\r\n              cursor: pointer;\r\n            }\r\n          }\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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #004fff;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #004fff;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n\r\n  .el-radio-group {\r\n    white-space: nowrap;\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #004fff;\r\n            background: #004fff;\r\n          }\r\n        }\r\n      }\r\n\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .active {\r\n    background: url(\'../assets/images/mount/mount_control.png\') no-repeat !important;\r\n    // background: url("../assets/images/accident/mono_box.svg") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  .butto {\r\n    width: 35px;\r\n    height: 25px;\r\n    font-size: 12px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    background: #004fff;\r\n    color: #000;\r\n    border-radius: 5px;\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\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.heightOne {\r\n  height: 298px !important;\r\n}\r\n.heightTwo {\r\n  height: 230px !important;\r\n}\r\n</style>\r\n', '.cpt-MMC_Gimbal_Z30Pro {\n  position: absolute;\n  right: 0;\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  width: 470px;\n  height: 290px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  overflow-y: auto;\n  height: 230px;\n  overflow-x: hidden;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .label-box {\n  text-align: right;\n  white-space: nowrap;\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .btn-default {\n  padding: 0 10px !important;\n  background: #2aefed;\n  border-color: #2aefed;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box {\n  margin-left: 15px;\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .bd .rocker-wrap {\n  position: absolute;\n  right: 30px;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group {\n  display: flex;\n  justify-content: space-evenly;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box {\n  width: 32px;\n  height: 32px;\n  background: #004fff;\n  border-radius: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.cpt-MMC_Gimbal_Z30Pro .bd .rocker-wrap .item-group .item-box .icon-box .iconfont {\n  font-size: 24px;\n  color: #dce9ff;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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_Z30Pro .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #004fff;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group {\n  white-space: nowrap;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #004fff;\n  background: #004fff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .active {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n::v-deep .butto {\n  width: 35px;\n  height: 25px;\n  font-size: 12px;\n  line-height: 25px;\n  text-align: center;\n  background: #004fff;\n  color: #000;\n  border-radius: 5px;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #004fff;\n}\n\n::v-deep .el-slider__runway {\n  visibility: hidden;\n}\n\n.heightOne {\n  height: 298px !important;\n}\n\n.heightTwo {\n  height: 230px !important;\n}\n\n/*# sourceMappingURL=index.vue.map */']
+    },
+    media: void 0
+  });
+}, l, "data-v-579bee40", false, undefined, !1, d);
+export { m as default };

dist/index-t-mBe6sL.js

-import{i as n}from"./utils-DFbQKfwy.js";import{_ as r}from"./mount_head-CjG17KVU.js";import e from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import i from"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";const t={data:()=>({holderModelDomV2:1,control_speed:3,ptz_mode:0,pitch:0,yaw:0,regList:[{val:"复位",num:0},{val:"30",num:-30},{val:"60",num:-60},{val:"90",num:-90}],drd:{ptz_mode:[{id:0,label:"锁定"},{id:1,label:"跟随"},{id:2,label:"回中"}]},timer:null}),mounted(){this.$nextTick((()=>{this.init_rocker()}))},methods:{handle_change_ptz_mode(r){this.holderModelDomV2=r;const e=n.gimbal_mode_ctrl(r);this.commit_directive(e)},handle_change_pitch(r){this.pitch=r;const e=n.change_pitch_angle(this.pitch);this.commit_directive(e)},handle_change_yaw(){const r=n.change_yaw_angle(this.yaw);this.commit_directive(r)},commit_directive(n){this.$emit("directive",n)},fangxiang(r){let e=null;switch(r){case"up":case"right":console.log(r,"方向"),e=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(e);break;case"left":case"down":console.log(r,"方向"),e=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(e)}this.timer=setTimeout((()=>{clearTimeout(this.timer),e=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(e),e=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(e)}),500)},init_rocker(){let r=null;joystick({onstart:e=>{switch(e){case"up":r=n.gimbal_pitch_ctrl(1,this.control_speed),this.commit_directive(r);break;case"right":r=n.gimbal_yaw_ctrl(1,this.control_speed),this.commit_directive(r);break;case"left":r=n.gimbal_yaw_ctrl(-1,this.control_speed),this.commit_directive(r);break;case"down":r=n.gimbal_pitch_ctrl(-1,this.control_speed),this.commit_directive(r)}},onend:()=>{r=n.gimbal_pitch_ctrl(0,this.control_speed),this.commit_directive(r),r=n.gimbal_yaw_ctrl(0,this.control_speed),this.commit_directive(r)}})}}};var o=function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"cpt-MMC_Gimbal_ZT1"},[e("div",{directives:[{name:"interact",rawName:"v-interact"}],staticClass:"hd"},[n._m(0),n._v(" "),e("div",{staticClass:"close",on:{click:function(r){return n.$emit("close")}}},[n._v("关闭")])]),n._v(" "),e("div",{staticClass:"bd"},[e("div",{staticClass:"form-wrap"},[e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("控制速度")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},n._l(new Array(5).fill(1),(function(r,i){return e("div",{key:i,staticClass:"speed",style:n.control_speed==i+1?"background: #FFFFFF;color: #333333;":"",on:{click:function(r){n.control_speed=i+1}}},[n._v("\n              "+n._s(i+1)+"\n            ")])})),0)])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("云台模式")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"mono"},[e("div",{staticClass:"mono-long"},[e("div",{staticClass:"mono-left mono_box",class:{active:0==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(0)}}}),n._v(" "),e("div",{staticClass:"mono-middle mono_box",class:{active:1==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(1)}}}),n._v(" "),e("div",{staticClass:"mono-right mono_box",class:{active:2==n.holderModelDomV2},on:{click:function(r){return n.handle_change_ptz_mode(2)}}})]),n._v(" "),n._m(1)])])]),n._v(" "),e("div",{staticClass:"form-item"},[e("div",{staticClass:"label-box"},[n._v("俯       仰")]),n._v(" "),e("div",{staticClass:"input-box"},[e("div",{staticClass:"speedC"},n._l(n.regList,(function(r,i){return e("div",{key:i,staticClass:"pitch",style:n.pitch==r.num?"background: #FFFFFF;color: #333333;":"",on:{click:function(e){return n.handle_change_pitch(r.num)}}},[n._v("\n              "+n._s(r.val)+"\n            ")])})),0)])])]),n._v(" "),e("div",{staticClass:"rocker-wrap"},[e("div",{staticClass:"title-box"}),n._v(" "),e("div",{ref:"rocker",staticClass:"rocker"},[e("div",{staticClass:"shangUp",on:{click:function(r){return n.fangxiang("up")}}}),n._v(" "),e("div",{staticClass:"xaiUp",on:{click:function(r){return n.fangxiang("down")}}}),n._v(" "),e("div",{staticClass:"zuoUp",on:{click:function(r){return n.fangxiang("right")}}}),n._v(" "),e("div",{staticClass:"youUp",on:{click:function(r){return n.fangxiang("left")}}})])])])])},a=[function(){var n=this,e=n.$createElement,i=n._self._c||e;return i("div",{staticClass:"left ml8"},[i("img",{attrs:{src:r}}),n._v(" "),i("div",{staticClass:"title"},[n._v("红外热成像")])])},function(){var n=this,r=n.$createElement,e=n._self._c||r;return e("div",{staticClass:"text"},[e("div",{staticClass:"text-left"},[n._v("锁定")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("跟随")]),n._v(" "),e("div",{staticClass:"text-right"},[n._v("回中")])])}];o._withStripped=!0;const A=e({render:o,staticRenderFns:a},(function(n){n&&n("data-v-378e5284_0",{source:'.cpt-MMC_Gimbal_ZT1[data-v-378e5284] {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 218px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_ZT1 .hd[data-v-378e5284] {\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_ZT1 .hd .left[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .hd .left .title[data-v-378e5284] {\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_ZT1 .hd .close[data-v-378e5284] {\n  font-size: 14px;\n  font-family: MicrosoftYaHei;\n  color: #d2dfff;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT1 .bd[data-v-378e5284] {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap[data-v-378e5284] {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .label-box[data-v-378e5284] {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box[data-v-378e5284] {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono[data-v-378e5284] {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long[data-v-378e5284] {\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_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long .mono_box[data-v-378e5284] {\n  width: 28px;\n  height: 13px;\n  border-radius: 3px;\n  margin-top: 2px;\n  cursor: pointer;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .mono-long .active[data-v-378e5284] {\n  background: url("../assets/images/mount/mount_control.png") no-repeat !important;\n  background-size: 100% 100%;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono .text[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap[data-v-378e5284] {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .title-box .title[data-v-378e5284] {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .rocker[data-v-378e5284] {\n  margin: 10px auto 0;\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_ZT1 .bd .rocker-wrap .rocker .shangUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .xaiUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .zuoUp[data-v-378e5284] {\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_ZT1 .bd .rocker-wrap .rocker .youUp[data-v-378e5284] {\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-378e5284] .el-select {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-378e5284] .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-378e5284] .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n[data-v-378e5284] .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n[data-v-378e5284] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n[data-v-378e5284] .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n[data-v-378e5284] .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\n}\n[data-v-378e5284] .el-slider__bar {\n  background: #fff;\n}\n.speedC[data-v-378e5284] {\n  width: 203px;\n  height: 24px;\n  display: flex;\n  background: rgba(13, 34, 79, 0.65);\n  border: 1px solid #43deff;\n  border-radius: 12px;\n}\n.speedC .speed[data-v-378e5284] {\n  width: 41px;\n  color: #ffffff;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n}\n.speedC .pitch[data-v-378e5284] {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n.iconfont[data-v-378e5284] {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["E:\\work\\standardization\\mmc-stl-module\\src\\components\\MMCFlightControlCenter\\components\\mount\\MMC_Gimbal_ZT1\\index.vue","index.vue"],names:[],mappings:"AA8QA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gCAAA;EACA,wFAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AC7QA;AD+QA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,kCAAA;EACA,mDAAA;EACA,4BAAA;AC7QA;AD+QA;EACA,aAAA;EACA,mBAAA;AC7QA;AD8QA;EACA,eAAA;EACA,4BAAA;EACA,cAAA;EACA,iBAAA;EACA,6CAAA;EACA,oGAAA;EAQA,6BAAA;EACA,oCAAA;ACnRA;ADuRA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACrRA;ADwRA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;ACtRA;ADuRA;EACA,cAAA;ACrRA;ADsRA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;ACpRA;ADqRA;EACA,cAAA;EACA,WAAA;ACnRA;ADqRA;EACA,aAAA;EACA,mBAAA;ACnRA;ADoRA;EACA,aAAA;EACA,sBAAA;AClRA;ADmRA;EACA,aAAA;EACA,8BAAA;EACA,YAAA;EACA,YAAA;EACA,4DAAA;EACA,qBAAA;EACA,kBAAA;ACjRA;ADkRA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;AChRA;ADkRA;EACA,gFAAA;EACA,0BAAA;AChRA;ADmRA;EACA,eAAA;EACA,2BAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,eAAA;ACjRA;ADuRA;EACA,OAAA;ACrRA;ADuRA;EACA,cAAA;ACrRA;ADwRA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,wEAAA;EACA,0BAAA;ACtRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;ADuRA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;ACrRA;AD6RA;EACA,YAAA;EACA,iBAAA;AC1RA;AD4RA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC1RA;AD8RA;EACA,YAAA;EACA,iBAAA;AC5RA;AD6RA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;AC3RA;ADkSA;EACA,qBAAA;EACA,mBAAA;AChSA;ADoSA;EACA,cAAA;AClSA;ADsSA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;ACpSA;ADuSA;EACA,gBAAA;ACpSA;ADsSA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;EACA,yBAAA;EACA,mBAAA;ACnSA;ADoSA;EACA,WAAA;EAEA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ACnSA;ADqSA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;ACnSA;ADsSA;EACA,cAAA;ACnSA;;AAEA,oCAAoC",file:"index.vue",sourcesContent:['<template>\r\n  <div class="cpt-MMC_Gimbal_ZT1">\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">红外热成像</div>\r\n      </div>\r\n      <div class="close" @click="$emit(\'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            <div class="speedC">\r\n              <div\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                class="speed"\r\n                :style="control_speed == index + 1 ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="control_speed = index + 1"\r\n              >\r\n                {{ index + 1 }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-select\r\n              v-model="control_speed"\r\n              size="mini"\r\n              placeholder="请选择控制速度"\r\n            >\r\n              <el-option\r\n                v-for="(item, index) in new Array(5).fill(1)"\r\n                :key="index"\r\n                :label="index + 1"\r\n                :value="index + 1"\r\n              ></el-option>\r\n            </el-select> --\x3e\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            \x3c!-- <el-radio-group @change="handle_change_ptz_mode" v-model="ptz_mode">\r\n              <el-radio\r\n                size="mini"\r\n                v-for="item in drd.ptz_mode"\r\n                :key="item.id"\r\n                :label="item.id"\r\n                >{{ item.label }}</el-radio\r\n              >\r\n            </el-radio-group> --\x3e\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 class="speedC">\r\n              <div\r\n                v-for="(item, index) in regList"\r\n                :key="index"\r\n                class="pitch"\r\n                :style="pitch == item.num ? \'background: #FFFFFF;color: #333333;\' : \'\'"\r\n                @click="handle_change_pitch(item.num)"\r\n              >\r\n                {{ item.val }}\r\n              </div>\r\n            </div>\r\n            \x3c!-- <el-input\r\n              v-model.number="pitch"\r\n              size="mini"\r\n              placeholder="请输入俯仰"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="pitch--"></span>\r\n            <span\r\n              class="iconfont icon-tianjia1 mr5 ml3"\r\n              @click="pitch++"\r\n            ></span>\r\n            <el-button @click="handle_change_pitch" size="mini" type="primary"\r\n              >设置</el-button\r\n            > --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="form-item">\r\n          <div class="label-box">\r\n            航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向\r\n          </div>\r\n          <div class="input-box">\r\n            <el-input\r\n              v-model.number="yaw"\r\n              size="mini"\r\n              placeholder="请输入航向"\r\n            />\r\n            <span class="iconfont icon-shanchu3" @click="yaw--"></span>\r\n            <span class="iconfont icon-tianjia1 mr5 ml3" @click="yaw++"></span>\r\n            <el-button @click="handle_change_yaw" size="mini" type="primary"\r\n              >设置</el-button\r\n            >\r\n          </div>\r\n        </div> --\x3e\r\n      </div>\r\n      <div class="rocker-wrap">\r\n        <div class="title-box">\r\n          \x3c!-- <div class="title">控制</div> --\x3e\r\n        </div>\r\n        <div ref="rocker" class="rocker">\r\n          <div class="shangUp" @click="fangxiang(\'up\')" />\r\n          <div class="xaiUp" @click="fangxiang(\'down\')" />\r\n          <div class="zuoUp" @click="fangxiang(\'right\')" />\r\n          <div class="youUp" @click="fangxiang(\'left\')" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { MMC_Gimbal_ZT1 } from \'../utils\';\r\nexport default {\r\n  data() {\r\n    return {\r\n      holderModelDomV2: 1,\r\n      control_speed: 3,\r\n      ptz_mode: 0,\r\n      pitch: 0,\r\n      yaw: 0,\r\n      regList: [\r\n        {\r\n          val: \'复位\',\r\n          num: 0\r\n        },\r\n        {\r\n          val: \'30\',\r\n          num: -30\r\n        },\r\n        {\r\n          val: \'60\',\r\n          num: -60\r\n        },\r\n        {\r\n          val: \'90\',\r\n          num: -90\r\n        }\r\n      ],\r\n      drd: {\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      timer: null\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.init_rocker();\r\n    });\r\n  },\r\n  methods: {\r\n    handle_change_ptz_mode(value) {\r\n      this.holderModelDomV2 = value;\r\n      const buffer = MMC_Gimbal_ZT1.gimbal_mode_ctrl(value);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_pitch(num) {\r\n      this.pitch = num;\r\n      const buffer = MMC_Gimbal_ZT1.change_pitch_angle(this.pitch);\r\n      this.commit_directive(buffer);\r\n    },\r\n    handle_change_yaw() {\r\n      const buffer = MMC_Gimbal_ZT1.change_yaw_angle(this.yaw);\r\n      this.commit_directive(buffer);\r\n    },\r\n    commit_directive(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          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'right\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'left\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          break;\r\n        case \'down\':\r\n          console.log(type, \'方向\');\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n          this.commit_directive(buffer);\r\n      }\r\n      this.timer = setTimeout(() => {\r\n        clearTimeout(this.timer);\r\n        buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n        buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(0, this.control_speed);\r\n        this.commit_directive(buffer);\r\n      }, 500);\r\n    },\r\n    init_rocker() {\r\n      let buffer = null;\r\n      joystick({\r\n        // zone: this.$refs["rocker"],\r\n        // mode: "static",\r\n        // position: { left: "50%", top: "50%" },\r\n        // color: "#9bacbe",\r\n        onstart: (type) => {\r\n          switch (type) {\r\n            case \'up\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'right\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'left\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n              break;\r\n            case \'down\':\r\n              buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(-1, this.control_speed);\r\n              this.commit_directive(buffer);\r\n          }\r\n        },\r\n        onend: () => {\r\n          buffer = MMC_Gimbal_ZT1.gimbal_pitch_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n          buffer = MMC_Gimbal_ZT1.gimbal_yaw_ctrl(0, this.control_speed);\r\n          this.commit_directive(buffer);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n<\/script>\r\n\r\n<style lang="scss" scoped>\r\n.cpt-MMC_Gimbal_ZT1 {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\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  width: 500px;\r\n  height: 218px;\r\n  box-sizing: border-box;\r\n  // padding: 10px 20px;\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      .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  .bd {\r\n    padding: 10px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .form-wrap {\r\n      flex-shrink: 0;\r\n      .form-item {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 40px;\r\n        .label-box {\r\n          color: #cbd0eb;\r\n          width: 75px;\r\n        }\r\n        .input-box {\r\n          display: flex;\r\n          align-items: center;\r\n          .mono {\r\n            display: flex;\r\n            flex-direction: column;\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              .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              .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            .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    .rocker-wrap {\r\n      flex: 1;\r\n      .title-box {\r\n        .title {\r\n          color: #cbd0eb;\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        .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        .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        .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        .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\r\n::v-deep {\r\n  .el-select {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input {\r\n      .el-input__inner {\r\n        background: #000000;\r\n        border: 1px solid #08c2d1;\r\n        color: #dce9ff;\r\n      }\r\n    }\r\n  }\r\n  .el-input {\r\n    width: 165px;\r\n    margin-right: 5px;\r\n    .el-input__inner {\r\n      background: #000000;\r\n      border: 1px solid #08c2d1;\r\n      color: #dce9ff;\r\n    }\r\n  }\r\n  .el-radio-group {\r\n    .el-radio {\r\n      .el-radio__input {\r\n        &.is-checked {\r\n          .el-radio__inner {\r\n            border-color: #08c2d1;\r\n            background: #08c2d1;\r\n          }\r\n        }\r\n      }\r\n      .el-radio__label {\r\n        color: #cbd0eb;\r\n      }\r\n    }\r\n  }\r\n  .el-button {\r\n    background: #2aefed;\r\n    color: #000;\r\n    border: none;\r\n  }\r\n}\r\n::v-deep .el-slider__bar {\r\n  background: #fff;\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 #43deff;\r\n  border-radius: 12px;\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  .pitch {\r\n    font-size: 12px;\r\n    margin-left: 12px;\r\n    width: 34px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    line-height: 24px;\r\n    color: #fff;\r\n  }\r\n}\r\n.iconfont {\r\n  color: #2aefed;\r\n}\r\n</style>\r\n','.cpt-MMC_Gimbal_ZT1 {\n  position: absolute;\n  top: 0;\n  right: 0;\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  width: 500px;\n  height: 218px;\n  box-sizing: border-box;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .hd .left {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .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_ZT1 .bd {\n  padding: 10px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap {\n  flex-shrink: 0;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item {\n  display: flex;\n  align-items: center;\n  height: 40px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .label-box {\n  color: #cbd0eb;\n  width: 75px;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box {\n  display: flex;\n  align-items: center;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .form-wrap .form-item .input-box .mono {\n  display: flex;\n  flex-direction: column;\n}\n.cpt-MMC_Gimbal_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .bd .rocker-wrap {\n  flex: 1;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .title-box .title {\n  color: #cbd0eb;\n}\n.cpt-MMC_Gimbal_ZT1 .bd .rocker-wrap .rocker {\n  margin: 10px auto 0;\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_ZT1 .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_ZT1 .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_ZT1 .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_ZT1 .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-select {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-select .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-input {\n  width: 165px;\n  margin-right: 5px;\n}\n::v-deep .el-input .el-input__inner {\n  background: #000000;\n  border: 1px solid #08c2d1;\n  color: #dce9ff;\n}\n::v-deep .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner {\n  border-color: #08c2d1;\n  background: #08c2d1;\n}\n::v-deep .el-radio-group .el-radio .el-radio__label {\n  color: #cbd0eb;\n}\n::v-deep .el-button {\n  background: #2aefed;\n  color: #000;\n  border: none;\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 #43deff;\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.speedC .pitch {\n  font-size: 12px;\n  margin-left: 12px;\n  width: 34px;\n  height: 24px;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 24px;\n  color: #fff;\n}\n\n.iconfont {\n  color: #2aefed;\n}\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})}),t,"data-v-378e5284",false,undefined,!1,i,void 0,void 0);export{A as default};

dist/index.js

-export{m as MMCFlightControlCenterMain,M as default}from"./index-C19CNC6d.js";import"vue";import"vue-clipboard2";import"interactjs";import"prismjs";import"prismjs/themes/prism-okaidia.css";import"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\normalize-component.mjs";import"E:\\work\\standardization\\mmc-stl-module\\node_modules\\.store\\vue-runtime-helpers@1.1.2\\node_modules\\vue-runtime-helpers\\dist\\inject-style\\browser.mjs";import"@liveqing/liveplayer";import"mqtt/dist/mqtt";import"vuex";import"axios";import"element-ui";import"vue-router";import"moment";import"terraformer-wkt-parser";import"dayjs";import"jquery";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";
+import "vue";
+import "vue-clipboard2";
+export { m as MMCFlightControlCenterMain, M as default } from "./index-BcLRpF0n.js";
+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";

dist/launch-DVLUxeG_.js

-var e="f266930816d69cee.png";export{e as _};

dist/launch-g_kMwjYd.js

+var e = "f266930816d69cee.png";
+export { e as _ };

dist/mount_head-CjG17KVU.js

-var a="8fc6fe70031e1a72.png";export{a as _};

dist/mount_head-c1OIlkSj.js

+var a = "8fc6fe70031e1a72.png";
+export { a as _ };

dist/record-C77ba-0z.js

-var a="a4ffe3be1b8c730b.png",b="38fdc8f1c2b349a0.png";export{a as _,b as a};

dist/record-WJfBn7Fn.js

+var a = "a4ffe3be1b8c730b.png",
+  b = "38fdc8f1c2b349a0.png";
+export { a as _, b as a };

dist/stop-CQsgqeQu.js

-var a="9a7f7ccb5b17a76a.png";export{a as _};

dist/stop-DrpmwvZH.js

+var a = "9a7f7ccb5b17a76a.png";
+export { a as _ };

dist/utils-4kGecFw2.js

+var _y;
+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 _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 "./index-YqpN0yec.js";
+import "./index-CZypPRsn.js";
+var r = 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);
+function a(a) {
+  for (var e = 0, n = 1, t = a[2]; t--;) e = r[e ^ a[n]], n++;
+  return e;
+}
+function e(r) {
+  var a = new ArrayBuffer(4),
+    e = new Uint32Array(a),
+    n = new ArrayBuffer(4),
+    t = new Uint32Array(n),
+    _ = new ArrayBuffer(4),
+    l = new Uint32Array(_),
+    u = new Float32Array(_),
+    y = new ArrayBuffer(4),
+    w = new Uint32Array(y),
+    c = new Float32Array(y);
+  e[0] = 255 << 23, t[0] = 31 << 23, l[0] = 15 << 23;
+  c[0] = r;
+  var i = 2147483648 & w[0];
+  w[0] ^= i;
+  var A = 0;
+  return w[0] >= e ? A = w[0] > e ? 32767 : 31744 : (w[0] &= -4096, c[0] *= u[0], w[0] -= -4096, w[0] > t[0] && (w[0] = t[0]), A = w[0] >> 13), A |= i >> 16, Number(A);
+}
+var n = {
+    gimbal_mode2_ctrl: function gimbal_mode2_ctrl(r) {
+      var e = new Array(165, 32, 3, 1, 0);
+      return e[3] = r, e[4] = a(e), e;
+    }
+  },
+  t = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    ju: function ju(r) {
+      var e = new Array(165, 17, 4, 0, 0, 0);
+      return e[3] = r >>> 0 & 255, e[5] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var n = new Array(165, 34, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var n = new Array(165, 35, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    camera_mode_ctrl: function camera_mode_ctrl(r) {
+      var e = new Array(165, 9, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    take_photo: function take_photo(_ref) {
+      var _ref$longitude = _ref.longitude,
+        r = _ref$longitude === void 0 ? 0 : _ref$longitude,
+        _ref$latitude = _ref.latitude,
+        e = _ref$latitude === void 0 ? 0 : _ref$latitude,
+        _ref$altitude = _ref.altitude,
+        n = _ref$altitude === void 0 ? 0 : _ref$altitude;
+      var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+      return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+    },
+    record: function record(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return e[3] = r ? 2 : 0, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  _ = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var n = new Array(165, 34, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var n = new Array(165, 35, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    camera_mode_ctrl: function camera_mode_ctrl(r) {
+      var e = new Array(165, 9, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    take_photo: function take_photo(_ref2) {
+      var _ref2$longitude = _ref2.longitude,
+        r = _ref2$longitude === void 0 ? 0 : _ref2$longitude,
+        _ref2$latitude = _ref2.latitude,
+        e = _ref2$latitude === void 0 ? 0 : _ref2$latitude,
+        _ref2$altitude = _ref2.altitude,
+        n = _ref2$altitude === void 0 ? 0 : _ref2$altitude;
+      var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+      return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+    },
+    record: function record(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return e[3] = r ? 2 : 0, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  l = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var n = new Array(165, 34, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var n = new Array(165, 35, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    camera_mode_ctrl: function camera_mode_ctrl(r) {
+      var e = new Array(165, 9, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    take_photo: function take_photo(_ref3) {
+      var _ref3$longitude = _ref3.longitude,
+        r = _ref3$longitude === void 0 ? 0 : _ref3$longitude,
+        _ref3$latitude = _ref3.latitude,
+        e = _ref3$latitude === void 0 ? 0 : _ref3$latitude,
+        _ref3$altitude = _ref3.altitude,
+        n = _ref3$altitude === void 0 ? 0 : _ref3$altitude;
+      var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+      return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+    },
+    record: function record(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return e[3] = r ? 2 : 0, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  u = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_HDR_mode_ctrl: function gimbal_HDR_mode_ctrl(r) {
+      var e = new Array(165, 9, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_ani_mode_ctrl: function gimbal_ani_mode_ctrl(r) {
+      var e = new Array(165, 42, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_osd_mode_ctrl: function gimbal_osd_mode_ctrl(r) {
+      var e = new Array(165, 22, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_delay_mode_ctrl: function gimbal_delay_mode_ctrl(r) {
+      var e = new Array(165, 43, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var n = new Array(165, 34, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var n = new Array(165, 35, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    camera_mode_ctrl: function camera_mode_ctrl(r) {
+      var e = new Array(165, 31, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    fog_mode_ctrl: function fog_mode_ctrl(r) {
+      var e = new Array(165, 32, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    take_photo: function take_photo(_ref4) {
+      var _ref4$longitude = _ref4.longitude,
+        r = _ref4$longitude === void 0 ? 0 : _ref4$longitude,
+        _ref4$latitude = _ref4.latitude,
+        e = _ref4$latitude === void 0 ? 0 : _ref4$latitude,
+        _ref4$altitude = _ref4.altitude,
+        n = _ref4$altitude === void 0 ? 0 : _ref4$altitude;
+      var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+      return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+    },
+    record: function record(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return e[3] = r ? 2 : 0, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  y = (_y = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    }
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_y, "gimbal_mode_ctrl", function gimbal_mode_ctrl(r) {
+    var e = new Array(165, 8, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "gimbal_light_mode_ctrl", function gimbal_light_mode_ctrl(r) {
+    var e = new Array(165, 1, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "gimbal_brightness_mode_ctrl", function gimbal_brightness_mode_ctrl(r) {
+    var e = new Array(165, 32, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "zoom", function zoom(r) {
+    var e = new Array(165, 4, 3, 0, 0);
+    return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+  }), "change_pitch_angle", function change_pitch_angle(r) {
+    var n = new Array(165, 34, 4, 0, 0, 0),
+      t = e(r);
+    return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+  }), "change_yaw_angle", function change_yaw_angle(r) {
+    var n = new Array(165, 35, 4, 0, 0, 0),
+      t = e(r);
+    return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+  }), "camera_mode_ctrl", function camera_mode_ctrl(r) {
+    var e = new Array(165, 31, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "pow_mode_ctrl", function pow_mode_ctrl(r) {
+    var e = new Array(165, 9, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "control_mode_ctrl", function control_mode_ctrl(r) {
+    var e = new Array(166, 1, 3, 0, 0);
+    return e[3] = r, e[4] = a(e), e;
+  }), "take_photo", function take_photo(_ref5) {
+    var _ref5$longitude = _ref5.longitude,
+      r = _ref5$longitude === void 0 ? 0 : _ref5$longitude,
+      _ref5$latitude = _ref5.latitude,
+      e = _ref5$latitude === void 0 ? 0 : _ref5$latitude,
+      _ref5$altitude = _ref5.altitude,
+      n = _ref5$altitude === void 0 ? 0 : _ref5$altitude;
+    var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+    return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+  }), _defineProperty(_defineProperty(_defineProperty(_y, "record", function record(r) {
+    var e = new Array(165, 5, 3, 0, 0);
+    return e[3] = r ? 2 : 0, e[4] = a(e), e;
+  }), "gimbal_pitch_ctrl", function gimbal_pitch_ctrl(r, e) {
+    var n = r * e >>> 0 & 255,
+      t = new Array(165, 6, 3, 0, 0);
+    return t[3] = n, t[4] = a(t), t;
+  }), "gimbal_yaw_ctrl", function gimbal_yaw_ctrl(r, e) {
+    var n = r * e >>> 0 & 255,
+      t = new Array(165, 7, 3, 0, 0);
+    return t[3] = n, t[4] = a(t), t;
+  })),
+  w = {
+    gimbal_audio_play_ctl: function gimbal_audio_play_ctl(r) {
+      var e = new Array(165, 34, 3);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_audio_play_next_ctl: function gimbal_audio_play_next_ctl() {
+      var r = new Array(165, 35, 3, 1);
+      return r[4] = a(r), r;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  c = {
+    constant_bright_ctrl: function constant_bright_ctrl(r) {
+      var e = new Array(165, 1, 3);
+      return e[3] = r ? 2 : 1, e[4] = a(e), e;
+    },
+    flicker_ctrl: function flicker_ctrl() {
+      var r = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+      var e = new Array(165, 1, 3);
+      return e[3] = r ? 1 : 3, e[4] = a(e), e;
+    },
+    middle_ctrl: function middle_ctrl() {
+      var r = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+      var e = new Array(165, 8, 3);
+      return e[3] = r ? 1 : 2, e[4] = a(e), e;
+    },
+    very_bright_ctrl: function very_bright_ctrl() {
+      var r = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+      var e = new Array(165, 4, 4, 0);
+      return e[4] = r ? 1 : 2, e[5] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 6, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), e[4] = a(e), e;
+    }
+  },
+  i = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 164, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var e = new Array(165, 162, 3);
+      if (!(r > 30 || r < -90)) return e[3] = 255 & r, e[4] = a(e), e;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var e = new Array(165, 163, 4, 0, 0, 0);
+      return e[3] = 255 & r, e[4] = r >> 8 & 255, e[5] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 160, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 161, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  A = {
+    lntelligent_mode_ctrl: function lntelligent_mode_ctrl(r) {
+      var e = new Array(165, 2, 3);
+      return e[3] = r ? 1 : 0, e[4] = a(e), e;
+    },
+    motor_weight: function motor_weight() {
+      var r = new Array(165, 1, 3, 1);
+      return r[4] = a(r), r;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), e[4] = a(e), e;
+    }
+  },
+  v = {
+    fire_ctrl: function fire_ctrl(r) {
+      var e = new Array(165, 1, 3, 1, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  m = {
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 6, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), 0 == r && (e[3] = 0), e[4] = a(e), e;
+    }
+  },
+  g = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_image_mode: function gimbal_image_mode(r) {
+      var e = new Array(165, 37, 3, 0, 0);
+      return e[3] = parseInt(r), e[4] = a(e), e;
+    },
+    gimbal_thermal_mode: function gimbal_thermal_mode(r) {
+      var e = new Array(165, 39, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_thermal_zoom: function gimbal_thermal_zoom(r) {
+      var e = new Array(165, 41, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r) {
+      var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  },
+  o = {
+    fire_ctrl: function fire_ctrl() {
+      var r = new Array(165, 32, 3, 1, 0);
+      return r[3] = 1, r[4] = a(r), r;
+    }
+  },
+  d = {
+    laser_shine_ctrl: function laser_shine_ctrl() {
+      var r = new Array(165, 32, 3, 1, 0);
+      return r[3] = 1, r[4] = a(r), r;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 6, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), e[4] = a(e), e;
+    }
+  },
+  h = {
+    laser_shine_ctrl: function laser_shine_ctrl() {
+      var r = new Array(165, 32, 3, 1, 0);
+      return r[3] = 1, r[4] = a(r), r;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 6, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), e[4] = a(e), e;
+    }
+  },
+  b = {
+    laser_shine_ctrl: function laser_shine_ctrl(r) {
+      var e = new Array(165, 32, 3, 1, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r) {
+      var e = new Array(165, 6, 3, 0, 0);
+      return 1 == r && (e[3] = 3), -1 == r && (e[3] = 253), e[4] = a(e), e;
+    }
+  },
+  p = {
+    gimbal_mode_ctrl: function gimbal_mode_ctrl(r) {
+      var e = new Array(165, 8, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    zoom: function zoom(r) {
+      var e = new Array(165, 4, 3, 0, 0);
+      return e[3] = r >>> 0 & 255, e[4] = a(e), e;
+    },
+    change_pitch_angle: function change_pitch_angle(r) {
+      var n = new Array(165, 34, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    change_yaw_angle: function change_yaw_angle(r) {
+      var n = new Array(165, 35, 4, 0, 0, 0),
+        t = e(r);
+      return n[3] = 255 & t, n[4] = t >> 8 & 255, n[5] = a(n), n;
+    },
+    camera_mode_ctrl: function camera_mode_ctrl(r) {
+      var e = new Array(165, 9, 3, 0, 0);
+      return e[3] = r, e[4] = a(e), e;
+    },
+    take_photo: function take_photo(_ref6) {
+      var _ref6$longitude = _ref6.longitude,
+        r = _ref6$longitude === void 0 ? 0 : _ref6$longitude,
+        _ref6$latitude = _ref6.latitude,
+        e = _ref6$latitude === void 0 ? 0 : _ref6$latitude,
+        _ref6$altitude = _ref6.altitude,
+        n = _ref6$altitude === void 0 ? 0 : _ref6$altitude;
+      var t = new Array(165, 1, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+      return t[5] = 255 & n, t[6] = n >> 8 & 255, t[7] = n >> 16 & 255, t[8] = n >> 24 & 255, t[9] = 255 & e, t[10] = e >> 8 & 255, t[11] = e >> 16 & 255, t[12] = e >> 24 & 255, t[13] = 255 & r, t[14] = r >> 8 & 255, t[15] = r >> 16 & 255, t[16] = r >> 24 & 255, t[17] = a(t), t;
+    },
+    record: function record(r) {
+      var e = new Array(165, 5, 3, 0, 0);
+      return e[3] = r ? 2 : 0, e[4] = a(e), e;
+    },
+    gimbal_pitch_ctrl: function gimbal_pitch_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 6, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    },
+    gimbal_yaw_ctrl: function gimbal_yaw_ctrl(r, e) {
+      var n = r * e >>> 0 & 255,
+        t = new Array(165, 7, 3, 0, 0);
+      return t[3] = n, t[4] = a(t), t;
+    }
+  };
+export { _ as M, l as a, p as b, a as c, u as d, t as e, w as f, y as g, c as h, i, A as j, v as k, m as l, g as m, o as n, d as o, b as p, h as q, n as r };

dist/utils-DFbQKfwy.js

-import{_ as r}from"./index-C19CNC6d.js";import"./index-DcOx2hHp.js";import"./index-CjmjzGkc.js";var n,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);function t(r){for(var n=0,t=1,e=r[2];e--;)n=a[n^r[t]],t++;return n}function e(r){var n=new ArrayBuffer(4),a=new Uint32Array(n),t=new ArrayBuffer(4),e=new Uint32Array(t),i=new ArrayBuffer(4),u=new Uint32Array(i),c=new Float32Array(i),o=new ArrayBuffer(4),_=new Uint32Array(o),l=new Float32Array(o);a[0]=255<<23,e[0]=31<<23,u[0]=15<<23;l[0]=r;var y=2147483648&_[0];_[0]^=y;var v=0;return _[0]>=a?v=_[0]>a?32767:31744:(_[0]&=-4096,l[0]*=c[0],_[0]-=-4096,_[0]>e[0]&&(_[0]=e[0]),v=_[0]>>13),v|=y>>16,Number(v)}var i={gimbal_mode2_ctrl:function(r){var n=new Array(165,32,3,1,0);return n[3]=r,n[4]=t(n),n}},u={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},ju:function(r){var n=new Array(165,17,4,0,0,0);return n[3]=r>>>0&255,n[5]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},camera_mode_ctrl:function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n},take_photo:function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o},record:function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}},c={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},camera_mode_ctrl:function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n},take_photo:function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o},record:function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}},o={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},camera_mode_ctrl:function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n},take_photo:function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o},record:function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}},_={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_HDR_mode_ctrl:function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_ani_mode_ctrl:function(r){var n=new Array(165,42,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_osd_mode_ctrl:function(r){var n=new Array(165,22,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_delay_mode_ctrl:function(r){var n=new Array(165,43,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},camera_mode_ctrl:function(r){var n=new Array(165,31,3,0,0);return n[3]=r,n[4]=t(n),n},fog_mode_ctrl:function(r){var n=new Array(165,32,3,0,0);return n[3]=r,n[4]=t(n),n},take_photo:function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o},record:function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}},l=(r(r(r(r(r(r(r(r(r(r(n={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n}},"gimbal_mode_ctrl",(function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n})),"gimbal_light_mode_ctrl",(function(r){var n=new Array(165,1,3,0,0);return n[3]=r,n[4]=t(n),n})),"gimbal_brightness_mode_ctrl",(function(r){var n=new Array(165,32,3,0,0);return n[3]=r,n[4]=t(n),n})),"zoom",(function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n})),"change_pitch_angle",(function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n})),"change_yaw_angle",(function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n})),"camera_mode_ctrl",(function(r){var n=new Array(165,31,3,0,0);return n[3]=r,n[4]=t(n),n})),"pow_mode_ctrl",(function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n})),"control_mode_ctrl",(function(r){var n=new Array(166,1,3,0,0);return n[3]=r,n[4]=t(n),n})),"take_photo",(function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o})),r(r(r(n,"record",(function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n})),"gimbal_pitch_ctrl",(function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e})),"gimbal_yaw_ctrl",(function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}))),y={gimbal_audio_play_ctl:function(r){var n=new Array(165,34,3);return n[3]=r,n[4]=t(n),n},gimbal_audio_play_next_ctl:function(){var r=new Array(165,35,3,1);return r[4]=t(r),r},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e}},v={constant_bright_ctrl:function(r){var n=new Array(165,1,3);return n[3]=r?2:1,n[4]=t(n),n},flicker_ctrl:function(){var r=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=new Array(165,1,3);return n[3]=r?1:3,n[4]=t(n),n},middle_ctrl:function(){var r=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=new Array(165,8,3);return n[3]=r?1:2,n[4]=t(n),n},very_bright_ctrl:function(){var r=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=new Array(165,4,4,0);return n[4]=r?1:2,n[5]=t(n),n},gimbal_pitch_ctrl:function(r){var n=new Array(165,6,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),n[4]=t(n),n}},w={gimbal_mode_ctrl:function(r){var n=new Array(165,164,3,0,0);return n[3]=r,n[4]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,162,3);if(!(r>30||r<-90))return n[3]=255&r,n[4]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,163,4,0,0,0);return n[3]=255&r,n[4]=r>>8&255,n[5]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,160,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,161,3,0,0);return e[3]=a,e[4]=t(e),e}},f={lntelligent_mode_ctrl:function(r){var n=new Array(165,2,3);return n[3]=r?1:0,n[4]=t(n),n},motor_weight:function(){var r=new Array(165,1,3,1);return r[4]=t(r),r},gimbal_pitch_ctrl:function(r){var n=new Array(165,5,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),n[4]=t(n),n}},A={fire_ctrl:function(r){var n=new Array(165,1,3,1,0);return n[3]=r,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}},m={gimbal_pitch_ctrl:function(r){var n=new Array(165,6,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),0==r&&(n[3]=0),n[4]=t(n),n}},g={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_image_mode:function(r){var n=new Array(165,37,3,0,0);return n[3]=parseInt(r),n[4]=t(n),n},gimbal_thermal_mode:function(r){var n=new Array(165,39,3,0,0);return n[3]=r,n[4]=t(n),n},gimbal_thermal_zoom:function(r){var n=new Array(165,41,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},gimbal_pitch_ctrl:function(r){var n=r*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:1)>>>0&255,a=new Array(165,6,3,0,0);return a[3]=n,a[4]=t(a),a},gimbal_yaw_ctrl:function(r){var n=r*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:1)>>>0&255,a=new Array(165,7,3,0,0);return a[3]=n,a[4]=t(a),a}},d={fire_ctrl:function(){var r=new Array(165,32,3,1,0);return r[3]=1,r[4]=t(r),r}},h={laser_shine_ctrl:function(){var r=new Array(165,32,3,1,0);return r[3]=1,r[4]=t(r),r},gimbal_pitch_ctrl:function(r){var n=new Array(165,6,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),n[4]=t(n),n}},b={laser_shine_ctrl:function(){var r=new Array(165,32,3,1,0);return r[3]=1,r[4]=t(r),r},gimbal_pitch_ctrl:function(r){var n=new Array(165,6,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),n[4]=t(n),n}},p={laser_shine_ctrl:function(r){var n=new Array(165,32,3,1,0);return n[3]=r,n[4]=t(n),n},gimbal_pitch_ctrl:function(r){var n=new Array(165,6,3,0,0);return 1==r&&(n[3]=3),-1==r&&(n[3]=253),n[4]=t(n),n}},s={gimbal_mode_ctrl:function(r){var n=new Array(165,8,3,0,0);return n[3]=r,n[4]=t(n),n},zoom:function(r){var n=new Array(165,4,3,0,0);return n[3]=r>>>0&255,n[4]=t(n),n},change_pitch_angle:function(r){var n=new Array(165,34,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},change_yaw_angle:function(r){var n=new Array(165,35,4,0,0,0),a=e(r);return n[3]=255&a,n[4]=a>>8&255,n[5]=t(n),n},camera_mode_ctrl:function(r){var n=new Array(165,9,3,0,0);return n[3]=r,n[4]=t(n),n},take_photo:function(r){var n=r.longitude,a=void 0===n?0:n,e=r.latitude,i=void 0===e?0:e,u=r.altitude,c=void 0===u?0:u,o=new Array(165,1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);return o[5]=255&c,o[6]=c>>8&255,o[7]=c>>16&255,o[8]=c>>24&255,o[9]=255&i,o[10]=i>>8&255,o[11]=i>>16&255,o[12]=i>>24&255,o[13]=255&a,o[14]=a>>8&255,o[15]=a>>16&255,o[16]=a>>24&255,o[17]=t(o),o},record:function(r){var n=new Array(165,5,3,0,0);return n[3]=r?2:0,n[4]=t(n),n},gimbal_pitch_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,6,3,0,0);return e[3]=a,e[4]=t(e),e},gimbal_yaw_ctrl:function(r,n){var a=r*n>>>0&255,e=new Array(165,7,3,0,0);return e[3]=a,e[4]=t(e),e}};export{c as M,o as a,s as b,t as c,_ as d,u as e,y as f,l as g,v as h,w as i,f as j,A as k,m as l,g as m,d as n,h as o,p,b as q,i as r};