<!--
  @description: 驱动-投标-标书获取-报名列表
  @Modifier: 张慢慢
  @routerPath:
  @date: 2021-07-08-15:30
-->
<template>
  <div class="mb10">
    <el-collapse v-model="activeNames" class="tenderApply_collapse">
      <el-collapse-item name="1">
        <template slot="title">
          <div class="tenderApply">
            报名列表
            <!-- <p class="projectInfoDetail_icon">
              <i class="iconfont icon-biaoduanbaoxinxi" />
            </p> -->
          </div>
        </template>
        <el-table
          ref="smallTable"
          v-loading="loading"
          :data="tableData"
        >
          <el-table-column
            type="index"
            label="序号"
            align="center"
            width="60"
          />

          <el-table-column
            header-align="center"
            prop="supplierName"
            label="供应商名称"
            min-width="200"
          />
          <el-table-column
            header-align="center"
            label="联系人"
            prop="linker"
            align="left"
            min-width="100"
          />
          <el-table-column
            header-align="center"
            label="联系电话"
            prop="linkerTel"
            align="left"
            min-width="110"
          />
          <el-table-column
            header-align="center"
            label="报名时间"
            prop="createTime"
            align="center"
            min-width="150"
          />
          <el-table-column
            header-align="center"
            label="报名审核状态"
            prop=""
            align="center"
            min-width="130"
          >
            <template slot-scope="scope">
              {{ filterDictText(signupAuditList,scope.row.signupAuditStatus) }}
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            label="报名方式"
            prop=""
            align="left"
            min-width="110"
          >
            <template slot-scope="scope">
              {{ filterDictText(sourceTypelist,scope.row.sourceType) }}
            </template>
          </el-table-column>
          <el-table-column
            header-align="center"
            label="审核人"
            prop="auditUserRealName"
            align="center"
            min-width="110"
          />
          <el-table-column label="操作" align="center" width="80">
            <template slot-scope="scope">
              <el-link
                type="primary"
                @click="lookDetail(scope.row)"
              >
                [查看]
              </el-link>
            </template>
          </el-table-column>
        </el-table>
      </el-collapse-item>
    </el-collapse>
    <tenderApplyDialog ref="tenderApplyDialog" />
  </div>
</template>

<script>
/* 接口*/
import { getSignupList } from '@/api/bidding/biddocfee'// 获取信息
/* 组件 */
import tenderApplyDialog from './tenderApply-dialog' // 查看详情弹框
/* 公共方法 */
import { tenderBidGroupMixin } from '../mixins/tenderBidGroupMixin' // 字典
import { filterDictText } from '@/assets/js/utils'
export default {
  name: 'TenderApplyList',
  components: {
    tenderApplyDialog
  },
  mixins: [tenderBidGroupMixin],
  props: {
    // 轮次id
    stageId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      loading: false,
      tableData: [], // 表格
      activeNames: ''
    }
  },
  created() {
    this.initData()
  },
  methods: {
    filterDictText,
    // 查询报名列表信息
    initData() {
      const data = {
        stageId: this.stageId
      }
      getSignupList(data).then(response => {
        this.tableData = response.data.records
      }).catch(() => {
      })
    },
    // 查看详情
    lookDetail(row) {
      this.$refs.tenderApplyDialog.open(row)
    }
  }
}
</script>

<style lang="less" scoped>
  /deep/.tenderApply_collapse{
    .el-collapse-item__arrow{
      margin:0!important;
      margin-left: -84px!important;
    }
  }
  .el-collapse{
    border: 1px solid #dcdfe6;
    .el-table--border{
      border-left: none;
      border-right: none;
    }
  }
  .tenderApply{
    padding-left:44px;
    font-size: 14px;
    font-weight: bold;
    // border-bottom: 1px solid #027BD0;
  }
  .projectInfoDetail_icon {
    border-radius: 50%;
    height: 50px;
    width: 26px;
    float: left;
    margin-right: 10px;
    margin-left: 8px;
    text-align: center;
    color: #027BD0;
    i {
     font-size: 26px;
    }
  }
</style>
