杨磊
10 小时以前 de962e6331d7ebf3c660a3b0d7fa1dbdc81c645f
src/views/achievements/details.vue
@@ -22,9 +22,9 @@
          <p>
            <span v-for="(item, index) in details.author" :key="index">{{ item }}</span>
          </p>
          <p v-if="details.abstract">
            <span>摘要:</span>
            <span class="page-main-abstract" v-html="details.abstract"></span>
          <p v-if="details.cleanAbstract">
            <span class="abstract-title">摘要:</span>
            <span class="page-main-abstract-main" v-html="details.cleanAbstract"></span>
          </p>
          <p v-if="details.keyWords && details.keyWords.length > 0">
            <span>关键词:</span>
@@ -63,9 +63,9 @@
              <li class="main-author">
                {{ item.author }}
              </li>
              <li class="main-title" :title="item.abstract" v-if="item.abstract">
              <li class="main-title" :title="item.abstract" v-if="item.cleanAbstract">
                <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" v-if="item.keyWords && item.keyWords.length > 0">
                <span>关键词:</span>
@@ -154,7 +154,7 @@
      resourceTypeValueList: [],
      // 查询结果
      resultList: [],
      loading: false,
      loading: true,
      pdfLoading: false,
    };
  },
@@ -182,6 +182,7 @@
    if (this.details.cmsItemType == "video" || this.details.cmsItemType == "audio") {
      if (this.details.file != "") {
        this.details.src = await this.getResourcePath(this.details.file)
        console.log(this.details.src, "视频地址");
      }
    }
@@ -206,6 +207,7 @@
            cmsType: ["cmsItem"],
            "Id=": [id + ""],
            source: [],
            isbn: [],
            year: [],
            abstract: [],
            keyWords: [],
@@ -227,6 +229,10 @@
        if (item.author && item.author.length > 0) {
          item.author = item.author.split(";");
        }
        if (item.abstract) {
          item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, "");
        }
        const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType);
        item.resourceTypeName = foundItem ? foundItem.name : '';
      })
@@ -428,6 +434,7 @@
            // 'id=':[this.$route.params.key],
            "resourceType*": this.resourceTypeValueList,
            source: [],
            isbn: [],
            year: [],
            abstract: [],
            keyWords: [],
@@ -446,6 +453,9 @@
        } else {
          // 设置一个默认值或者进行其他错误处理
          item.keyWords = [];
        }
        if (item.abstract) {
          item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, "");
        }
        const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType);
        item.resourceTypeName = foundItem ? foundItem.name : '';
@@ -478,6 +488,7 @@
            cmsType: ["cmsItem"],
            "resourceType*": this.resourceTypeValueList,
            source: [],
            isbn: [],
            year: [],
            abstract: [],
            keyWords: [],
@@ -496,6 +507,9 @@
            } else {
              // 设置一个默认值或者进行其他错误处理
              item.keyWords = [];
            }
            if (item.abstract) {
              item.cleanAbstract = item.abstract.replace(/<[^>]+>/g, "");
            }
            const foundItem = this.category.list.find((citem) => citem.value == item.cmsItemType);
            item.resourceTypeName = foundItem ? foundItem.name : '';
@@ -582,11 +596,11 @@
      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;
      }
    }
@@ -630,11 +644,11 @@
      font-size: 14px;
      background-color: #937950;
      color: #fff;
      border: 1px solid #6f5a3a;
      border: 1px solid #937950;
      border-radius: 0;
      &:hover {
        background-color: #6f5a3a;
        background-color: #937950;
        color: #fffdf8;
      }
    }
@@ -642,9 +656,9 @@
    .page-main-abstract {
      font-family: Source Han Sans !important;
      font-size: 14px !important;
      font-weight: 350 !important;
      line-height: 26px !important;
      color: #333333 !important;
      font-weight: 100 !important;
    }
    p:nth-child(1) {
@@ -670,20 +684,22 @@
      margin-bottom: 13px;
      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: 3;
      .abstract-title {
        font-weight: bold;
      }
      span {
        font-family: Source Han Sans;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
      }
    }
    p:nth-child(3) {
@@ -816,16 +832,17 @@
          font-size: 16px;
          font-weight: bold;
          color: #937950;
          margin-bottom: 5px;
          ::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;
            }
          }
@@ -868,9 +885,7 @@
            border-left: 1px solid #2c2c2c;
          }
          margin-bottom: 10px;
          margin-bottom: 15px;
        }
        .main-author {
@@ -891,7 +906,7 @@
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          -webkit-line-clamp: 3;
          span {
            font-family: Source Han Sans;
@@ -947,6 +962,18 @@
    object-fit: contain;
  }
}
::v-deep .el-loading-spinner {
  .el-loading-text {
    font-size: 14px;
    color: #937950;
  }
  .el-icon-loading {
    font-size: 14px;
    color: #937950;
  }
}
</style>
<style lang="less">