<!--
  @description: 新版招标公告-标书费、保证金列表弹框
  @Modifier: 张慢慢
  @routerPath:
  @date: 2021/06/15-10:38
-->
<template>
  <div>
    <el-dialog
      v-dialogDrag
      :visible.sync="dialog.dialogVisible"
      :close-on-click-modal="false"
      append-to-body
      :title="title"
      width="840px"
      custom-class="el-dialog__body-p8 el-dialog_table"
    >
      <!--查询列表-->
      <section>
        <el-table
          ref="multipleTable"
          :data="tableList"
          size="mini"
        >
          <el-table-column type="index" label="序号" width="60" align="center" />
          <el-table-column header-align="center" width="200px" label="标段编号" prop="packNo" align="center" />
          <el-table-column header-align="center" label="标段名称" prop="packName" />
          <el-table-column v-if="dialog.type === '01'" header-align="center" width="220px" prop="documentPrice" :label="dict.documentPriceTitle">
            <template slot-scope="scope">
              {{ scope.row.documentPrice }}
            </template>
          </el-table-column>
          <el-table-column v-if="dialog.type === '02'" header-align="center" width="220px" label="保证金（元）" prop="bailPrice">
            <template slot-scope="scope">
              {{ scope.row.bailPrice }}
            </template>
          </el-table-column>
        </el-table>
      </section>
    </el-dialog>
  </div>
</template>

<script>
/* 混合开发方法-参数字段*/
import { tenderBulletinInitGroupMixin } from './../mixins/tenderBulletinInitGroupMixin'// 字典信息
export default {
  name: 'NewTenderBulltinListDialog',
  components: {
  },
  mixins: [tenderBulletinInitGroupMixin],
  props: {
    dialogData: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      dialog: {
        dialogVisible: false,
        type: '' // 01标书费，02保证金
      },
      title: '', // 弹框标题
      tableList: [] // 列表数据
    }
  },
  watch: {
  },
  methods: {
    // 打开弹框
    open(data) {
      // 标题设置
      if (data.type === '01') {
        this.title = '标书费列表'
      } else if (data.type === '02') {
        this.title = '保证金列表'
      }
      this.dialog.type = data.type // 列表类型 01标书费 02保证金
      this.tableList = data.list // 列表
      this.dialog.dialogVisible = true
    }
  }
}
</script>

<style lang="less" scoped>

</style>

