From ac478242e0ecb50b23b2e91c0541f9ceae2dccf6 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期五, 25 四月 2025 16:59:37 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase

---
 src/views/achievements/index.vue |  291 ++++++++++++++++++++++-----------------------------------
 1 files changed, 112 insertions(+), 179 deletions(-)

diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index 6f655ea..d4cab66 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -10,7 +10,7 @@
         <!-- 鎼滅储妗� -->
         <ul class="page-input">
           <li class="input-main">
-            <SearchBox @search="handleSearch" />
+            <SearchBox @search="handleSearch" :options="inputOptions" />
           </li>
           <li class="input-txt" @click="isDisplay = !isDisplay">
             楂樼骇妫�绱�
@@ -120,12 +120,13 @@
               </li>
             </ul>
           </div>
-          <div class="content-right">
+          <div class="content-right" v-loading="loading" element-loading-text="妫�绱㈢粨鏋滃姞杞戒腑"
+            element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
             <!-- title閮ㄥ垎 -->
             <ul class="right-header">
               <li v-for="(item, index) in associationList" :key="index">
                 <p>{{ item.type }} : {{ item.content }}</p>
-                <img :src="errorIcon" alt="" />
+                <img @click="removeAssociationList(item.content)" :src="errorIcon" alt="" />
               </li>
             </ul>
             <!-- 鍏眡x鏉� -->
@@ -151,6 +152,7 @@
                 <span>{{ item.resourceTypeName }}</span>
                 <span>{{ item.source }}</span>
                 <span>{{ item.year }}</span>
+                <span v-if="item.DOI">doi锛歿{ item.DOI }}</span>
               </li>
               <li class="main-author">
                 {{ item.author }}
@@ -167,9 +169,9 @@
               </li>
             </ul>
             <!-- 鍒嗛〉 -->
-            <div class="pagination">
+            <div class="pagination" v-if="total > 6">
               <el-pagination @current-change="handleCurrentChange" class="msg-pagination-container"
-                :background="isBackground" layout="prev, pager, next" :total="total">
+                :background="isBackground" layout="prev, pager, next" :total="total" :page-size="6">
               </el-pagination>
             </div>
           </div>
@@ -193,8 +195,22 @@
   },
   data() {
     return {
+      // 杈撳叆妗嗙殑鍐呭
+      inputValue: "",
+      // 閫夋嫨鐨勭被鍨�
+      inputType: "",
+      //绫诲瀷閫夋嫨
+      inputOptions: [
+        { value: "all", label: "鍏ㄩ儴" },
+        { value: "Name", label: "鏍囬" },
+        { value: "author", label: "浣滆��" },
+        { value: "keyWords", label: "鍏抽敭璇�" },
+        { value: "abstract", label: "鎽樿" },
+        { value: "source", label: "鏉ユ簮" },
+      ],
       subjectAffiliationRefCode: "subjectAffiliation",
       resourceTypeRefCode: "resourceType",
+      resourceTypeValueList: [],
       errorIcon: require("@/assets/images/achievements/errorIcon.png"),
       topIcon: require("@/assets/images/achievements/top-Icon.png"),
       bottomIcon: require("@/assets/images/achievements/bottom-Icon.png"),
@@ -421,163 +437,11 @@
       // 鐜板湪澶氬皯鏉℃椂鏈熸暟鎹�
       dynastyIndex: 4,
       // 鎵�鍏宠仈鍐呭
-      associationList: [
-        {
-          type: "浣滆��",
-          content: "闄堣 鍝�",
-        },
-        {
-          type: "浣滆��",
-          content: "闄堣 鍝�",
-        },
-        {
-          type: "浣滆��",
-          content: "闄堣 鍝�",
-        },
-      ],
+      associationList: [],
       // 鏌ヨ缁撴灉
-      resultList: [
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-        {
-          name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��",
-          sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
-          type: "鏈熷垔",
-          author: "鏉ㄦ担鑿�  鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴�  鍖椾含甯堣寖澶у",
-          time: "2025-02-24 09:21",
-          title:
-            "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
-          keyword: [
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-            {
-              name: "涓嵂闂告煖",
-            },
-          ],
-        },
-      ],
+      resultList: [],
       total: 0,
-      currentPage: 1,
+      paginationPage: 1,
       loading: false,
     };
   },
@@ -585,7 +449,6 @@
     this.getSelectContent();
     this.getLeftCheckbox()
     this.getSelectData();
-    this.getItemList()
   },
 
   methods: {
@@ -596,7 +459,7 @@
     },
     // 椤甸潰璺宠浆
     goPage(key) {
-      console.log(key,"key");
+      console.log(key, "key");
       this.$router.push({ name: "details", params: { key: key } });
     },
     // 鏀惰捣鍜屽睍绀�
@@ -625,6 +488,7 @@
 
     //鑾峰彇涓嬫媺閫夋嫨妗嗙殑鍐呭
     async getSelectData() {
+      this.loading = true;
       try {
         // 鍚屾椂鍙戣捣涓や釜寮傛璇锋眰锛屽苟绛夊緟瀹冧滑鐨勭粨鏋�
         const [subjectListResult, resourceListResult] = await Promise.all([
@@ -633,6 +497,12 @@
         ]);
         this.subject.list = subjectListResult.option
         this.category.list = resourceListResult.option;
+        if (this.category.list && this.category.list.length) {
+          this.category.list.forEach((item) => {
+            this.resourceTypeValueList.push(item.value)
+          });
+        }
+        this.getItemList()
       } catch (error) {
         console.error("鑾峰彇涓嬫媺妗嗘暟鎹け璐�:", error);
       }
@@ -645,47 +515,96 @@
         .getProductTypeField(requestData)
         .then((res) => {
           const selestList = JSON.parse(res[0].config);
-          this.getLeftCheckbox()
+          console.log(selestList, "涓嬫媺妗嗘暟鎹�");
           return selestList;
         })
         .catch((error) => {
-          console.error("鑾峰彇鑽h獕澶辫触:", error);
+          console.error("鑾峰彇閫夋嫨鍐呭澶辫触:", error);
           return null;
         });
     },
 
+    // 鍒犻櫎
+    removeAssociationList(value) {
+      this.associationList = this.associationList.filter(
+        (item) => item.content !== value
+      );
+      this.inputValue = "";
+      this.getItemList()
+    },
+
     // 鎼滅储
-    handleSearch(text, type) {
+    handleSearch(isText) {
       console.log(1234);
-      console.log(text, type, "鎼滅储123");
+      console.log(isText, "鎼滅储123");
+      if (isText.text != "") {
+        this.inputValue = isText.text
+        this.inputType = isText.type
+        this.associationList.push({
+          type: isText.label,
+          content: isText.text,
+        });
+        this.getItemList()
+      }
     },
 
     // getTtem
     getItemList() {
-      this.loading = true;
+      let searchData = {};
+      if (this.inputValue) {
+        if (this.inputType != "all") {
+          searchData[this.inputType + "*"] = this.inputValue;
+        } else {
+          for (let index = 0; index < this.inputOptions.length; index++) {
+            const item = this.inputOptions[index];
+            if (item.value !== "all" ) {
+              console.log(item.value, "987");
+              if (!Object.keys(searchData).length) {
+                searchData[item.value + "*"] = this.inputValue
+              } else {
+                searchData["||" + item.value + "*"] = this.inputValue
+              }
+            }
+          }
+        }
+
+        console.log(searchData, "鎼滅储鏁版嵁123");
+      }
+      debugger
       MG.resource
         .getItem({
           path: "*",
           queryType: "*",
           paging: {
-            start: (this.currentPage - 1) * 6,
+            start: (this.paginationPage - 1) * 6,
             size: 6
           },
           fields: {
             cmsType: ["cmsItem"],
-            resourceType: [],
+            "resourceType*": this.resourceTypeValueList,
             source: [],
             year: [],
             abstract: [],
             keyWords: [],
+            author: [],
+            DOI: [],
+            AIReading: [],
+            file: [],
+            IssueNumber: [],
+            ...searchData,
           },
         })
         .then((res) => {
           console.log(res, "鍏ㄩ儴鏁版嵁");
           res.datas.forEach((item) => {
             item.year = moment(item.year).format("YYYY-MM-DD")
-            item.keyWords = item.keyWords.split(";;")
-            item.resourceTypeName = this.category.list.find((citem) => citem.value == item.resourceType).name
+            if (typeof item.keyWords === 'string') {
+              item.keyWords = item.keyWords.split(";;");
+            } else {
+              // 璁剧疆涓�涓粯璁ゅ�兼垨鑰呰繘琛屽叾浠栭敊璇鐞�
+              item.keyWords = [];
+            }
+            item.resourceTypeName = this.category.list.find((citem) => citem.value == item.cmsItemType).name
           })
           this.resultList = res.datas
           this.total = res.total;
@@ -695,7 +614,7 @@
 
     // 澶勭悊椤电爜鍙樺寲
     handleCurrentChange(newPage) {
-      this.currentPage = newPage;
+      this.paginationPage = newPage;
       this.getItemList(); // 閲嶆柊鑾峰彇鏁版嵁
     },
 
@@ -1078,6 +997,7 @@
           background-color: #87a8b9;
           color: #fff;
           margin-right: 10px;
+
         }
 
         span:nth-child(2) {
@@ -1085,8 +1005,8 @@
           font-size: 12px;
           font-weight: 350;
           padding-right: 10px;
-          border-right: 1px solid #2c2c2c;
           color: #333;
+
         }
 
         span:nth-child(3) {
@@ -1094,8 +1014,21 @@
           font-size: 12px;
           font-weight: 350;
           padding-left: 10px;
+          padding-right: 10px;
           color: #333;
+          border-left: 1px solid #2c2c2c;
         }
+
+        span:nth-child(4) {
+          font-family: Source Han Sans;
+          font-size: 12px;
+          font-weight: 350;
+          padding-left: 10px;
+          color: #333;
+          border-left: 1px solid #2c2c2c;
+        }
+
+
 
         margin-bottom: 10px;
       }
@@ -1128,12 +1061,12 @@
       }
 
       .page-main-abstract {
-      font-family: Source Han Sans !important;
-      font-size: 14px !important;
-      font-weight: 350 !important;
-      line-height: 26px !important;
-      color: #333333 !important;
-    }
+        font-family: Source Han Sans !important;
+        font-size: 14px !important;
+        font-weight: 350 !important;
+        line-height: 26px !important;
+        color: #333333 !important;
+      }
 
       .main-keyword {
         span:nth-child(1) {

--
Gitblit v1.9.1