<template>
  <div class="patent-articles-patent-status">
    <!-- <table align="left"   height="100" width="30%" cellspacing="0"  border="" cellpadding=""  class="yyyy"   margin-bottom="5px">
	<tr align="center" class="ddd">
		<td width="26%" class="legal-status">当前状态</td>
		<td class="legal-status">{{tableData[0].createSimpleStatus}}</td>
	</tr>
	<tr align="center"  class="ddd">
		<td class="legal-status">法律状态/事件</td>
		<td class="legal-status">{{tableData[0].status}}</td>
	</tr>
</table> -->
<div> <h3 class="patent-articles-patent-status-event">当前状态</h3></div>
<el-button type="success" size="mini">{{patent.affair[0].createSimpleStatus}}</el-button>
<div> <h3 class="patent-articles-patent-status-event">法律状态/事件</h3></div>
<el-button type="primary" size="mini">{{patent.affair[0].status}}</el-button  >
<div> <h3 class="patent-articles-patent-status-event">事务数据</h3></div>
    <!-- <el-table :data="tableDataList" header-row-class-name="custom-table-header" >
      <el-table-column label="发生时间" align="center" width="180px" prop="year" show-overflow-tooltip>
        <template slot-scope="scope">
          <span v-html="getViewDom(scope.row.createTime)"></span>
        </template>
      </el-table-column>
      <el-table-column label="状态" align="center" width="100px" prop="country" how-overflow-tooltip>
        <template slot-scope="scope">
          <span v-html="getViewDom(scope.row.createStatus)"></span>
        </template>
      </el-table-column>
      <el-table-column label="内容" align="center"  prop="content" how-overflow-tooltip>
        <template slot-scope="scope">
          <span v-html="getViewDom(scope.row.content)"></span>
        </template>
      </el-table-column>
    </el-table> -->
        <div class="block" style="width:100%">
  <el-timeline>
    <el-timeline-item v-for="item in patent.affair[0].inpadoc" :timestamp="item.inpadocData[0].content" placement="top">
      <el-card >
        <div v-for="(i,index) in item.inpadocData" v-if="index!=0" v-html="getViewDom(i.name)+'：'+getViewDom(i.content)"></div>
      </el-card>
    </el-timeline-item>
   
  </el-timeline>
</div>
  </div>
</template>

<script>
import { commonMixins } from "./mixins"

export default {
  mixins: [commonMixins],
  data() {
    return {
      tableData: [],
      tableDataList:[]
    }
  },
  watch: {
    patentId() {
      this.tableData = this.patent.affair
    }
  },
  mounted() {
    this.tableData = this.patent.affair
    this.tableDataList=this.tableData[0].inpadoc
    // console.log(this.tableData[0].inpadoc, this.tableDataList[0].length);
    // for(var i in this.tableData[0].inpadoc[0]){
    //   console.log(i)
    // }
  },
  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>