zc

src/views/comprehensive/system/syntheticMusic/index.vue

@@ -45,8 +45,18 @@
     <!-- 添加或修改音乐合成对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="110px">
-        <el-form-item label="预案" prop="riskPlanId">
-          <el-select v-model="form.riskPlanId" placeholder="请选择预案" clearable style="width:350px;">
+        <el-form-item label="场景类型" prop="sceneType">
+          <el-select v-model="form.sceneType" placeholder="请选择场景类型" clearable style="width:350px;">
+            <el-option
+              v-for="dict in sceneTypeList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="预案" prop="riskPlanId" v-if="form.sceneType==1" class="synthetic-music-el-dialog-el-form-item">
+          <el-select v-model="form.riskPlanId" placeholder="请选择预案" :popper-append-to-body="false" clearable style="width:350px">
             <el-option
               v-for="dict in riskPlanList"
               :key="dict.id"
@@ -149,8 +159,12 @@ export default {
         bgmusicUrl:"",
         bgmusicVolume:5,
       },
+      sceneTypeList:[{id:"1",name:"预案场景"},{id:"2",name:"疏散场景"},],
       // 表单校验
       rules: {
+        sceneType: [
+          { required: true, message: "请选择场景类型", trigger: "blur" },
+        ],
         riskPlanId: [
           { required: true, message: "请选择预案", trigger: "blur" },
         ],
@@ -258,6 +272,9 @@ export default {
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
+          if(this.form.sceneType == 2){
+            this.form.riskPlanId = "";
+          }
           if (this.form.id != null) {
             updateSynthesis(this.form).then( response => {
               this.msgSuccess("修改成功");
@@ -310,3 +327,10 @@ export default {
     }
   }
 </style>
+<style lang="scss">
+  .synthetic-music-el-dialog-el-form-item{
+    .el-select-dropdown{
+      max-width: 350px;
+    }
+  }
+</style>