From 66c075bd8f9f060540eb69f31115c8a5716e9071 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 07 四月 2025 18:05:45 +0800 Subject: [PATCH] 学术成果 --- src/views/achievements/index.vue | 122 +++++++++++++++++++++++++++++++++++++--- 1 files changed, 111 insertions(+), 11 deletions(-) diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue index a2c0031..954e837 100644 --- a/src/views/achievements/index.vue +++ b/src/views/achievements/index.vue @@ -67,7 +67,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 +113,17 @@ </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> + <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> </div> </div> </div> @@ -129,6 +140,7 @@ }, 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 +360,44 @@ }, ] }, - - // 鏌ヨ缁撴灉 - resultList:[ + // 鎵�鍏宠仈鍐呭 + associationList: [ { - name:"涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��", - sources:"鍖椾含涓尰鑽ぇ瀛﹀鎶�", - time:"2025-02-24 09:21", - title:"鎽樿: 涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��", - keyword:"" + type: "浣滆��", + content: "闄堣 鍝�", + }, + { + type: "浣滆��", + content: "闄堣 鍝�", + }, + { + type: "浣滆��", + content: "闄堣 鍝�", + }, + ], + // 鏌ヨ缁撴灉 + resultList: [ + { + name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠e彂灞曟�濊��", + sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�", + type: "鏈熷垔", + author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у", + time: "2025-02-24 09:21", + title: "鎽樿: 涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠$悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐d换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠gぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��", + keyword: [ + { + name: "涓嵂闂告煖", + }, + { + name: "涓嵂闂告煖", + }, + { + name: "涓嵂闂告煖", + }, + { + name: "涓嵂闂告煖", + }, + ] } ] @@ -633,9 +674,68 @@ } - .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; + + .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; + } + } + + + } } } -- Gitblit v1.9.1