feat:新增规则页面

src/views/knowledge/detail/components/split/AddRule.vue

@@ -4,27 +4,33 @@
     <el-dialog
       title="添加知识拆分规则"
       :visible.sync="dialogVisible"
-      width="80%"
-      :before-close="handleClose">
+      width="650px">
       <el-form ref="ruleForm" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="规则名称：" prop="ruleName">
           <el-input v-model="form.ruleName" placeholder="请输入规则名称"></el-input>
+          <span>支持中文、英文、数字、下划线(_)，50个字符以内，不能以下划线为开头</span>
           <el-button type="primary" size="mini" @click="queryExistingRules">查询并导入现有规则</el-button>
         </el-form-item>
-        <el-form-item label="样式：" prop="style">
-          <el-input v-model="form.ruleName" placeholder="请输入标题级别"></el-input>
+        <el-form-item label="属性：" prop="style">
+          <el-input v-model="form.ruleName" placeholder="请输入属性"></el-input>
+        </el-form-item>
+        <el-form-item label="属性描述：" prop="style">
+          <el-input v-model="form.ruleName" placeholder="请输入属性描述"></el-input>
+        </el-form-item>
+        <el-form-item label="关键词：" prop="style">
+          <el-input v-model="form.ruleName" placeholder="请输入关键词"></el-input>
+        </el-form-item>
+        <el-form-item label="题词示例：" prop="style">
+          <el-input v-model="form.ruleName" placeholder="请输入题词示例"></el-input>
         </el-form-item>
         <el-form-item label="提示词：" prop="promptWord">
-          <el-input type="textarea" v-model="form.promptWord" placeholder="请输入规则表达式"></el-input>
-        </el-form-item>
-        <el-form-item label="备注：" prop="remark">
-          <el-input type="textarea" v-model="form.remark" placeholder="请输入规则备注"></el-input>
+          <el-input type="textarea" v-model="form.promptWord" placeholder="请输入提示词"></el-input>
         </el-form-item>
       </el-form>
 
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="addSplitRule">+ 新增拆分规则</el-button>
-        <el-button @click="deleteSplitRule">- 删除拆分规则</el-button>
+        <el-button type="primary" size="medium" @click="addSplitRule">+ 新增拆分规则</el-button>
+        <el-button size="medium" @click="deleteSplitRule">- 删除拆分规则</el-button>
       </div>
     </el-dialog>
   </div>
@@ -33,9 +39,14 @@
 <script>
 export default {
   name: 'AddRule',
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      required: true
+    },
+  },
   data() {
     return {
-      dialogVisible: false,
       form: {
         ruleName: '',
         style: '',