feat: 修复新增异常

1. 修复点击新增时不会弹出问题

src/views/rules/Index.vue

@@ -104,7 +104,7 @@ export default {
   },
   watch: {
     form: {
-      handler() {},
+      handler() { },
       deep: true
     }
   },
@@ -211,10 +211,17 @@ export default {
       }
     },
     // 处理新增
-    handleAdd() {
-      this.dialogOptions.title = '新增规则'
-      this.dialogOptions.visible = true
-      this.dialogOptions.currentComponent = 'AddRules'
+    handleAddSplit() {
+      this.dialogOptions.currentComponent = 'EditSplitRule'
+      this.$nextTick(() => {
+        this.$refs.editSplitRule.init()
+      })
+    },
+    handleAddPrompt() {
+      this.dialogOptions.currentComponent = 'EditPromptRule'
+      this.$nextTick(() => {
+        this.$refs.editPromptRule.init()
+      })
     }
   }
 }
@@ -232,7 +239,8 @@ export default {
               <el-form-item label="规则类型">
                 <el-select v-model="form.ruleType" placeholder="请选择规则类型">
                   <el-option label="全部规则" value="">全部规则</el-option>
-                  <el-option v-for="item in tableConfig.ruleType" :key="item" :label="item" :value="reverseRuleType(item)" />
+                  <el-option v-for="item in tableConfig.ruleType" :key="item" :label="item"
+                    :value="reverseRuleType(item)" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -245,15 +253,8 @@ export default {
             <!-- 创建时间 -->
             <el-col :span="8">
               <el-form-item label="创建时间">
-                <el-date-picker
-                  v-model="form.createdDate"
-                  type="daterange"
-                  unlink-panels
-                  range-separator="至"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  :picker-options="form.pickerOptions"
-                >
+                <el-date-picker v-model="form.createdDate" type="daterange" unlink-panels range-separator="至"
+                  start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="form.pickerOptions">
                 </el-date-picker>
               </el-form-item>
             </el-col>
@@ -263,7 +264,8 @@ export default {
             <el-col :span="16">
               <el-button size="mini" type="primary" @click="handleQuery">查询</el-button>
               <el-button size="mini" type="info" @click="handleReset">重置</el-button>
-              <el-button size="mini" type="primary" @click="handleAdd">新增规则</el-button>
+              <el-button size="mini" type="primary" @click="handleAddSplit">新增拆分规则</el-button>
+              <el-button size="mini" type="primary" @click="handleAddPrompt">新增题词规则</el-button>
             </el-col>
           </el-row>
         </el-form>
@@ -271,16 +273,9 @@ export default {
 
       <!-- 下方规则列表 -->
       <div class="p20">
-        <r-table
-          :columns="tableConfig.columns"
-          :data="tableData"
-          :deletion="false"
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-          :currentPage="tableConfig.currentPage"
-          :pageSize="tableConfig.pageSize"
-        />
+        <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+          @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+          :pageSize="tableConfig.pageSize" />
       </div>
     </el-card>
     <edit-prompt-rule ref="editPromptRule" v-if="dialogOptions.currentComponent === 'EditPromptRule'" />