<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import { useGlobSetting } from '@jnpf/hooks';
|
import { ScrollContainer } from '@jnpf/ui';
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
const emit = defineEmits(['register', 'confirm']);
|
const userList = ref<any[]>([]);
|
const globSetting = useGlobSetting();
|
const apiUrl = ref(globSetting.apiURL);
|
const [registerModal, { closeModal }] = useModalInner(init);
|
|
function init(data) {
|
userList.value = data.userList || [];
|
}
|
function handleSelectUser(id) {
|
emit('confirm', id);
|
closeModal();
|
}
|
</script>
|
<template>
|
<BasicModal v-bind="$attrs" @register="registerModal" title="发起人员" :width="600" :footer="null" destroy-on-close class="jnpf-flow-user-list-modal">
|
<div class="flow-user-list">
|
<ScrollContainer>
|
<div class="user-item-main" v-for="item in userList" :key="item.id" @click="handleSelectUser(item.id)">
|
<a-avatar class="user-avatar" :size="40" :src="apiUrl + item.headIcon" />
|
<div class="user-text">
|
<p class="user-name">{{ item.fullName }}</p>
|
<p class="user-organize" :title="item.organize">{{ item.organize }}</p>
|
</div>
|
</div>
|
</ScrollContainer>
|
</div>
|
</BasicModal>
|
</template>
|
