From 894bbea89dd32c42750a39790883840a3fe35796 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 14:49:46 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase

---
 src/views/achievements/index.vue |  196 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 164 insertions(+), 32 deletions(-)

diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index 4faf930..ef5f72a 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -238,7 +238,7 @@
               <li class="main-name">
                 <p>{{ item.name }}</p>
                 <p>
-                  <el-button @click="goPage(item)">璇︽儏</el-button>
+                  <el-button @click="goPage(item.id)">璇︽儏</el-button>
                   <el-button>AI鏅鸿兘闃呰</el-button>
                 </p>
               </li>
@@ -251,16 +251,31 @@
               <li class="main-author">
                 {{ item.author }}
               </li>
-              <li class="main-title" :title="item.abstract">
+              <li
+                class="main-title"
+                :title="item.cleanAbstract"
+                v-if="item.abstract"
+              >
                 <span>鎽樿: </span>
-                <span class="page-main-abstract" v-html="item.abstract"></span>
+                <span class="page-main-abstract" v-html="item.cleanAbstract"></span>
               </li>
-              <li class="main-keyword">
+              <li
+                class="main-keyword"
+                v-if="item.keyWords && item.keyWords.length > 0"
+              >
                 <span>鍏抽敭璇嶏細</span>
                 <span
                   class="keyWord"
                   v-for="(citem, cindex) in item.keyWords"
                   :key="cindex"
+                  @click="
+                    () =>
+                      handleSearch({
+                        text: citem,
+                        type: 'keyWords',
+                        label: '鍏抽敭璇�',
+                      })
+                  "
                 >
                   {{ citem }}
                 </span>
@@ -278,6 +293,7 @@
               >
               </el-pagination>
             </div>
+            <el-empty v-if="!loading && !resultList.length"></el-empty>
           </div>
         </div>
       </div>
@@ -299,6 +315,7 @@
   },
   data() {
     return {
+      relatedList: [],
       // 杈撳叆妗嗙殑鍐呭
       inputValue: "",
       // 閫夋嫨鐨勭被鍨�
@@ -308,6 +325,7 @@
         { value: "all", label: "鍏ㄩ儴" },
         { value: "Name", label: "鏍囬" },
         { value: "author", label: "浣滆��" },
+        // { value: "year", label: "骞翠唤" },
         { value: "keyWords", label: "鍏抽敭璇�" },
         { value: "abstract", label: "鎽樿" },
         { value: "source", label: "鏉ユ簮" },
@@ -562,21 +580,26 @@
     };
   },
   mounted() {
-    this.getSelectContent();
-    this.getLeftCheckbox();
     this.getSelectData();
   },
 
   methods: {
     categoryChange(val) {
-      console.log(val, "val");
       if (val.checked) {
         this.categoryChecList.push(val.value);
+        this.associationList.push({
+          type: "绫诲瀷",
+          content: val.name,
+        });
       } else {
         const index = this.categoryChecList.findIndex(
           (item) => item === val.value
         );
+        const index2 = this.associationList.findIndex(
+          (item) => item.name === val.name
+        );
         this.categoryChecList.splice(index, 1);
+        this.associationList.splice(index2, 1);
       }
       this.getItemList();
     },
@@ -612,9 +635,8 @@
       // this.onSearch("");
     },
     // 椤甸潰璺宠浆
-    goPage(key) {
-      console.log(key, "key");
-      this.$router.push({ name: "details", params: { key: key } });
+    goPage(id) {
+      this.$router.push({ name: "details", query: { id } });
     },
     // 鏀惰捣鍜屽睍绀�
     shrinkClick(key, name) {
@@ -634,8 +656,6 @@
         this.activeBox = this.activeBox === "b" ? null : "b";
       }
     },
-    // 鑾峰彇宸︿晶checkbox鏁版嵁
-    getLeftCheckbox() {},
 
     //鑾峰彇涓嬫媺閫夋嫨妗嗙殑鍐呭
     async getSelectData() {
@@ -667,7 +687,6 @@
         .getProductTypeField(requestData)
         .then((res) => {
           const selestList = JSON.parse(res[0].config);
-          console.log(selestList, "涓嬫媺妗嗘暟鎹�");
           return selestList;
         })
         .catch((error) => {
@@ -682,13 +701,13 @@
         (item) => item.content !== value
       );
       this.inputValue = "";
+      // 閫氱煡鐖剁粍浠舵暟鎹凡鏀瑰彉
       this.getItemList();
     },
 
     // 鎼滅储
     handleSearch(isText) {
-      console.log(1234);
-      console.log(isText, "鎼滅储123");
+      this.associationList = [];
       if (isText.text != "") {
         this.inputValue = isText.text;
         this.inputType = isText.type;
@@ -700,20 +719,30 @@
       }
     },
 
-    // getTtem
+    // 璇锋眰鏁版嵁
     getItemList() {
-      let searchData = {};
+      let searchData = {}; // 鍒濆鍖栦竴涓┖瀵硅薄鏉ュ瓨鍌ㄦ悳绱㈡暟鎹�
       if (this.inputValue) {
+        // 濡傛灉杈撳叆鍊煎瓨鍦�
         if (this.inputType != "all") {
+          // 濡傛灉杈撳叆绫诲瀷涓嶆槸"all"
+          // 灏嗚緭鍏ュ�间笌杈撳叆绫诲瀷鍏宠仈锛屽苟娣诲姞涓�涓槦鍙�(*)浣滀负鍚庣紑
           searchData[this.inputType + "*"] = this.inputValue;
         } else {
+          // 濡傛灉杈撳叆绫诲瀷鏄�"all"
+          // 閬嶅巻杈撳叆閫夐」
           for (let index = 0; index < this.inputOptions.length; index++) {
-            const item = this.inputOptions[index];
+            const item = this.inputOptions[index]; // 鑾峰彇褰撳墠閫夐」
             if (item.value !== "all") {
-              console.log(item.value, "987");
+              // 濡傛灉褰撳墠閫夐」鐨勫�间笉鏄�"all"
               if (!Object.keys(searchData).length) {
+                // 濡傛灉searchData鏄┖鐨�
+                // 灏嗙涓�涓�夐」鐨勫�间笌杈撳叆鍊煎叧鑱旓紝骞舵坊鍔犱竴涓槦鍙�(*)浣滀负鍚庣紑
                 searchData[item.value + "*"] = this.inputValue;
               } else {
+                // 濡傛灉searchData涓嶆槸绌虹殑
+                // 浣跨敤"||"浣滀负鍓嶇紑锛屽皢鍚庣画閫夐」鐨勫�间笌杈撳叆鍊煎叧鑱旓紝骞舵坊鍔犱竴涓槦鍙�(*)浣滀负鍚庣紑
+                // 杩欓�氬父鐢ㄤ簬鏋勫缓涓�涓�昏緫鎴栵紙OR锛夋煡璇�
                 searchData["||" + item.value + "*"] = this.inputValue;
               }
             }
@@ -722,7 +751,14 @@
       }
       if (this.associationList && this.associationList.length) {
         this.associationList.forEach((item) => {
-          searchData[item.value + "*"] = item.content;
+          if (item.value == "year") {
+            const endDate = item.content.split("/")[0] + "/12/31 23:59:59";
+            const startDate = item.content.split("/")[0] + "/01/01 00:00:00";
+            searchData[item.value + ">="] = startDate;
+            searchData[item.value + "<="] = endDate;
+          } else {
+            searchData[item.value + "*"] = item.content;
+          }
         });
       }
       console.log(searchData, "searchData");
@@ -757,7 +793,8 @@
           },
         })
         .then((res) => {
-          console.log(res, "鍏ㄩ儴鏁版嵁");
+          console.log(res, "鍏ㄩ儴鍐呭");
+
           res.datas.forEach((item) => {
             item.year = moment(item.year).format("YYYY-MM-DD");
             if (typeof item.keyWords === "string") {
@@ -766,20 +803,48 @@
               // 璁剧疆涓�涓粯璁ゅ�兼垨鑰呰繘琛屽叾浠栭敊璇鐞�
               item.keyWords = [];
             }
-            item.resourceTypeName = this.category.list.find(
+            if (item.abstract) {
+              item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, "");
+            }
+
+            const foundItem = this.category.list.find(
               (citem) => citem.value == item.cmsItemType
-            ).name;
+            );
+            item.resourceTypeName = foundItem ? foundItem.name : "";
           });
           this.resultList = res.datas;
           this.total = res.total;
           this.loading = false;
+        }).catch((error) => {
+          // 鎵撳嵃閿欒淇℃伅
+          console.error("鑾峰彇鏁版嵁澶辫触:", error);
         });
-    },
 
+      // 婊氬姩鍒伴〉闈㈤《閮�
+      this.$nextTick(() => {
+        const pageMain = document.querySelector('.page-main-father');
+        if (pageMain) {
+          pageMain.scrollTo({
+            top: 0,
+            behavior: 'smooth'
+          });
+        }
+      });
+    },
     // 澶勭悊椤电爜鍙樺寲
     handleCurrentChange(newPage) {
       this.paginationPage = newPage;
       this.getItemList(); // 閲嶆柊鑾峰彇鏁版嵁
+      // 婊氬姩鍒伴〉闈㈤《閮�
+      this.$nextTick(() => {
+        const pageMain = document.querySelector(".page-main-father");
+        if (pageMain) {
+          pageMain.scrollTo({
+            top: 0,
+            behavior: "smooth",
+          });
+        }
+      });
     },
     sortChange() {
       this.postedSortInfo = !this.postedSortInfo;
@@ -823,11 +888,23 @@
   }
 }
 
+::v-deep .el-loading-spinner {
+  .el-loading-text {
+    font-size: 14px;
+    color: #937950;
+  }
+
+  .el-icon-loading {
+    font-size: 14px;
+    color: #937950;
+  }
+}
+
 .page-main-father {
   flex: 1;
   width: 100%;
   height: 100%;
-  min-width: 1292px;
+  min-width: 1200px;
   overflow: auto;
   padding-top: 1%;
   padding-bottom: 2%;
@@ -846,15 +923,40 @@
   background-color: #fefbf5;
   border: 1px solid #e4dace;
 
-  .input-main {
+  ::v-deep(.input-main) {
     padding: 15px 0;
     display: flex;
     justify-content: center;
     width: 90%;
     border-right: 2px solid #e4dace;
+    font-weight: bold;
 
     .input-with-select {
       width: 50%;
+      font-weight: bold;
+    }
+
+    .el-select .el-input.is-focus .el-input__inner {
+      color: #937950 !important;
+      border-color: #937950 !important;
+      font-weight: bold;
+    }
+
+    .el-select-dropdown__item.selected {
+      color: #937950 !important;
+      font-weight: bold;
+    }
+
+    .el-select .el-input__inner:focus {
+      border-color: #937950;
+      font-weight: bold;
+    }
+
+    .el-select .el-input__inner {
+      font-family: Source Han Sans;
+      font-size: 14px;
+      font-weight: bold;
+      color: #2c2c2c;
     }
   }
 
@@ -907,10 +1009,11 @@
         font-size: 14px;
         background-color: transparent;
         color: #937950;
-        border: 1px solid #6f5a3a;
+        border: 1px solid #937950;
+        cursor: pointer;
 
         &:hover {
-          background-color: #6f5a3a;
+          background-color: #937950;
           color: #fffdf8;
         }
       }
@@ -1076,6 +1179,7 @@
 
     .right-header {
       display: flex;
+      flex-wrap: wrap;
 
       li {
         background: #ffffff;
@@ -1087,6 +1191,8 @@
         font-family: Poppins;
         font-size: 13px;
         color: #937950;
+        line-height: 20px;
+        margin-bottom: 10px;
 
         img {
           cursor: pointer;
@@ -1146,16 +1252,21 @@
         font-size: 16px;
         font-weight: bold;
         color: #937950;
+        margin-bottom: 5px;
+
+        p {
+          overflow: hidden;
+        }
 
         ::v-deep .el-button {
           font-size: 14px;
           background-color: transparent;
           color: #937950;
-          border: 1px solid #6f5a3a;
+          border: 1px solid #937950;
           border-radius: 0;
 
           &:hover {
-            background-color: #6f5a3a;
+            background-color: #937950;
             color: #fffdf8;
           }
         }
@@ -1196,7 +1307,7 @@
           border-left: 1px solid #2c2c2c;
         }
 
-        margin-bottom: 10px;
+        margin-bottom: 15px;
       }
 
       .main-author {
@@ -1217,7 +1328,7 @@
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
-        -webkit-line-clamp: 4;
+        -webkit-line-clamp: 3;
 
         span {
           font-family: Source Han Sans;
@@ -1300,4 +1411,25 @@
   border-radius: 5px;
   border: 1px solid #cccccc;
 }
+:deep.el-pagination.is-background .el-pager li:not(.disabled):hover{
+  color: #937950
+}
+</style>
+
+<style>
+.el-input.is-focus .el-input__inner {
+  color: #937950 !important;
+  border-color: #937950 !important;
+  font-weight: bold;
+}
+
+.el-select-dropdown__item.selected {
+  color: #937950 !important;
+  font-weight: bold;
+}
+
+.el-select .el-input__inner:focus {
+  border-color: #937950;
+  font-weight: bold;
+}
 </style>

--
Gitblit v1.9.1