pdf 文档搜索优化
This commit is contained in:
parent
325719c7bc
commit
6418f39c7a
|
|
@ -1,11 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="document-search">
|
<div class="document-search">
|
||||||
<div class="search-toolbar">
|
<div class="search-toolbar">
|
||||||
<el-input v-model="keyword" class="search-input" placeholder="输入关键字搜索 PDF" clearable
|
<el-input v-model="keyword" class="search-input" placeholder="输入关键字搜索" clearable
|
||||||
@keyup.enter.native="handleSearch" @clear="resetSearch">
|
@keyup.enter.native="handleSearch" @clear="resetSearch">
|
||||||
<el-button slot="append" icon="el-icon-search" @click="handleSearch" :loading="searching"
|
<el-button slot="append" icon="el-icon-search" @click="handleSearch" :loading="searching"
|
||||||
:disabled="searching">
|
:disabled="searching">
|
||||||
搜索
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-input>
|
</el-input>
|
||||||
<div class="search-status" v-if="searchResults.length">
|
<div class="search-status" v-if="searchResults.length">
|
||||||
|
|
@ -1102,11 +1102,17 @@ export default {
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-toolbar > * {
|
||||||
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
flex: 1;
|
flex: 0 0 280px;
|
||||||
min-width: 240px;
|
width: 280px;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-status {
|
.search-status {
|
||||||
|
|
@ -1297,6 +1303,21 @@ export default {
|
||||||
transition: box-shadow 0.3s ease;
|
transition: box-shadow 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::v-deep .textLayer {
|
||||||
|
user-select: text;
|
||||||
|
pointer-events: auto;
|
||||||
|
-webkit-user-select: text;
|
||||||
|
-moz-user-select: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .textLayer span,
|
||||||
|
::v-deep .textLayer mark {
|
||||||
|
user-select: text;
|
||||||
|
pointer-events: auto;
|
||||||
|
-webkit-user-select: text;
|
||||||
|
-moz-user-select: text;
|
||||||
|
}
|
||||||
|
|
||||||
.state-panel {
|
.state-panel {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue