任务调度子系统-新增：任务小类通过任务大类来过滤展示数据

src/views/monitor/job/index.vue

@@ -300,11 +300,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="任务大类" prop="jobType">
-              <el-select v-model="form.jobType" placeholder="请选择任务大类">
+              <el-select
+                v-model="form.jobType"
+                placeholder="请选择任务大类"
+                @change="jobTypeChange"
+              >
                 <el-option
                   v-for="dict in dict.type.sys_oa"
                   :key="dict.value"
-                  :label="dict.label"
+                  :label="dict.value"
                   :value="dict.value"
                 ></el-option>
               </el-select>
@@ -314,9 +318,11 @@
             <el-form-item label="任务小类" prop="jobTypeS">
               <el-select v-model="form.jobTypeS" placeholder="请选择任务小类">
                 <el-option
-                  v-for="dict in dict.type.sys_oa_s"
+                  v-for="dict in dict.type.sys_oa_s.filter(
+                    ({ label }) => label === taskClassLabel
+                  )"
                   :key="dict.value"
-                  :label="dict.label"
+                  :label="dict.value"
                   :value="dict.value"
                 ></el-option>
               </el-select>
@@ -516,6 +522,7 @@ export default {
   ],
   data() {
     return {
+      taskClassLabel: "",
       pickerOptions: {
         shortcuts: [
           {
@@ -585,7 +592,10 @@ export default {
         duration: undefined,
       },
       // 表单参数
-      form: {},
+      form: {
+        jobType: "",
+        jobTypeS: "",
+      },
       // 表单校验
       rules: {
         duration: [{ required: true, message: "不能为空", trigger: "blur" }],
@@ -789,11 +799,12 @@ export default {
               this.getList();
             });
           } else {
-            addJob(this.form).then((response) => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+            console.log(this.form, "this.form");
+            // addJob(this.form).then((response) => {
+            //   this.$modal.msgSuccess("新增成功");
+            //   this.open = false;
+            //   this.getList();
+            // });
           }
         }
       });
@@ -822,6 +833,22 @@ export default {
         `job_${new Date().getTime()}.xlsx`
       );
     },
+    // 任务大类
+    jobTypeChange(val) {
+      let {
+        dict,
+        form: { jobTypeS },
+      } = this;
+      this.taskClassLabel = dict.type.sys_oa.find(
+        ({ label, value }) => value === val
+      ).label;
+      jobTypeS && jobTypeS !== "" && (this.form.jobTypeS = "");
+    },
   },
 };
 </script>
+<style scoped>
+>>> .el-form-item__content {
+  line-height: 40px ;
+}
+</style>