lizi 2 anos atrás
pai
commit
d7009a1c8c
1 arquivos alterados com 64 adições e 10 exclusões
  1. 64 10
      src/views/search/AdvancedSearchView.vue

+ 64 - 10
src/views/search/AdvancedSearchView.vue

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