<!--
  Description: 新增作业人员列表
  Author: 李亚光
  Date: 2023-04-24
 -->
<script lang="ts" setup name="addOperatives">
// 表格被选中的行
const selectList = ref<any[]>([])
// 表格多选
const multiSelect = (row: any[]) => {
  selectList.value = row
}
</script>

<template>
  <table-container title="新增作业人员">
    <template #btns-right>
      <el-button type="primary">新增</el-button>
      <el-button type="info">删除</el-button>
    </template>
    <!-- 查询结果Table显示 -->
    <normal-table :data="[{}]" :columns="[]" :pagination="false" :is-showmulti-select="true" :is-multi="true"
      @multi-select="multiSelect">
      <template #columns>
        <el-table-column label="姓名" align="center">
        </el-table-column>
        <el-table-column label="联系方式" align="center">
        </el-table-column>
        <el-table-column label="所属部门" align="center">
        </el-table-column>
        <el-table-column label="挂载安全帽编号" align="center">
        </el-table-column>
        <el-table-column label="挂载背心编号" align="center">
        </el-table-column>
        <el-table-column label="挂载手环编号" align="center">
        </el-table-column>
        <el-table-column label="操作" align="center">
          <template #default="scope">
            <el-button link type="primary" size="small" @click="detail(scope.row)">
              编辑
            </el-button>
          </template>
        </el-table-column>
      </template>
    </normal-table>
  </table-container>
</template>

<style lang="scss" scoped>
::v-deep {
  .title-left {
    font-size: 16px;
    font-weight: 700;
  }

  .button-area {
    background-color: #ccc;
    padding: 10px 10px;
    margin-bottom: 0 !important;
  }

}
</style>