<!--
  @description: 分包查看已邀请供应商列表详情
  @Modifier: haoFx
  @routerPath:
  @date: 2020/3/8-14:42
-->
<template>
  <div>
    <!--已选投标人列表-->
    <el-table
      ref="package"
      :data="selectedBidder"
    >
      <el-table-column
        label="序号"
        type="index"
        width="50"
        align="center"
      />
      <el-table-column
        header-align="center"
        label="标段（包）编号"
        align="center"
        prop="packNo"
      />
      <el-table-column
        header-align="center"
        label="标段（包）名称"
        prop="packName"
        align="center"
      />
      <el-table-column
        label=""
        align="center"
        width="250"
      >
        <template slot-scope="scope">
          <el-link
            :underline="false"
            type="primary"
            @click="viewSelectedSupplier(scope.row,scope.$index)"
          >
            [查看供应商]（{{ scope.row.supplierSize }}）
          </el-link>
        </template>
      </el-table-column>
    </el-table>
    <!--（分包）已挑选招标人弹框-->
    <packageSelectedSuppliersListDialog
      :dialog-data="selectSupplierListData"
    />
  </div>
</template>

<script>
import packageSelectedSuppliersListDialog from './packageSelectedSuppliersList-dialog'
import { packageAppendSupplierInvitation } from '../mixins/packageAppendSupplierInvitation'

export default {
  name: 'PackageSupplierInvitationDetail',
  components: {
    packageSelectedSuppliersListDialog
  },
  mixins: [packageAppendSupplierInvitation],
  methods: {
    // 查看已选供应商
    viewSelectedSupplier(row, index) {
      this.selectSupplierListData.isShowRemoveBtn = false
      this.selectSupplierListData.dialog = true// 查看状态
      this.selectSupplierListData.suppliersList = this.selectedBidder[index].suppliersList
    }
  }
}
</script>

<style scoped>

</style>
