<template>
|
<BasicDrawer
|
v-bind="$attrs"
|
title="Basic Drawer"
|
@register="registerDrawer"
|
:maskClosable="false"
|
:keyboard="false"
|
width="550px"
|
>
|
<template #title>
|
<div class="text-right">
|
<span>
|
<Tooltip title="已关注">
|
<Icon
|
icon="mingcute:heart-fill"
|
class="mr-15px cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
</Tooltip>
|
<Tooltip title="未关注">
|
<Icon
|
icon="mingcute:heart-line"
|
class="mr-15px cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
</Tooltip>
|
</span>
|
<Icon
|
icon="ri:edit-line"
|
class="mr-15px cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
<Icon
|
icon="mdi:email-outline"
|
class="mr-15px cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
<Icon
|
icon="gg:add-r"
|
class="mr-15px cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
<a-dropdown :trigger="['click']">
|
<Icon
|
icon="ri:more-2-fill"
|
class="cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
<template #overlay>
|
<a-menu>
|
<a-menu-item key="0">
|
<span >转移</span>
|
</a-menu-item>
|
<a-menu-item key="1" @click="handleReallocate">
|
<span>重新分配</span>
|
</a-menu-item>
|
<!-- <a-menu-divider />-->
|
<a-menu-item key="2">合并线索</a-menu-item>
|
<a-menu-item key="3">无效</a-menu-item>
|
<a-menu-item key="4">删除</a-menu-item>
|
</a-menu>
|
</template>
|
</a-dropdown>
|
</div>
|
|
</template>
|
<Content></Content>
|
<!-- <BasicForm @register="registerForm"></BasicForm>-->
|
</BasicDrawer>
|
</template>
|
<script lang="ts" setup>
|
// import { useForm } from '@/components/Form';
|
// import { formSchema } from './drawerData';
|
import {BasicDrawer, useDrawerInner} from '@/components/Drawer';
|
import Icon from "@/components/Icon/Icon.vue";
|
import {Tooltip} from "ant-design-vue";
|
import Content from "./drawer/index.vue";
|
import EventBus from "@/utils/eventBus";
|
import {reactive, defineEmits} from 'vue';
|
|
const emit = defineEmits(['success', 'register']);
|
|
// const [registerForm, { setFieldsValue, }] = useForm({
|
// labelWidth: 90,
|
// baseColProps: { span: 24 },
|
// schemas: formSchema,
|
// showActionButtonGroup: false,
|
// });
|
|
// const [registerDrawer] = useDrawer();
|
let currentClues = reactive({});
|
const [registerDrawer] = useDrawerInner((data) => {
|
Logger.log('Drawer 注册回调', data);
|
currentClues = data.clue;
|
// // 方式1
|
// setFieldsValue({
|
// field2: data.data,
|
// field1: data.info,
|
// });
|
});
|
|
function handleReallocate() {
|
Logger.log('点击了重新分配', currentClues);
|
EventBus.emit('openReallocateModal', currentClues);
|
}
|
|
|
</script>
|