feat(knowledge): 优化知识拆分和题词功能

- 添加复制拆分规则按钮
-优化拆分规则和题词界面布局
- 修复题词内容保存逻辑
- 优化规则列表展示样式
- 调整创建规则界面样式

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

@@ -29,9 +29,12 @@
           <div class="form-section" v-for="(rule, index) in form.ruleList" :key="index">
             <div class="section-title">
               拆分规则 {{ index + 1 }}
-              <el-button v-if="!isPreview && form.ruleList.length > 1" type="text" class="delete-btn" @click="removeRule(index)">
-                <i class="el-icon-delete"></i> 删除
-              </el-button>
+              <div>
+                <el-button v-if="!isPreview && form.ruleList.length > 1" type="text" class="delete-btn" @click="removeRule(index)">
+                  <i class="el-icon-delete"></i> 删除
+                </el-button>
+                <el-button v-if="!isPreview" type="text" class="copy-btn" @click="copyRule(index)"> <i class="el-icon-copy-document"></i> 复制 </el-button>
+              </div>
             </div>
             <el-form-item label="样式" :prop="'ruleList.' + index + '.titleLevel'">
               <el-select :disabled="isPreview" v-model="rule.titleLevel" placeholder="请选择标题级别">
@@ -44,11 +47,6 @@
             <el-form-item label="备注" :prop="'ruleList.' + index + '.description'">
               <el-input :disabled="isPreview" type="textarea" v-model="rule.description" placeholder="请输入规则备注"></el-input>
             </el-form-item>
-            <div class="text-right mb20">
-              <el-button v-if="!isPreview" type="primary" size="medium" @click="copyRule(index)">
-                复制拆分规则
-              </el-button>
-            </div>
           </div>
 
           <div class="add-rule-btn">
@@ -264,7 +262,8 @@ export default {
 <style scoped lang="scss">
 .content {
   padding: 20px;
-  min-height: 500px;
+  height: calc(100vh - 120px);
+  overflow-y: auto;
 
   .form-section {
     margin-bottom: 24px;
@@ -289,6 +288,14 @@ export default {
           color: #f78989;
         }
       }
+      .copy-btn {
+        color: #70b936;
+        font-size: 14px;
+
+        &:hover {
+          color: #70b936;
+        }
+      }
     }
   }