|
|
@@ -1,18 +1,18 @@
|
|
|
<script setup lang="ts">
|
|
|
-import { message } from "ant-design-vue";
|
|
|
-import { ref } from "vue";
|
|
|
-import { routeToSearch } from "@/router";
|
|
|
+import { message } from 'ant-design-vue'
|
|
|
+import { ref } from 'vue'
|
|
|
+import { routeToSearch } from '@/router'
|
|
|
|
|
|
-const query = ref('');
|
|
|
+const query = ref('')
|
|
|
|
|
|
function onSearch() {
|
|
|
- const q = query.value.trim();
|
|
|
+ const q = query.value.trim()
|
|
|
if (q.length == 0) {
|
|
|
- message.warning("请输入查询关键词");
|
|
|
- return;
|
|
|
+ message.warning('请输入查询关键词')
|
|
|
+ return
|
|
|
}
|
|
|
|
|
|
- routeToSearch({ type: 'advanced', query: query.value });
|
|
|
+ routeToSearch({ type: 'advanced', query: query.value })
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
@@ -26,7 +26,33 @@ function onSearch() {
|
|
|
<a-textarea v-model:value="query" placeholder="请输入查询表达式。例如:TP=(建筑工程)" :rows="4" />
|
|
|
</div>
|
|
|
<div class="operation-wrap">
|
|
|
- <a-space>
|
|
|
+ <div class="query-keyword">
|
|
|
+ <a-space>
|
|
|
+ <div class="info">
|
|
|
+ <ul style="padding-left: 20px;">
|
|
|
+ <li>TP=主题</li>
|
|
|
+ <li>TI=论文标题</li>
|
|
|
+ </ul>
|
|
|
+ <ul class>
|
|
|
+ <li>KW=关键词</li>
|
|
|
+ <li>AU=作者</li>
|
|
|
+ </ul>
|
|
|
+ <ul class>
|
|
|
+ <li>AB=摘要</li>
|
|
|
+ <li>UN=机构</li>
|
|
|
+ </ul>
|
|
|
+ <ul class>
|
|
|
+ <li>PY=年份</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </a-space>
|
|
|
+ <div class="input-tip">
|
|
|
+ <br />检索举例:
|
|
|
+ <br />1、TP=(建筑工程) OR (TP=(建筑工程) AND AU=(张晓林)) 可以检索到主题包含"建筑工程"的文献 或 主题中包含"建筑工程"、作者为张晓林的文献
|
|
|
+ <br />2、TP=(施工技术 AND 工程技术) AND KW=(工程设计) 可以检索到 主题包含"施工技术"和"工程技术"和关键词是"工程设计"的文献
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a-space class="button-box">
|
|
|
<a-button>清除</a-button>
|
|
|
<a-button type="primary" @click="onSearch">搜索</a-button>
|
|
|
</a-space>
|
|
|
@@ -52,7 +78,35 @@ function onSearch() {
|
|
|
}
|
|
|
|
|
|
.operation-wrap {
|
|
|
- text-align: right;
|
|
|
+ // text-align: right;
|
|
|
+ .query-keyword {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .button-box {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-keyword {
|
|
|
+ border: 1px solid #f0f0f0;
|
|
|
+ border-radius: 4px;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 580px;
|
|
|
+ ul {
|
|
|
+ list-style-type: none;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ display: flex;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #081322;
|
|
|
+ }
|
|
|
+ .input-tip {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #878787;
|
|
|
+ padding: 0 20px 20px 20px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|