feat:知识库新增

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

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <!-- 添加预处理结果预览对话框 -->
+    <el-dialog
+      title="添加知识拆分规则"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :before-close="handleClose">
+      <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>
+          <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>
+        <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-form-item>
+      </el-form>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="addSplitRule">+ 新增拆分规则</el-button>
+        <el-button @click="deleteSplitRule">- 删除拆分规则</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AddRule',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        ruleName: '',
+        style: '',
+        promptWord: '',
+        remark: ''
+      },
+      rules: {
+        ruleName: [
+          { required: true, message: '请输入规则名称', trigger: 'blur' }
+        ],
+        style: [
+          { required: true, message: '请选择样式', trigger: 'change' }
+        ],
+        promptWord: [
+          { required: true, message: '请输入提示词', trigger: 'blur' }
+        ]
+      }
+    };
+  },
+  methods: {
+    queryExistingRules() {
+      // 查询并导入现有规则的逻辑
+    },
+    addSplitRule() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          // 新增拆分规则的逻辑
+        } else {
+          console.log('表单验证失败');
+          return false;
+        }
+      });
+    },
+    deleteSplitRule() {
+      // 删除拆分规则的逻辑
+      console.log('删除拆分规则');
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    }
+  }
+}
+</script>
+
+<style scoped lang='scss'>
+
+</style>