<template>
  <!-- 协议管理 新增、编辑 表单组件 -->
  <div>
    <TableModel
      :columnsList="columnsListNoticeAdd"
      ref="tableRef"
      :show-btn-crews="false"
      :show-right-tools="false"
      :request-api="queryAllPersonList"
      @transIdList="getIdList"
      :show-operation="false"
    >
    </TableModel>
    <div style="margin-top: 50px; display: flex; justify-content: right">
      <el-button type="primary" size="mini">添加</el-button>
    </div>
  </div>
</template>

<script>
import {
  queryAllPersonList
} from '@/api/purchase/arrival'
export default {
  name: 'TableNoticeAdd',
  props: {
    editParams: {
      type: Object,
      default: () => null,
    },
  },
  created() {

  },
  mounted() {

  },
  data() {
    return {
      columnsListNoticeAdd: [
        { t_props: 'userName', t_label: '人员名称', },
        { t_props: 'deptName', t_label: '所属机构' },
        { t_props: 'userRole', t_label: '角色', },
        { t_props: 'phone', t_label: '联系电话', t_width: '150px' },
      ]
    }
  },
  computed: {

  },
  methods: {
    queryAllPersonList,
    getIdList(idList) {
      console.log(idList)
    }
  },
}
</script>

<style scoped>
::v-deep .el-select {
  width: 100%;
}
::v-deep .el-form-item__label{
  font-weight: normal;
}
</style>
