<template>
  <div>
    <el-table
        :header-cell-style="{background:'#EEEEEE',color:'#333'}"
        :data="tableData"
        stripe
        size="mini"
        style="width: 100%"
        border>
      <el-table-column
          prop="partiestype"
          label="客户对象">
        <template slot-scope="scope">
          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
            {{item.partiestype}}
          </div>
        </template>
      </el-table-column>
      <el-table-column
          prop="enterprisename"
          label="项目阶段">
        <template slot-scope="scope">
          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
            {{item.stagename}}
          </div>
        </template>
      </el-table-column>
      <el-table-column
          prop="enterprisename"
          label="分值">
        <template slot-scope="scope">
          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
            {{item.score}}
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "associatedObjects",
  props:["data"],
  data(){
    return {
      tableData:[]
    }
  },
  mounted() {
    console.log(this.data,"关联对象数据")
    if (this.data.partiestype.length === 0 && this.data.stage.length === 0){
      this.tableData = []
    }else {
      this.tableData = this.data.projtaskmag_options
      console.log(this.tableData,"关联对象")
    }

  }
}
</script>

<style scoped>

</style>