zachary.zeng 2 years ago
parent
commit
9db402cb35
1 changed files with 23 additions and 15 deletions
  1. 23 15
      src/views/report/components/ChapterEditor.vue

+ 23 - 15
src/views/report/components/ChapterEditor.vue

@@ -67,7 +67,7 @@ function onTitleChange() {
 
 function onKeywordsChange() {
   keywordsEditing.value = false;
-  emits("change", {...props.data, keywords: keywordsInChapter.value.split(",")})
+  emits("change", {...props.data, keywords: keywordsInChapter.value})
 }
 
 function onTitleChangeCancel() {
@@ -108,7 +108,6 @@ function searchReference() {
     <a-row type="flex" justify="space-between">
       <a-col>
         <a-space>
-          <label>关键词:</label>
           <a-input
             v-if="titleEditing"
             v-model:value="fullTitle"
@@ -123,19 +122,25 @@ function searchReference() {
             <span>{{ data.fullTitle }}</span>
           </h1>
           <a-button type="text" @click="onEditTitle" class="edit-btn"><edit-outlined /></a-button>
-          <a-input
-          v-if="keywordsEditing"
-          v-model:value="keywordsInChapter"
-          @blur="onKeywordsChange"
-          @pressEnter="onKeywordsChange"
-          @keyup.esc="onKeywordsChangeCancel"
-          ref="keywordsEditor"
-          class="keywords-editor"
-          />
-          <h2 v-else-if="data.chapterType=='USER_DEFINED'">
-            关键词:<span>{{data.keywords}}</span>
-          </h2>
-          <a-button v-if="data.chapterType=='USER_DEFINED'" type="text" @click="onEditKeywords" class="edit-btn"><edit-outlined /></a-button>
+          <a-space if="data.chapterType=='USER_DEFINED'">
+            <h1>
+              <span>关键词:</span><span v-if="!keywordsEditing">{{data.keywords}}</span>
+            </h1>
+            <a-input
+              v-if="keywordsEditing"
+              v-model:value="keywordsInChapter"
+              @blur="onKeywordsChange"
+              @pressEnter="onKeywordsChange"
+              @keyup.esc="onKeywordsChangeCancel"
+              ref="keywordsEditor"
+              class="keywords-editor"
+            />    
+            <a-button 
+              type="text" 
+              @click="onEditKeywords" 
+              class="edit-btn"
+            ><edit-outlined /></a-button>
+          </a-space>
         </a-space>
       </a-col>
       <a-col>
@@ -174,6 +179,9 @@ function searchReference() {
   .title-editor {
     width: 400px;
   }
+  .keywords-editor {
+    width: 400px;
+  }
 
   .edit-btn {
     margin-left: 1em;