Sanakey
3 天以前 b5c1614fe473330ceca8b7cff0f1802e19bd5039
src/views/clues/components/Drawer.vue
@@ -1,8 +1,8 @@
<template>
  <BasicDrawer
    class="basic-drawer-1"
    class="clues-detail-drawer"
    v-bind="$attrs"
    title="Basic Drawer"
    title="线索详情"
    @register="registerDrawer"
    :maskClosable="false"
    :keyboard="false"
@@ -11,19 +11,19 @@
    <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>
@@ -31,7 +31,7 @@
        <Icon
          icon="ri:edit-line"
          class="mr-15px cursor-pointer"
          @click=""
          @click="handleEditCluesForm"
          :size="20"
        />
        <Icon
@@ -40,12 +40,26 @@
          @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"
@@ -64,7 +78,10 @@
<!--              <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>
@@ -83,7 +100,7 @@
  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']);
@@ -106,10 +123,33 @@
    // });
  });
  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>