|
|
@@ -125,30 +125,32 @@ function onReferenceDrawClose() {
|
|
|
ref="titleEditor"
|
|
|
class="title-editor"
|
|
|
/>
|
|
|
-
|
|
|
<h1 v-else>
|
|
|
<span>{{ data.fullTitle }}</span>
|
|
|
</h1>
|
|
|
<a-button type="text" @click="onEditTitle" 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 flex="1">
|
|
|
+ <!-- 关键词编辑 -->
|
|
|
+ <a-space class="keywords-wrap">
|
|
|
+ <h1>
|
|
|
+ <span>关键词:</span><span v-if="!keywordsEditing">{{ data.keywords.join(', ') }}</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-col>
|
|
|
<a-col>
|
|
|
@@ -187,12 +189,20 @@ function onReferenceDrawClose() {
|
|
|
.title-editor {
|
|
|
width: 400px;
|
|
|
}
|
|
|
+
|
|
|
+ .keywords-wrap {
|
|
|
+ font-size: 0.9em;
|
|
|
+ display: flex;
|
|
|
+ align-items: baseline;
|
|
|
+ margin-left: 2em;
|
|
|
+ }
|
|
|
+
|
|
|
.keywords-editor {
|
|
|
width: 400px;
|
|
|
}
|
|
|
|
|
|
.edit-btn {
|
|
|
- margin-left: 1em;
|
|
|
+ margin-left: 0.5em;
|
|
|
}
|
|
|
|
|
|
.chapter-button-group {
|