| | |
| | | |
| | | <div class="close iconfont" @click="close"></div> |
| | | |
| | | <el-form :model="ruleForm"> |
| | | <el-form :model="ruleForm" :rules="rules" ref="form"> |
| | | <div class="label">场景名称</div> |
| | | <el-form-item> |
| | | <el-form-item prop="scene_name"> |
| | | <el-input |
| | | class="h32" |
| | | v-model="ruleForm.scene_name" |
| | |
| | | </el-form-item> |
| | | |
| | | <div class="label">时间段</div> |
| | | <el-form-item> |
| | | <el-form-item prop="time_rule_id"> |
| | | <el-select |
| | | class="h32 left" |
| | | v-model="ruleForm.time_rule_id" |
| | |
| | | value: 5, |
| | | }, |
| | | ], |
| | | rules: { |
| | | scene_name: [ |
| | | { required: true, message: "请输入场景名称", trigger: "blur" }, |
| | | ], |
| | | time_rule_id: [ |
| | | { required: true, message: "请选择时间段", trigger: "blur" }, |
| | | ], |
| | | }, |
| | | soundPath: "", |
| | | togglePlay: true, |
| | | eventAudio: new Audio(), |
| | |
| | | this.$emit("close"); |
| | | }, |
| | | save() { |
| | | this.$emit("save", { |
| | | action: this.editData.type ? "edit" : "add", |
| | | data: this.ruleForm, |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | this.$emit("save", { |
| | | action: this.editData.type ? "edit" : "add", |
| | | data: this.ruleForm, |
| | | }); |
| | | } else { |
| | | return false; |
| | | } |
| | | }); |
| | | }, |
| | | }, |
| | |
| | | background-color: #fff; |
| | | box-shadow: 0px 2px 16px 0px rgba(0, 43, 106, 0.25); |
| | | |
| | | z-index: 2; |
| | | z-index: 2002; |
| | | |
| | | .title { |
| | | box-sizing: border-box; |