<template>
  <div class="d-flex flex-column">
    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">申请人：</span>
        {{ record.info.applicant }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">已转让企业数：</span>
        {{ record.info.assignment }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">学科分类：</span>
        {{ record.info.classification }}
      </div>
    </div>
    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">所属领域1：</span>
        {{ record.info.domainone }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">所属领域2：</span>
        {{ record.info.domaintwo }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">知识产权：</span>
        {{ record.info.finance }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">转让收入：</span>
        {{ record.info.money }}万元
      </div>
      <div class="flex-1">
        <span class="font-bold-14">分类类型：</span>
        <span :key="a" v-for="(type,a) in record.info.names">
          {{ type }}
          <span v-if="a < record.info.names.length-1">/</span>
        </span>
      </div>

      <div class="flex-1">
        <span class="font-bold-14">成果水平：</span>
        {{ record.info.keywordthree }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">关键词1：</span>
        {{ record.info.keywordone }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">关键词2：</span>
        {{ record.info.keywordtwo }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">关键词3：</span>
        {{ record.info.keywordthree }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">转让形式：</span>
        {{ record.info.keywordthree }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">专利数：</span>
        {{ record.info.keywordthree }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">专利情况：</span>
        {{ record.info.patent }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">成果表现形式：</span>
        {{ record.info.performance }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">成果范围：</span>
        {{ record.info.ranges }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">专利名称：</span>
        {{ record.info.registerName }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">未应用原因1：</span>
        {{ record.info.reansonone }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">未应用原因2：</span>
        {{ record.info.reansontwo }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">专利号：</span>
        {{ record.info.registerNum }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">实验室名字：</span>
        {{ record.info.research }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">研究形式：</span>
        {{ record.info.shape }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">应用状态：</span>
        {{ record.info.situation }}
      </div>
    </div>

    <div class="d-flex flex-nowrap mb-3">
      <div class="flex-1">
        <span class="font-bold-14">成果阶段：</span>
        {{ record.info.stage }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">成果标准：</span>
        {{ record.info.standard }}
      </div>
      <div class="flex-1">
        <span class="font-bold-14">专利类型：</span>
        {{ record.info.style }}
      </div>
    </div>

    <div class="flex-1 mb-3">
      <span class="font-bold-14">发明人：</span>
      {{ record.info.inventor }}
    </div>

    <div class="d-flex flex-column mb-3">
      <span class="font-bold-14">简介：</span>
      <span v-dompurify-html="record.info.content" v-if="record.info.content"></span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Detail',

  props: {
    record: { type: Object, default: () => {} },
  },

  data() {
    return {};
  },

  methods: {},
};
</script>

<style lang="stylus" scoped></style>
