|
|
@@ -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;
|