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