From 34c4d498b69f746b98ff71afa14a9804e43afcf8 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 25 四月 2025 16:55:06 +0800
Subject: [PATCH] 学术成果检索
---
src/views/achievements/details.vue | 95 ++++++++++++++++++++++-------------------------
1 files changed, 45 insertions(+), 50 deletions(-)
diff --git a/src/views/achievements/details.vue b/src/views/achievements/details.vue
index 4fab097..ab9cce6 100644
--- a/src/views/achievements/details.vue
+++ b/src/views/achievements/details.vue
@@ -1,73 +1,50 @@
<template>
<div class="page">
<div class="page-header">
- <p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
+ <p><span>鐜嬫案鐐庨櫌澹鏈垚鏋�</span></p>
</div>
<div class="page-main-father">
<ul class="page-main">
<li class="page-main-name">
<p>
- <el-button icon="el-icon-arrow-left" @click="goBack()"
- >杩斿洖</el-button
- >
+ <el-button icon="el-icon-arrow-left" @click="goBack()">杩斿洖</el-button>
</p>
- <p>{{ detailsList.name }}</p>
+ <p>{{ details.name }}</p>
</li>
<li class="page-main-time">
<p>
- <span>{{ detailsList.sources }}</span>
- <span>{{ detailsList.time }}</span>
+ <span>{{ details.source }}</span>
+ <span>{{ details.year }}</span>
</p>
</li>
<li class="page-main-title">
<p>
- <span
- v-for="(item, index) in detailsList.characterList"
- :key="index"
- >{{ item.name }}</span
- >
+ <span v-for="(item, index) in details.characterList" :key="index">{{ item.name }}</span>
</p>
- <p><span>鎽樿锛�</span>{{ detailsList.title }}</p>
+ <p>
+ <span>鎽樿锛�</span>
+ <span class="page-main-abstract" v-html="details.abstract"></span>
+ </p>
<p>
<span>鍏抽敭璇嶏細</span>
- <span
- class="page-main-keyword"
- v-for="(item, index) in detailsList.keyword"
- :key="index"
- >{{ item.name }}</span
- >
+ <span class="page-main-keyword" v-for="(item, index) in details.keyWords" :key="index">{{ item
+ }}</span>
</p>
<p v-if="!isDisplay">
<el-button @click="isDisplay = !isDisplay">鏌ョ湅鍏ㄦ枃</el-button>
</p>
<p class="page-main-video" v-if="isDisplay">
- <video
- :src="detailsList.videoUrl"
- controls
- autoplay
- class="video"
- width="70%"
- ></video>
+ <video :src="details.videoUrl" controls autoplay class="video" width="70%"></video>
</p>
<p class="page-main-audio" v-if="isDisplay">
- <audio
- :src="detailsList.videoUrl"
- controls
- autoplay
- class="video"
- width="100%"
- ></audio>
+ <audio :src="details.videoUrl" controls autoplay class="video" width="100%"></audio>
</p>
</li>
<li class="page-main-literature">
<p class="literature-header">鐩稿叧鏂囩尞</p>
<div class="content-right">
<!-- 缁撴灉灞曠ず -->
- <ul
- class="right-main"
- v-for="(item, index) in resultList"
- :key="index"
- >
+ <ul class="right-main" v-for="(item, index) in resultList" :key="index">
<li class="main-name">
<p>{{ item.name }}</p>
<p>
@@ -88,11 +65,7 @@
</li>
<li class="main-keyword">
<span>鍏抽敭璇嶏細</span>
- <span
- class="keyWord"
- v-for="(citem, cindex) in item.keyword"
- :key="cindex"
- >
+ <span class="keyWord" v-for="(citem, cindex) in item.keyword" :key="cindex">
{{ citem.name }}
</span>
</li>
@@ -109,7 +82,7 @@
data() {
return {
isDisplay: false,
- detailsList: {
+ details: {
name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
time: "2025-02-24",
@@ -266,8 +239,13 @@
],
};
},
+ mounted() {
+ console.log(this.$route.params.key, "key001");
+ this.details = this.$route.params.key;
+
+ },
methods: {
- goPage(key) {},
+ goPage(key) { },
goBack() {
this.$router.go(-1);
@@ -284,9 +262,12 @@
background-color: #e9e1d4;
position: relative;
overflow: hidden;
+ display: flex;
+ flex-direction: column;
}
.page-header {
+ padding: 8px 0;
height: 9.4%;
width: 100%;
text-align: left;
@@ -295,18 +276,25 @@
position: sticky;
top: 0;
z-index: 100;
+
p {
- padding: 1.6% 0 1.55% 0;
+ height: 100%;
font-family: Alimama DongFangDaKai;
font-size: 30px;
text-indent: 1em;
border-bottom: 1px solid #937950;
+ display: flex;
+ align-items: center;
}
}
-.page-main-father{
- height: calc(100% - 9.4%);
+
+.page-main-father {
+ flex: 1;
width: 100%;
+ height: 100%;
overflow: auto;
+ padding-top: 2%;
+ padding-bottom: 2%;
}
@@ -381,6 +369,14 @@
background-color: #6f5a3a;
color: #fffdf8;
}
+ }
+
+ .page-main-abstract {
+ font-family: Source Han Sans !important;
+ font-size: 14px !important;
+ font-weight: 350 !important;
+ line-height: 26px !important;
+ color: #333333 !important;
}
p:nth-child(1) {
@@ -464,8 +460,7 @@
display: flex;
justify-content: center;
- audio {
- }
+ audio {}
}
.page-main-literature {
--
Gitblit v1.9.1