zhangzengfei
2023-08-30 b2d0ac2db80c08783fd848933230618cc30d76a2
src/views/hashrate/CameraManage/CameraRules/components/AddRuleBox.vue
@@ -1,15 +1,18 @@
<template>
  <div class="AddBox">
    <div class="title">
      {{ editData.type ? "修改" : "添加" }}{{ editData.type === "separate" ? "独立" : "联动" }}场景
    </div>
    <div class="title">{{ editData.type ? "修改" : "添加" }}{{ type === "separate" ? "独立" : "联动" }}场景</div>
    <div class="close iconfont" @click="close">&#xe60f;</div>
    <el-form :model="ruleForm" :rules="rules" ref="form">
      <div class="label">场景名称</div>
      <el-form-item prop="scene_name">
        <el-input class="h32" v-model="ruleForm.scene_name" placeholder="请输入"></el-input>
        <!-- <el-input class="h32" v-model="ruleForm.scene_name" placeholder="请输入"></el-input> -->
        <el-select v-model="ruleForm.scene_name" filterable placeholder="请选择">
          <el-option v-for="item in scene_nameOptions" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <div class="label">事件等级</div>
@@ -21,7 +24,7 @@
      <div class="label">时间段</div>
      <el-form-item prop="time_rule_id">
        <el-select class="h32 left" v-model="ruleForm.time_rule_id" placeholder="请选择">
        <el-select @change="changeValue($event)" class="h32 left" v-model="ruleForm.time_rule_id" placeholder="请选择">
          <el-option
            v-for="item in VideoManageData.TimeRules"
            :key="item.id"
@@ -73,15 +76,11 @@
  components: {
    TimeSlider
  },
  mounted() {
    this.getSounds()
    this.eventAudio.addEventListener("ended", () => {
      this.togglePlay = true
    })
  },
  data() {
    return {
      scene_nameOptions: [],
      ruleForm: {
        time_name: "",
        alarm_level: 1,
        scene_name: "",
        desc: "",
@@ -113,7 +112,7 @@
        }
      ],
      rules: {
        scene_name: [{ required: true, message: "请输入场景名称", trigger: "blur" }],
        scene_name: [{ required: true, message: "请选择场景名称", trigger: "blur" }],
        time_rule_id: [{ required: true, message: "请选择时间段", trigger: "blur" }]
      },
      soundPath: "",
@@ -124,6 +123,14 @@
    }
  },
  mounted() {
    this.getSounds()
    this.eventAudio.addEventListener("ended", () => {
      this.togglePlay = true
    })
    this.scene_nameOptions = this.Constants.sceneNameOptions
  },
  methods: {
    //编辑时回填数据
    initEditData() {
@@ -196,6 +203,14 @@
          return false
        }
      })
    },
    changeValue(val) {
      console.log(val, "val")
      const res = this.VideoManageData.TimeRules.filter((item) => {
        return item.id === val
      })
      console.log(res, "res")
      this.ruleForm.time_name = res[0].name
    }
  }
}