xiaoshi_system/src/views/project/patentDetails/components/patentMessage/PatentStatus.vue

<template>
  <div class="patent-articles-patent-status height_100">

    <div v-if="projectId">
      <!-- <div> <h3 class="patent-articles-patent-status-event">当前状态</h3></div>
    <el-button type="success" size="mini">{{simpleStatus[patent.simpleStatus]}}</el-button> -->
      <!-- <div>
        <h3 class="patent-articles-patent-status-event">法律状态/事件</h3>
      </div> -->
      <!-- <el-button type="primary" size="mini">{{patent.legal_status&& patent.affair.length>0?patent.affair[0].status:''}}</el-button  > -->
      <!-- 后端没考虑好，暂时先不返 -->
      <!-- <el-button type="primary" size="mini">{{ legalStatus[patent.legalStatus] }}</el-button> -->
    </div>
    <div>
      <h3 class="patent-articles-patent-status-event">事务数据</h3>
    </div>
    <div class="block" style="width:100%">
      <el-timeline v-if="patent.legalEvents && patent.legalEvents.length > 0">
        <el-timeline-item v-for="(item, index1) in patent.legalEvents" :key="index1"
          :timestamp="item.eventDate" placement="top">
          <el-card>
            <span>申请号：{{ item.appNo }}</span>
            <span>公开号：{{ item.publicNo }}</span>
            <span>授权号：{{ item.grantNo }}</span>
            <!-- <div v-for="(i, index) in item.inpadocData" :key="i.content" style="padding:5px 0;">
              <span v-if="index != 0 && index != 1 && i.content" v-html="getViewDom(i.content)"></span>
            </div> -->
          </el-card>
        </el-timeline-item>

      </el-timeline>
    </div>
  </div>
</template>

<script>
import { patentDetails } from './mixins';
export default {
  mixins: [patentDetails],
  data() {
    return {
      tableData: [],
      tableDataList: []
    }
  },
  watch: {
 
  },
  mounted() {
   
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scope="this api replaced by slot-scope in 2.5.0+">
* {
  box-sizing: border-box;
}

.el-table__body {
  margin-top: 10px;
}

.patent-articles-patent-status-event {
  font-weight: 800;
  font-size: 16px;
}

.el-button--mini {
  margin-left: 50px;
}

// .legal-status{
//   color: #515a6e;
//   font-size: 13px;
//   font-weight: 800;
// }
// .yyyy{
// border:1px solid rgb(235, 238, 245);
// border:1px solid skyblue


// }</style>