vue 拖拽工作计划日历任务排期

可以使用第三方库来实现Vue拖拽工作计划日历任务排期，比如`vue-draggable` 。

以下是一个简单的示例：

1. 安装`vue-draggable`：

npm install vuedraggable --save

2. 在Vue组件中引入并注册`vue-draggable`组件：

<template>
  <div>
    <draggable v-model="tasks" :options="{group:{name:'tasks',pull:'clone'}}">
      <div v-for="(task, index) in tasks" :key="index" class="task">{{ task }}</div>
    </draggable>
    <div class="calendar">
      <!-- 日历组件 -->
    </div>
  </div>
</template>

<script>
import draggable from 'vuedraggable';

export default {
  components: {
    draggable,
  },
  data() {
    return {
      tasks: ['任务1', '任务2', '任务3', '任务4'], // 任务列表
    };
  },
};
</script>

3. 将`vue-draggable`与日历组件结合使用，实现拖拽任务到日历中排期的功能。

具体实现方式可以根据具体业务需求来设计。例如，可以在日历中创建任务卡片，将拖拽的任务添加到任务卡片中，并保存任务的时间等信息。