swOperation/src/operation/moduleNormal/areaManage/modules/selectArea.vue

<template>
  <a-modal
    v-model:visible="modeVisible"
    class="custom-class"
    title="选择角色"
    placement="right"
    width="1000px"
    :closable="false"
    @close="visible=false"
    @ok="submit">
    <normalTable :filterMultiple="true" rowKey="w_areaid" ref="list" size="small" :param="param" :columns="utils.TBLayout('areaTable')" @onSelect="onSelect" @handleList="handleList">
      <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:20230608152602,content:{condition:''}})
let emit = defineEmits(['selectRoles'])
let result = ref('')
let submit = () => {
  emit('selectRoles',result.value)
  modeVisible.value = false
}
let onSelect = (data) => {
  console.log(data);
  result.value = data
}
let handleList = (data) => {
}
defineExpose({
  modeVisible,
})

</script>

<style scoped>

</style>