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