<template>
  <div class="eventCard">
    <el-row :gutter="12">
      <el-col :span="6" v-for="(item, itemIndex) in tableData" :key="itemIndex" style="padding-bottom:10px">
        <myCard shadow="always">
          <div slot="head">
            <div style="font-size:18px">
              <!-- <span># {{ (itemIndex + 1) + ((queryParams.current - 1) * queryParams.size)}}</span> -->
              <span @click="handleItem(item)" class="cursor_pointer">{{ item.name }}</span>
            </div>
            <!-- <div v-if="!projectId && !show">
              <el-dropdown @command="handleCommand($event, item)" trigger="click">
                <span class="el-dropdown-link">
                  <i class="el-icon-more" style="font-size: 16px;"></i>
                </span>
                <el-dropdown-menu slot="dropdown" class="text-align_center">
                  <el-dropdown-item command="1">新增专利数据库</el-dropdown-item>
                  <el-dropdown-item>
                    <el-dropdown trigger="hover" placement="right-start">
                      <span class="el-dropdown-link"> 新增报告 </span>
                      <el-dropdown-menu class="children_item" v-if="dictMessage.REPORT_TYPE">
                        <el-dropdown-item
                          v-for="item1 in dictMessage.REPORT_TYPE.filter(item1 => !['6'].includes(item1.value))"
                          :key="item1.value" @click.native="handleAnalyse(item1.value, item)"
                          v-if="$permission('/pcs/report/add/' + item1.permission)">{{ item1.label }}</el-dropdown-item>
                      </el-dropdown-menu>
                    </el-dropdown>
                  </el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div> -->
          </div>
          <div>
            <el-form label-position="left" label-width="140px">
              <el-form-item label="报告数量："> {{ item.reportProjectNum || 0  }} </el-form-item>
              <el-form-item label="专利数据库数量：">{{ item.patentProjectNum || 0 }}</el-form-item>
              <el-form-item label="应用场景：">
                <myTooltip :content="$commonJS.getColumnData(item, {type:'Array',value:'scenarioNames'})">
                  <div class="noWrap" v-html="$commonJS.getColumnData(item, {type:'Array',value:'scenarioNames'})"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="发生时间：">
                <myTooltip :content="item.eventDate" >
                  <div v-html="$commonJS.getColumnData(item, {type:'String',value:'eventDate'})" class="noWrap"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="描述：">
                <myTooltip :content="item.description" >
                  <div v-html="$commonJS.getColumnData(item, {type:'String',value:'description'})" class="noWrap"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="创建人：">
                <myTooltip :content="item.createName" >
                  <div v-html="$commonJS.getColumnData(item, {type:'String',value:'createName'})" class="noWrap"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="创建时间：">
                <myTooltip :content="item.createTime" >
                  <div v-html="$commonJS.getColumnData(item, {type:'String',value:'createTime'})" class="noWrap"></div>
                </myTooltip>
              </el-form-item>
            </el-form>
          </div>
          <div slot="foot">
            <div class="btn">
              <i class="el-icon-edit" @click="handleClick(item)"></i>
              <i class="el-icon-delete" @click="handleCommand('10', item)"></i>
            </div>
          </div>
        </myCard>
      </el-col>
    </el-row>
  </div>
</template>
  
<script>
import mixins from '../mixins';
export default {
  components: {},
  props: {},
  mixins: [mixins],
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  created() { },
  mounted() { },
  methods: {},
};
</script>
<style lang="scss">
.eventCard{
  
}
</style>
<style lang="scss" scoped>
  .eventCard{
    .btn{
      margin: 0;
      i{
        color: var(--color2);
        font-size: 16px;
        margin-right:16px
      }
    }
  }
</style>