学术成果检索

zhongshujie

3 天以前 34c4d498b69f746b98ff71afa14a9804e43afcf8

 src/views/achievements/details.vue

@@ -9,35 +9,35 @@
          <p>
            <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.source }}</span>
            <span>{{ detailsList.year }}</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>
            <span class="page-main-abstract" v-html="detailsList.abstract"></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.keyWords" :key="index">{{ item
            <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">
@@ -82,7 +82,7 @@
  data() {
    return {
      isDisplay: false,
      detailsList: {
      details: {
        name: "中药闸柜的历史传承与新时代发展思考",
        sources: "北京中医药大学学报",
        time: "2025-02-24",
@@ -241,7 +241,8 @@
  },
  mounted() {
    console.log(this.$route.params.key, "key001");
    this.detailsList = this.$route.params.key;
    this.details = this.$route.params.key;
    
  },
  methods: {
    goPage(key) { },