heyujie
2021-07-22 eca3bc0ecb283d9e9402441c6ed3e3580621990f
src/pages/settings/views/generalSettings.vue
@@ -60,27 +60,25 @@
          <div class="min-dur">
            <div class="title">抓拍前录像时长</div>
            <div class="entity">
              <div class="sec">
                {{min_video_len }}s
              </div>
              <div class="sec">{{ min_video_len }}s</div>
              <div class="block">
                <el-slider
                  v-model="fakeObj.min"
                  id="cut_min_duration"
                  :min="5 / 1.2"
                  :max="100"
                  :max="100" :step="5 / 1.2"
                  @input="min_len=min_video_len"
                  :show-tooltip="false"
                  show-stops
                  :show-tooltip="true"
                  :format-tooltip="formatTooltip"
                ></el-slider>
                <!-- show-stops
                  :step="5/1.2" -->
              </div>
              <el-input-number
                v-model="min_len"
                @change="fakeObj.min=+((min_len/1.2))"
                @change="fakeObj.min = +(min_len / 1.2)"
                controls-position="right"
                :min="5"
                :max="120"
                :min="5" :step="5"
                :max="120" step-strictly
                size="small"
              ></el-input-number
              >&nbsp;s
@@ -96,15 +94,17 @@
                  id="cut_max_duration"
                  :min="5 / 1.2"
                  @input="max_len=max_video_len"
                  :max="100"
                  :show-tooltip="false"
                  :max="100" :step="5 / 1.2"
                  show-stops
                  :format-tooltip="formatTooltip"
                  :show-tooltip="true"
                ></el-slider>
              </div>
              <el-input-number
                v-model="max_len"
                @change="fakeObj.max=+((max_len/1.2))"
                @change="fakeObj.max = +(max_len / 1.2)"
                controls-position="right"
                :min="5"
                :min="5" :step="5" step-strictly
                :max="120"
                size="small"
              ></el-input-number
@@ -248,15 +248,11 @@
      curPlayingIndex: null,
      showUpload: false,
      activeIcons: 0,
      // alarmConf: {
      //   min_video_len: 10,
      //   max_video_len: 15,
      // },
      min_len:10,
      max_len:15,
      min_len: 0,
      max_len: 0,
      fakeObj:{
        min:10,
        max:15
        min: 0,
        max: 0,
      },
      menuArr: [
        { name: "设备信息", icon: "\ue933" },
@@ -311,13 +307,16 @@
  },
  computed: {
    min_video_len(){
      return +((this.fakeObj.min* 1.2).toFixed(0))
      return Math.round(this.fakeObj.min * 1.2);
    },
    max_video_len(){
      return +((this.fakeObj.max* 1.2).toFixed(0))
      return Math.round(this.fakeObj.max * 1.2);
    },
  },
  methods: {
    formatTooltip(v) {
      return Math.round(v * 1.2);
    },
    pickBg(item, i) {
      this.activeBg = i;
      let message = "changeBackground?" + item.name;
@@ -361,9 +360,8 @@
        this.deviceInfo.disks = "( " + info.disk + ") ";
        this.deviceInfo.memory =
          (info.mem.total / 1024 / 1024 / 1024).toFixed(2) + "GB";
        this.min_len = basic.min_video_len
        this.fakeObj.min = +((basic.min_video_len/1.2).toFixed(0));
        this.fakeObj.max = +((basic.max_video_len/1.2).toFixed(0));
        this.fakeObj.min = basic.min_video_len / 1.2;
        this.fakeObj.max = basic.max_video_len / 1.2;
      });
    },
    getSounds() {
@@ -435,13 +433,12 @@
        "rgba(233, 233, 233, 1)";
    },
    submitAlarm() {
      debugger;
      saveAlarmConfig({
        min_video_len: this.min_video_len,
        max_video_len:  this.max_video_len
        max_video_len: this.max_video_len,
      }).then((res) => {
        if (res && res.success) {
          this.getDeviceInfo()
          this.getDeviceInfo();
          this.$notify({
            type: "success",
            message: "保存成功",