From db603d513b9466cb6768cb702f18cc11df23171b Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期二, 08 四月 2025 10:03:12 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase
---
src/views/achievements/index.vue | 362 ++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 339 insertions(+), 23 deletions(-)
diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index a2c0031..d9efad9 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -3,18 +3,11 @@
<div class="page-header">
<p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
</div>
-
<div class="page-main">
<!-- 鎼滅储妗� -->
<ul class="page-input">
<li class="input-main">
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="input3" class="input-with-select" suffix="鎼滅储">
- <el-select v-model="select" slot="prepend" placeholder="璇烽�夋嫨">
- <el-option v-for="(item, index) in optionlist" :key="index" :label="item.lable"
- :value="item.lable"></el-option>
- </el-select>
- <el-button slot="append">鎼滅储</el-button>
- </el-input>
+ <SearchBox />
</li>
<li class="input-txt" @click="isDisplay = !isDisplay">
楂樼骇妫�绱�
@@ -67,7 +60,8 @@
</li>
<li class="left-main" v-if="annual.isDisplay">
<div class="annual-main" v-for="(item, index) in annual.list" :key="index">
- <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.years">{{ item.years }}</el-checkbox>
+ <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.years">{{ item.years
+ }}</el-checkbox>
<span class="">{{ item.num }}</span>
</div>
<p class="annual-footer" v-if="annual.list && annual.list.length > 5">灞曞紑</p>
@@ -112,7 +106,45 @@
</ul>
</div>
<div class="content-right">
-
+ <!-- title閮ㄥ垎 -->
+ <ul class="right-header">
+ <li v-for="(item, index) in associationList" :key="index">
+ <p>{{ item.type }} : {{ item.content }}</p>
+ <img :src="errorIcon" alt="">
+ </li>
+ </ul>
+ <!-- 鍏眡x鏉� -->
+ <ul class="right-number">
+ <ul class="number-number">鍏辨壘鍒�<span>{{ resultList.length }}</span>鏉＄粨鏋�</ul>
+ <ul class="number-time">鍙戣〃鏃堕棿 <span><img :src="sortBottom" alt=""></span></ul>
+ </ul>
+ <!-- 缁撴灉灞曠ず -->
+ <ul class="right-main" v-for="(item, index) in resultList" :key="index">
+ <li class="main-name">
+ <p>{{ item.name }}</p>
+ <p>
+ <el-button @click="goPage(item)">璇︽儏</el-button>
+ <el-button>AI鏅鸿兘闃呰</el-button>
+ </p>
+ </li>
+ <li class="main-sources">
+ <span>{{ item.type }}</span>
+ <span>{{ item.sources }}</span>
+ <span>{{ item.time }}</span>
+ </li>
+ <li class="main-author">
+ {{ item.author }}
+ </li>
+ <li class="main-title" :title="item.title">
+ <span>鎽樿: </span>{{ item.title }}
+ </li>
+ <li class="main-keyword">
+ <span>鍏抽敭璇嶏細</span>
+ <span class="keyWord" v-for="(citem, cindex) in item.keyword" :key="cindex">
+ {{ citem.name }}
+ </span>
+ </li>
+ </ul>
</div>
</div>
</div>
@@ -121,14 +153,17 @@
<script>
import MyForm from '@/components/form/form.vue'
+import SearchBox from '@/views/home/components/searchBox.vue'
/* eslint-disable vue/no-unused-components */
export default {
name: 'achievements',
components: {
- MyForm
+ MyForm,
+ SearchBox
},
data() {
return {
+ errorIcon: require("@/assets/images/achievements/errorIcon.png"),
topIcon: require("@/assets/images/achievements/top-Icon.png"),
bottomIcon: require("@/assets/images/achievements/bottom-Icon.png"),
sortTop: require("@/assets/images/achievements/sort-top.png"),
@@ -348,15 +383,136 @@
},
]
},
-
- // 鏌ヨ缁撴灉
- resultList:[
+ // 鎵�鍏宠仈鍐呭
+ associationList: [
{
- name:"涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources:"鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- time:"2025-02-24 09:21",
- title:"鎽樿: 涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword:""
+ type: "浣滆��",
+ content: "闄堣 鍝�",
+ },
+ {
+ type: "浣滆��",
+ content: "闄堣 鍝�",
+ },
+ {
+ type: "浣滆��",
+ content: "闄堣 鍝�",
+ },
+ ],
+ // 鏌ヨ缁撴灉
+ resultList: [
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ]
+
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ]
+
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ]
+
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ]
+
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ]
}
]
@@ -371,6 +527,10 @@
resetForm() {
// this.onSearch("");
},
+ // 椤甸潰璺宠浆
+ goPage(key) {
+ this.$router.push({ name: 'details', params: { key: key } });
+ }
}
}
</script>
@@ -413,7 +573,8 @@
.input-main {
padding: 15px 0;
- text-align: center;
+ display: flex;
+ justify-content: center;
width: 90%;
border-right: 2px solid #E4DACE;
@@ -485,7 +646,6 @@
}
-
.page-content {
width: 100%;
margin-top: 20px;
@@ -496,7 +656,6 @@
.content-left {
width: 19.5%;
- border-right: 1px solid #E4DACE;
border-bottom: 1px solid #E4DACE;
}
@@ -505,6 +664,7 @@
display: flex;
align-items: center;
justify-content: space-between;
+ border-right: 1px solid #E4DACE;
border-bottom: 1px solid #E4DACE;
span {
@@ -528,6 +688,7 @@
}
.left-main {
+ border-right: 1px solid #E4DACE;
border-bottom: 1px solid #E4DACE;
padding: 10px;
display: flex;
@@ -633,9 +794,164 @@
}
- .content-right{
+ .content-right {
width: 80.5%;
padding: 14px 20px 20px 14px;
+
+ .right-header {
+ display: flex;
+
+ li {
+ background: #FFFFFF;
+ border: 1px solid #937950;
+ padding: 3px 10px;
+ margin-right: 13px;
+ display: flex;
+ align-items: center;
+ font-family: Poppins;
+ font-size: 13px;
+ color: #937950;
+
+ img {
+ cursor: pointer;
+ height: 16px;
+ width: auto;
+ margin-left: 5px;
+ }
+ }
+ }
+
+ .right-number {
+ display: flex;
+ justify-content: flex-end;
+ align-items: flex-start;
+ margin-bottom: 12px;
+
+ .number-number {
+ font-family: Source Han Sans;
+ font-weight: 350;
+ font-size: 14px;
+ color: #2C2C2C;
+ margin-right: 20px;
+
+ span {
+ color: #937950;
+ }
+ }
+
+ .number-time {
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ color: #2C2C2C;
+
+ span {
+ margin-left: 11px;
+ }
+
+ img {
+ height: 12px;
+ width: auto;
+ }
+ }
+
+
+ }
+
+ .right-main {
+ margin-bottom: 20px;
+ padding: 19px 30px 15px 30px;
+ border: 1px solid #DECAAC;
+
+
+ .main-name {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-family: Source Han Sans;
+ font-size: 16px;
+ font-weight: bold;
+ color: #937950;
+ }
+
+ .main-sources {
+ span:nth-child(1) {
+ padding: 3px 5px;
+ background-color: #87A8B9;
+ color: #fff;
+ margin-right: 10px;
+ }
+
+ span:nth-child(2) {
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ padding-right: 10px;
+ border-right: 1px solid #2C2C2C;
+ color: #333;
+ }
+
+ span:nth-child(3) {
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ padding-left: 10px;
+ color: #333;
+ }
+
+ margin-bottom: 10px;
+ }
+
+ .main-author {
+ margin-bottom: 12px;
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ color: #333;
+ }
+
+ .main-title {
+ margin-bottom: 15px;
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: 350;
+ line-height: 26px;
+ color: #333333;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+
+ span {
+ font-family: Source Han Sans;
+ font-weight: 700;
+ font-size: 14px;
+ }
+ }
+
+ .main-keyword {
+ span:nth-child(1) {
+ font-family: Source Han Sans;
+ font-weight: 700;
+ font-size: 14px;
+ }
+
+ .keyWord {
+ cursor: pointer;
+ padding: 5px 10px;
+ color: #937950;
+ border: 1px solid #937950;
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ line-height: 28px;
+ margin-right: 13px;
+ }
+
+ }
+
+
+ }
}
}
--
Gitblit v1.9.1