<!--
  @description: 用户管理
  @Modifier:qrf
  @routerPath:
  @date: 2020/5/23-15:41
-->
<template>
  <div>
    <!--标题-->
    <div class="title title_border p0-16">
      <i class="el-icon-s-home" />供应商用户列表
    </div>
    <div class="main p0-16">
      <div class="mb10 mt10">
        <el-button type="primary">
          新增用户
        </el-button>
      </div>
      <!--用户管理列表-->
      <div>
        <el-table
          v-loading="loading"
          :data="tableData"
          class="tableLimit"
          width="100%"
        >
          <el-table-column
            type="index"
            label="序号"
            width="60px"
            align="center"
          />
          <el-table-column
            header-align="center"
            label="姓名"
            prop="packNos"
            align="left"
            min-width="200"
          />
          <el-table-column
            label="用户名"
            header-align="center"
            prop="supplierName"
            min-width="230"
          />
          <el-table-column
            prop="submitQuestionTime"
            align="center"
            label="手机号"
            width="160"
          />
          <el-table-column
            label="联系邮箱"
            header-align="center"
            prop="questionDescribe"
            min-width="230"
          />
          <el-table-column
            label="授权委托书"
            header-align="center"
            prop="questionDescribe"
            min-width="230"
          />
          <el-table-column
            label="状态"
            prop="questionStatus"
            align="center"
            width="100"
          />
          <el-table-column
            label="创建日期"
            header-align="center"
            prop="replyNumber"
            width="60"
          />
          <el-table-column
            header-align="center"
            label="操作"
            align="right"
            width="120"
          >
            <template slot-scope="scope">
              <!--登录用户有权限则显示-->
              <el-link
                type="primary"
              >
                [编辑]
              </el-link>
              <el-link
                type="primary"
              >
                [禁用]
              </el-link>
            </template>
          </el-table-column>
        </el-table>
        <!--分页组件-->
        <pagination :pagination-data="paginationData" />
      </div>
    </div>
  </div>
</template>
<script>
/* 混合开发方法-参数字段*/
import { ListMixin } from '@/mixins/ListMixin'// 分页
export default {
  name: 'SupplierUserManageList',
  mixins: [ListMixin],
  data() {
    return {
      // loading: true,
      tableData: []
    }
  },
  methods: {
    // 获取数据
    // loadData() {
    //   const params = {
    //     tenderId: this.$store.getters.tenderBase.tenderId,
    //     pageNo: this.paginationData.pageNo,
    //     pageSize: this.paginationData.pageSize
    //   }
    //   getData(params).then(res => {
    //     this.loading = false
    //     this.tableData = res.data.records
    //   })
    // }
  }
}
</script>
