添加章节修改

src/views/personal_workbench/project/AddChapter.vue

@@ -1,5 +1,12 @@
 <template>
-  <el-dialog :title="title" :visible="visible" width="460px" :show-close="false" @close="dialogClose">
+  <el-dialog
+    :title="title"
+    :visible="visible"
+    width="460px"
+    :show-close="false"
+    class="add-chapter"
+    @close="dialogClose"
+  >
     <el-form :model="data" :rules="rules" label-width="80px">
       <el-form-item label="章节名称" prop="name">
         <el-input v-model="data.name" placeholder="请输入章节名称" />

src/views/personal_workbench/project/ProductionEditorialManage.vue

@@ -11,7 +11,7 @@
         </span>
       </div>
       <span class="button">设置审校步骤</span>
-      <div class="operator">
+      <div class="operator flex">
         <span class="button" @click="addChapterDialog">添加章节节点</span>
         <span class="button" @click="addCoursewareDialog">添加教材内容节点</span>
       </div>
@@ -26,7 +26,7 @@
       </div>
       <div v-for="{ id, name, nodes: children, producer_list } in nodes" :key="id" class="catalogue">
         <!-- 一级目录 -->
-        <div :class="['first-level', { active: curSelectId === id }]" @click="selectActiveChapter(id, '', 'false')">
+        <div :class="['first-level', { active: curSelectId === id }]" @click="selectActiveChapter(id, id, 'false')">
           <div class="chapter-title">{{ name }}</div>
           <div class="producer">
             <span>{{ producer_list.map((producer) => producer.name).join('；') }}</span>
@@ -201,7 +201,7 @@ export default {
      * @param {PointerEvent} e - 指针事件对象
      */
     handleClickOutside(e) {
-      if (!e.target.closest('.catalogue')) {
+      if (!e.target.closest('.catalogue') && !e.target.closest('.operator.flex') && !e.target.closest('.add-chapter')) {
         this.curSelectId = '';
         this.parent_id = '';
         this.is_leaf = 'false';