<template>
    <div>
      <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>{{ item.name }}</span>
              </div>
            </div>
            <div>
              <el-form label-position="left" label-width="140px">
                
                <el-form-item label="研发项目名称："> 
                    <myTooltip :content="item.rdName" >
                        <div v-html="$commonJS.getColumnData(item, {type:'String',value:'rdName'})" class="noWrap"></div>
                    </myTooltip>
                </el-form-item>
                <el-form-item label="技术方向：">
                    <myTooltip :content="item.technicalDirection" >
                        <div v-html="$commonJS.getColumnData(item, {type:'String',value:'technicalDirection'})" class="noWrap"></div>
                    </myTooltip>
                </el-form-item>
                <el-form-item label="技术关键词：">
                  <myTooltip :content="$commonJS.getColumnData(item, {type:'String',value:'technicalKeyword'})">
                    <div class="noWrap" v-html="$commonJS.getColumnData(item, {type:'String',value:'technicalKeyword'})"></div>
                  </myTooltip>
                </el-form-item>
                <el-form-item label="委托方：">
                  <myTooltip :content="item.entrustName" >
                    <div v-html="$commonJS.getColumnData(item, {type:'String',value:'entrustName'})" class="noWrap"></div>
                  </myTooltip>
                </el-form-item>
                <el-form-item label="相关事件：">
                  <myTooltip :content="$commonJS.getColumnData(item, {type:'Array',value:'eventNames'})" >
                    <div v-html="$commonJS.getColumnData(item, {type:'Array',value:'eventNames'})" class="noWrap"></div>
                  </myTooltip>
                </el-form-item>
                <el-form-item label="负责人：">
                  <myTooltip :content="item.headName" >
                    <div v-html="$commonJS.getColumnData(item, {type:'String',value:'headName'})" class="noWrap"></div>
                  </myTooltip>
                </el-form-item>
                <el-form-item label="状态：">
                  <myTooltip :content="item.stateName" >
                    <div v-html="$commonJS.getColumnData(item, {type:'String',value:'stateName'})" 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="handleCommand('e', item)"></i>
                <i class="el-icon-delete" @click="handleCommand('1', 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">

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

  </style>