jyyqfk_zjd/src/views/article/children/articlemain.vue

<template>
  <div class="articlemain">
    <div v-for="(item,index) in onefilelist" :key="index">
      <div class="title">
        <span class="title-m">文件标题：{{item.name}}</span>
        <span class="datatime">发布日期：{{ datanew }}</span>
        <span class="filetype">文件类型：{{ item.type }}</span>
        <span class="typetype">文号：{{ item.fileNo }}</span>
      </div>
      <div class="maincontent">
        <article-pdf :onefilelist="onefilelist"></article-pdf>
        <!-- <img :src="'http://121.40.214.80:81'+item.downloadUrl" alt="" /> -->
      </div>
    </div>
  </div>
</template>

<script>
import ArticlePdf from './articlepdf.vue';
export default {
  components: { ArticlePdf },
  name: "ArticleMain",
  props: {
    onefilelist: {
      type: Array,
      default() {
        return [];
      },
    },
  },
    computed: {
        // 发布日期转换
    datanew(){
      return this.onefilelist[0].publishOn.slice(0,10)
    }
    
  },
};
</script>

<style scoped>
.title-m{
    font-size: 18px;
}
.title {
  display: grid;
  padding-left: 5vw;
}
.title span {
  line-height: 7vw;
  height: auto;
}
.articlemain {
  background-color: #fff;
  border-radius: 2vw;
  margin-top: 5vw;
  padding-top: 4vw;
  padding-bottom: 4vw;
}
</style>