thesisInfo.vue

<template>
  <div>
    <a-row>
      <a-col :span="24" style="border-top: 0px;">
        <div class="tb-title">
          <span>基础信息</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目合同编号</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{value.projNo}}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目名称</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{value.projName}}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目负责人</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{value.appPersonName}}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>联系电话</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{value.telephone}}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目承担单位</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{value.appUnitName}}</div>
        </div>
      </a-col>
    </a-row>

    <a-row>
      <a-col :span="24" style="border-top: 0px;">
        <div class="tb-title">
          <span>论文发表情况（省级以上刊物）</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex" class="row_center">
      <a-col :span="2" class="bg-gray">
        <div class="special-middle">
          <div>序号</div>
        </div>
      </a-col>
      <a-col :span="6" class="bg-gray">
        <div class="special-middle">
          <div>论文名称</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>作者姓名</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>发表年月</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>发表在何种刊物</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>国内外反映应用情况</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>论文</div>
        </div>
      </a-col>
    </a-row>
    <a-row v-for="(thesis, index) in value.thesisList" :key="index" type="flex" class="row_center">
      <a-col :span="2">
        <div class="special-middle">
          <div>{{index+1}}</div>
        </div>
      </a-col>
      <a-col :span="6">
        <div class="special-middle">
          <div>{{thesis.name}}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">
          <div>{{thesis.author}}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">
          <div>{{thesis.publishDate}}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">
          <div>{{thesis.publication}}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">
          <div>{{thesis.application}}</div>
        </div>
      </a-col>
      <a-col :span="4" style="text-align: center;">
        <div class="special-middle">
          <div v-if="thesis.fileName" style="text-align: left;">
            <document-view :fileUrl="thesis.downloadUrl" :fileName="thesis.fileName" :imageArray="[thesis.downloadUrl]"></document-view>
          </div>
          <div v-else>无</div>
        </div>
      </a-col>
    </a-row>

  </div>
</template>

<script>

import paraView from '@/views/conclusion/components/paraView'
import documentView from '@/views/components/common/documentView'

export default {
  name: "thesisInfo",
  components: {
    paraView, documentView
  },
  props: {
    value: {
      type: Object,
      default: () => {
        return null
      }
    },
  },
  data () {
    return {

    };
  },
  created () {

  },
  computed: {

  },
  methods: {
    downloadfile () {

    },
    fundsCount (list) {
      let total = 0.00
      list.forEach(e => {
        if (e.amount) {
          total = total + e.amount
        }
      })
      return total
    },
  },
};
</script>
<style scoped lang="less">
.file-layout {
  height: 100%;
  width: 100%;
  .file-box {
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;

    > div:nth-child(1) {
      max-width: 90%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .visually-hidden {
    display: none !important;
  }
}
.inner_from {
  .ant-row-flex:last-child .ant-col {
    border-bottom: 0;
  }
  .ant-row-flex .ant-col:first-child {
    border-left: 0;
  }
  .ant-row-flex {
    border-right: 0;
  }
}
.special-middle {
  .font_s {
    margin: 0 6px;
  }
}
</style>