<template>
|
<BasicDrawer
|
v-bind="$attrs"
|
title="Basic Drawer"
|
@register="registerDrawer"
|
:maskClosable="false"
|
:keyboard="false"
|
width="500px"
|
>
|
<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"
|
/>
|
<Icon
|
icon="ri:more-2-fill"
|
class="cursor-pointer"
|
@click=""
|
:size="20"
|
/>
|
</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";
|
|
const emit = defineEmits(['success', 'register']);
|
|
// const [registerForm, { setFieldsValue, }] = useForm({
|
// labelWidth: 90,
|
// baseColProps: { span: 24 },
|
// schemas: formSchema,
|
// showActionButtonGroup: false,
|
// });
|
|
// const [registerDrawer] = useDrawer();
|
|
const [registerDrawer] = useDrawerInner((data) => {
|
// // 方式1
|
// setFieldsValue({
|
// field2: data.data,
|
// field1: data.info,
|
// });
|
});
|
|
// function handleRowClick(e) {
|
// Logger.log('handleRowClick',e)
|
// openDrawer(true, {
|
// isUpdate: false,
|
// });
|
// }
|
|
|
</script>
|