<template>
  <div class="height_100" v-DivHeight="getDivHeight">
    <el-table
      ref="table"
      :data="tableData"
      :span-method="objectSpanMethod"
      :row-class-name="tableRowClassName"
      :maxHeight="tableHeight"
      border
      style="min-width: 100%; overflow: auto"
    >
      <el-table-column
        prop="pRightName"
        label="标的权利项"
        align="center"
        width="200px"
      >
        <template slot-scope="scope">
          <el-tooltip
            class="item"
            effect="dark"
            :content="scope.row.pContent"
            placement="top"
          >
            <span>{{ scope.row.pRightName }}</span>
          </el-tooltip>
        </template>
      </el-table-column>
      <el-table-column
        prop="content"
        label="标的权利要求特征"
        align="center"
        width="300px"
      >
        <template slot-scope="scope">
          {{ scope.row.content }}
        </template>
      </el-table-column>

      <el-table-column v-for="(item, index) in tableHeader" :key="index" :min-width="item.length > 6 ? '190' : '110'">
        <template slot="header">
          <span>
            <el-link type="primary" @click="editContrast(item.patentNo)">{{ item.patentNo }}(D{{ index + 1 }})</el-link>
          </span>
          <el-tag style="font-size: 12px; border-radius: 50%" v-if="item.remark">{{ item.remark }}</el-tag>
            <i class="el-icon-arrow-down el-icon--right"  @click="getVal(item)"></i>
        </template>
        <template slot-scope="scope">
          <div
            class=""
            v-if="scope.row[item.patentNo]"
            style="width: calc(100% + 20px); margin-left: -10px"
          >
            <p v-for="i in scope.row[item.patentNo]">
              [{{ i.fields }}]{{ i.content }}
              <el-image
                ref="image"
                :preview-src-list="imgList"
                v-if="i.filePath"
                :src="i.filePath"
                style="vertical-align: middle; width: 100px"
                @click="showImage(i.filePath)"
              ></el-image>
            </p>
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import mixins from './mixins'
export default {
  mixins:[mixins],
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>