chore: 修改规则管理样式显示

1.  “样式”做成下拉选，不再能直接填写标题数字

src/views/rules/components/edit-split-rule/Index.vue

@@ -1,5 +1,5 @@
 <script>
-import { addSplitRule, getRuleDetail, updateSplitRule } from '@/api/rules/index'
+import { addSplitRule, getRuleDetail, updateSplitRule } from '@/api/rules'
 
 export default {
   name: 'EditSplitRule',
@@ -132,14 +132,12 @@ export default {
       </el-form-item>
       <el-card shadow="hover" v-if="form.ruleList.length > 0">
         <el-tabs closable @tab-remove="handleDelete">
-          <el-tab-pane
-            v-for="(item, index) in form.ruleList"
-            :name="index.toString()"
-            :key="index"
-            :label="item.ruleRegex ? item.ruleRegex : `未命名${index + 1}`"
-          >
+          <el-tab-pane v-for="(item, index) in form.ruleList" :name="index.toString()" :key="index"
+            :label="item.ruleRegex ? item.ruleRegex : `未命名${index + 1}`">
             <el-form-item label="样式">
-              <el-input v-model="item.titleLevel"></el-input>
+              <el-select v-model="item.titleLevel" placeholder="请选择">
+                <el-option v-for="level in 6" :key="level" :label="level" :value="level" />
+              </el-select>
             </el-form-item>
             <el-form-item label="规则">
               <el-input v-model="item.ruleRegex"></el-input>