fix(接口自动化): 删除场景变量，右侧信息没同步删除

frontend/src/business/components/api/automation/scenario/variable/EditConstant.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form">
+    <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form" :rules="rules">
       <el-form-item :label="$t('api_test.variable_name')" prop="name">
         <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')" ref="nameInput"></el-input>
       </el-form-item>
@@ -42,6 +42,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
     methods: {
       advanced() {
         this.$refs.variableAdvance.open();

frontend/src/business/components/api/automation/scenario/variable/EditCounter.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form2">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form2" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -34,6 +34,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 

frontend/src/business/components/api/automation/scenario/variable/EditCsv.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form3">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form3" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -85,9 +85,9 @@
         previewData: [],
         columns: [],
         allDatas: [],
-        rule: {
+        rules: {
           name: [
-            {required: true, message: this.$t('api_test.variable_name'), trigger: 'blur'},
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
           ],
         },
       }

frontend/src/business/components/api/automation/scenario/variable/EditListValue.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form4">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form4" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -25,6 +25,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 

frontend/src/business/components/api/automation/scenario/variable/EditRandom.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form5">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form5" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -32,6 +32,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 

frontend/src/business/components/api/automation/scenario/variable/VariableList.vue

@@ -262,6 +262,7 @@
           this.variables.splice(index, 1);
         })
         this.selection = [];
+        this.editData = {type: "CONSTANT"};
       },
       filter() {
         let datas = [];