| | |
| | | <template> |
| | | <BasicDrawer |
| | | class="basic-drawer-1" |
| | | class="clues-detail-drawer" |
| | | v-bind="$attrs" |
| | | title="Basic Drawer" |
| | | title="线索详情" |
| | | @register="registerDrawer" |
| | | :maskClosable="false" |
| | | :keyboard="false" |
| | |
| | | <template #title> |
| | | <div class="text-right"> |
| | | <span> |
| | | <Tooltip title="已关注"> |
| | | <Tooltip v-if="isFollow" title="已关注"> |
| | | <Icon |
| | | icon="mingcute:heart-fill" |
| | | class="mr-15px cursor-pointer" |
| | | @click="" |
| | | class="mr-15px cursor-pointer c-red-5" |
| | | @click="handleCancelFollow" |
| | | :size="20" |
| | | /> |
| | | </Tooltip> |
| | | <Tooltip title="未关注"> |
| | | <Tooltip v-else title="未关注"> |
| | | <Icon |
| | | icon="mingcute:heart-line" |
| | | class="mr-15px cursor-pointer" |
| | | @click="" |
| | | @click="handleFollow" |
| | | :size="20" |
| | | /> |
| | | </Tooltip> |
| | |
| | | <Icon |
| | | icon="ri:edit-line" |
| | | class="mr-15px cursor-pointer" |
| | | @click="" |
| | | @click="handleEditCluesForm" |
| | | :size="20" |
| | | /> |
| | | <Icon |
| | |
| | | @click="" |
| | | :size="20" |
| | | /> |
| | | <Icon |
| | | icon="gg:add-r" |
| | | class="mr-15px cursor-pointer" |
| | | @click="" |
| | | :size="20" |
| | | /> |
| | | <a-dropdown :trigger="['click']"> |
| | | <Icon |
| | | icon="gg:add-r" |
| | | class="mr-15px cursor-pointer" |
| | | @click="" |
| | | :size="20" |
| | | /> |
| | | <template #overlay> |
| | | <a-menu> |
| | | <a-menu-item key="0" @click="handleNewSchedule"> |
| | | <span >新建日程</span> |
| | | </a-menu-item> |
| | | <a-menu-item key="1" > |
| | | <span>转化为客户</span> |
| | | </a-menu-item> |
| | | <!-- <a-menu-divider />--> |
| | | <a-menu-item key="2">转化为已有客户</a-menu-item> |
| | | </a-menu> |
| | | </template> |
| | | </a-dropdown> |
| | | <a-dropdown :trigger="['click']"> |
| | | <Icon |
| | | icon="ri:more-2-fill" |
| | |
| | | <!-- <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-popconfirm title="确定删除当前线索吗?" placement="top" @confirm="handleDeleteClues" ok-text="确定" cancel-text="取消"> |
| | | <a-menu-item key="4">删除</a-menu-item> |
| | | </a-popconfirm> |
| | | |
| | | </a-menu> |
| | | </template> |
| | | </a-dropdown> |
| | |
| | | import {Tooltip} from "ant-design-vue"; |
| | | import Content from "./drawer/index.vue"; |
| | | import EventBus from "@/utils/eventBus"; |
| | | import {reactive, defineEmits} from 'vue'; |
| | | import {reactive, defineEmits, ref} from 'vue'; |
| | | |
| | | const emit = defineEmits(['success', 'register']); |
| | | |
| | |
| | | // }); |
| | | }); |
| | | |
| | | function handleEditCluesForm() { |
| | | Logger.log('点击了编辑表单', currentClues); |
| | | EventBus.emit('openCluesFormDrawer', currentClues); |
| | | } |
| | | function handleReallocate() { |
| | | Logger.log('点击了重新分配', currentClues); |
| | | EventBus.emit('openReallocateModal', currentClues); |
| | | } |
| | | function handleDeleteClues() { |
| | | Logger.log('点击了删除线索', currentClues); |
| | | } |
| | | |
| | | function handleNewSchedule() { |
| | | Logger.log('点击了新建日程', currentClues); |
| | | EventBus.emit('openScheduleModal',{ |
| | | title:'新建日程12', |
| | | }); |
| | | } |
| | | |
| | | const isFollow = ref(false); |
| | | function handleFollow() { |
| | | Logger.log('关注'); |
| | | isFollow.value = true; |
| | | } |
| | | function handleCancelFollow() { |
| | | Logger.log('取消关注'); |
| | | isFollow.value = false; |
| | | } |
| | | |
| | | </script> |