shuiwu/src/system/moduleNormal/systemRemind/modules/selectPeople.vue

<template>
  <a-modal
    v-model:visible="modeVisible"
    class="custom-class"
    title="选择人员"
    placement="right"
    width="1000px"
    :closable="false"
    @close="visible=false"
    @ok="submit">
    <normalTable rowKey="userid" ref="list" size="small" :param="param" :columns="utils.TBLayout('staffTable')" @onSelect="onSelect">
      <template #tb_cell="{data}">
        {{ data.record[data.column.dataIndex] }}
      </template>
    </normalTable>
  </a-modal>
  <slot name="input"></slot>
</template>

<script setup>
import {ref, defineProps, defineEmits} from 'vue'
import utils from '@/utils/utils'
import normalTable from '@/template/normalTable/index.vue'
let modeVisible = ref(false)
let param = ref({
  "id": 20221031141102,
  "content": {
    "pageSize":20,
    "pageNumber":1,
    "where": {
      "condition": "",
    }
  }
})
let list = ref()
let emit = defineEmits(['selectPeople'])
let result = ref('')
let submit = () => {
  emit('selectPeople',result.value)
  modeVisible.value = false
}
let onSelect = (data) => {
  console.log(data);
  result.value = data
}
defineExpose({
  modeVisible,
  list,
  result
})

</script>

<style scoped>

</style>