econtrol-tools-calendar 1.0.0

package/dist/calendar.js

@@ -0,0 +1,1599 @@
+import { defineComponent, ref, computed, watch, reactive, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, toDisplayString, createBlock, withCtx, createTextVNode, unref, nextTick } from "vue";
+import FullCalendar from "@fullcalendar/vue3";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import listPlugin from "@fullcalendar/list";
+import interactionPlugin from "@fullcalendar/interaction";
+import { ElMessage } from "element-plus";
+import { User, Clock, Calendar, Monitor, Document } from "@element-plus/icons-vue";
+var l77 = {
+  code: "zh-cn",
+  week: {
+    // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
+    dow: 1,
+    doy: 4
+    // The week that contains Jan 4th is the first week of the year.
+  },
+  buttonText: {
+    prev: "上月",
+    next: "下月",
+    today: "今天",
+    year: "年",
+    month: "月",
+    week: "周",
+    day: "日",
+    list: "日程"
+  },
+  weekText: "周",
+  allDayText: "全天",
+  moreLinkText(n) {
+    return "另外 " + n + " 个";
+  },
+  noEventsText: "没有事件显示"
+};
+const _hoisted_1 = { class: "fullcalendar-demo" };
+const _hoisted_2 = { class: "demo-header" };
+const _hoisted_3 = {
+  key: 0,
+  class: "device-info"
+};
+const _hoisted_4 = { class: "event-detail" };
+const _hoisted_5 = { class: "detail-header" };
+const _hoisted_6 = { class: "detail-title" };
+const _hoisted_7 = { class: "detail-body" };
+const _hoisted_8 = { class: "detail-item" };
+const _hoisted_9 = { class: "detail-label" };
+const _hoisted_10 = { class: "detail-value" };
+const _hoisted_11 = { class: "detail-item" };
+const _hoisted_12 = { class: "detail-label" };
+const _hoisted_13 = { class: "detail-value" };
+const _hoisted_14 = {
+  key: 0,
+  class: "detail-item"
+};
+const _hoisted_15 = { class: "detail-label" };
+const _hoisted_16 = { class: "detail-value" };
+const _hoisted_17 = {
+  key: 1,
+  class: "detail-item"
+};
+const _hoisted_18 = { class: "detail-label" };
+const _hoisted_19 = { class: "detail-value" };
+const _hoisted_20 = {
+  key: 2,
+  class: "detail-item"
+};
+const _hoisted_21 = { class: "detail-label" };
+const _hoisted_22 = { class: "detail-value" };
+const _hoisted_23 = {
+  key: 3,
+  class: "detail-item"
+};
+const _hoisted_24 = { class: "detail-label" };
+const _hoisted_25 = { class: "detail-value description-text" };
+const _hoisted_26 = { class: "event-content" };
+const _hoisted_27 = { class: "event-time" };
+const _hoisted_28 = { class: "event-title" };
+const _hoisted_29 = {
+  key: 0,
+  class: "device-detail-content"
+};
+const _hoisted_30 = {
+  key: 1,
+  class: "device-detail-loading"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FullCalendarDemo",
+  props: {
+    isOccupied: { type: Boolean, default: false },
+    allowOverlap: { type: Boolean, default: true },
+    userid: { default: "" },
+    deviceId: { default: "" },
+    deviceInfo: { default: null },
+    taskid: { default: "" },
+    quickAddTimeRange: { default: null },
+    quickAddTaskName: { default: "" },
+    holidays: { default: null },
+    events: { default: () => [] }
+  },
+  emits: ["quickAddSaved", "eventAdded", "eventUpdated", "eventDeleted", "eventsChange"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const dialogVisible = ref(false);
+    const editingEvent = ref(null);
+    const deviceDialogVisible = ref(false);
+    const deviceInfo = computed(() => {
+      if (props.deviceInfo) {
+        return props.deviceInfo;
+      }
+      if (props.deviceId) {
+        return {
+          id: props.deviceId,
+          name: props.deviceId
+        };
+      }
+      return null;
+    });
+    const currentUser = ref("张三");
+    const myEventColor = { bg: "#000000", border: "#000000", name: "黑色" };
+    const taskColor = { bg: "#FF0000", border: "#FF0000", name: "红色" };
+    const eventColors = [
+      { bg: "#4A90E2", border: "#4A90E2", name: "蓝色" },
+      // 中等蓝色
+      { bg: "#50C878", border: "#50C878", name: "绿色" },
+      // 中等绿色
+      { bg: "#FFA500", border: "#FFA500", name: "橙色" },
+      // 中等橙色
+      { bg: "#9370DB", border: "#9370DB", name: "紫色" },
+      // 中等紫色
+      { bg: "#20B2AA", border: "#20B2AA", name: "青色" },
+      // 中等青色
+      { bg: "#FF69B4", border: "#FF69B4", name: "粉色" },
+      // 中等粉色
+      { bg: "#4169E1", border: "#4169E1", name: "靛蓝" },
+      // 中等靛蓝色
+      { bg: "#00CED1", border: "#00CED1", name: "青绿" },
+      // 中等青绿色
+      { bg: "#FF8C00", border: "#FF8C00", name: "深橙" },
+      // 中等深橙色
+      { bg: "#FFD700", border: "#FFD700", name: "金色" },
+      // 中等金色
+      { bg: "#DA70D6", border: "#DA70D6", name: "粉紫" },
+      // 中等粉紫色
+      { bg: "#8A2BE2", border: "#8A2BE2", name: "蓝紫" },
+      // 中等蓝紫色
+      { bg: "#00FA9A", border: "#00FA9A", name: "春绿" },
+      // 中等春绿色
+      { bg: "#FF7F50", border: "#FF7F50", name: "珊瑚" },
+      // 中等珊瑚色
+      { bg: "#40E0D0", border: "#40E0D0", name: "青蓝" },
+      // 中等青蓝色
+      { bg: "#FFD700", border: "#FFD700", name: "黄色" },
+      // 中等黄色
+      { bg: "#1E90FF", border: "#1E90FF", name: "天蓝" },
+      // 中等天蓝色
+      { bg: "#32CD32", border: "#32CD32", name: "草绿" },
+      // 中等草绿色
+      { bg: "#BA55D3", border: "#BA55D3", name: "中紫" },
+      // 中等紫色
+      { bg: "#00CED1", border: "#00CED1", name: "青绿2" },
+      // 中等青绿色
+      { bg: "#87CEFA", border: "#87CEFA", name: "浅蓝" },
+      // 中等浅蓝色
+      { bg: "#FFA07A", border: "#FFA07A", name: "浅橙" },
+      // 中等浅橙色
+      { bg: "#48D1CC", border: "#48D1CC", name: "中青" },
+      // 中等青色
+      { bg: "#7B68EE", border: "#7B68EE", name: "中蓝紫" },
+      // 中等蓝紫色
+      { bg: "#00CED1", border: "#00CED1", name: "青绿3" },
+      // 中等青绿色
+      { bg: "#6495ED", border: "#6495ED", name: "矢车菊" },
+      // 中等矢车菊蓝
+      { bg: "#FF6347", border: "#FF6347", name: "番茄" },
+      // 中等番茄色（避开红色）
+      { bg: "#4682B4", border: "#4682B4", name: "钢蓝" },
+      // 中等钢蓝色
+      { bg: "#9ACD32", border: "#9ACD32", name: "黄绿" },
+      // 中等黄绿色
+      { bg: "#5F9EA0", border: "#5F9EA0", name: "青灰" }
+      // 中等青灰色
+    ];
+    function isEventEditable(event) {
+      var _a;
+      if (!props.userid) {
+        return true;
+      }
+      const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
+      return eventOrganizer === props.userid;
+    }
+    const events = ref([...props.events]);
+    watch(
+      () => props.events,
+      (newEvents) => {
+        events.value = [...newEvents || []];
+      },
+      { deep: true, immediate: true }
+    );
+    const editableEvents = computed(() => {
+      return events.value.map((event) => {
+        var _a;
+        const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
+        let editable = !props.userid || eventOrganizer === props.userid;
+        let eventStart = "";
+        if (typeof event.start === "string") {
+          eventStart = event.start;
+        } else if (event.start instanceof Date) {
+          eventStart = event.start.toISOString();
+        } else if (event.start) {
+          eventStart = new Date(event.start).toISOString();
+        }
+        if (eventStart && isPastDateTime(eventStart)) {
+          editable = false;
+        }
+        let backgroundColor = event.backgroundColor;
+        let borderColor = event.borderColor;
+        if (!props.taskid) {
+          backgroundColor = myEventColor.bg;
+          borderColor = myEventColor.border;
+        } else if (event.id === props.taskid) {
+          backgroundColor = taskColor.bg;
+          borderColor = taskColor.border;
+        } else {
+          const colorIndex = getTaskColorIndex(event.id);
+          backgroundColor = eventColors[colorIndex].bg;
+          borderColor = eventColors[colorIndex].border;
+        }
+        return {
+          ...event,
+          editable,
+          backgroundColor,
+          borderColor
+        };
+      });
+    });
+    const formData = reactive({
+      title: "",
+      start: "",
+      end: "",
+      allDay: false,
+      description: "",
+      organizer: "",
+      taskid: "",
+      deviceId: "",
+      userid: ""
+    });
+    function isPastDateTime(dateStr) {
+      if (!dateStr) return false;
+      const selectedDate = new Date(dateStr);
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(0, 0, 0, 0);
+      const selectedDateStart = new Date(selectedDate);
+      selectedDateStart.setHours(0, 0, 0, 0);
+      return selectedDateStart < today;
+    }
+    function disabledPastDate(time) {
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(0, 0, 0, 0);
+      return time.getTime() < today.getTime();
+    }
+    function handleDateSelect(selectInfo) {
+      if (props.isOccupied) {
+        ElMessage.warning("当前处于占用状态，无法新增事件");
+        return;
+      }
+      if (isPastDateTime(selectInfo.startStr)) {
+        ElMessage.warning("不能选择今天之前的时间进行预约");
+        return;
+      }
+      let startStr = selectInfo.startStr;
+      let endStr = selectInfo.endStr;
+      if (!startStr && selectInfo.start) {
+        startStr = selectInfo.start.toISOString();
+      }
+      if (!endStr && selectInfo.end) {
+        endStr = selectInfo.end.toISOString();
+      }
+      let formattedStart = "";
+      let formattedEnd = "";
+      if (selectInfo.start) {
+        const startDate = selectInfo.start instanceof Date ? selectInfo.start : new Date(selectInfo.start);
+        if (!isNaN(startDate.getTime())) {
+          const isoStr = startDate.toISOString();
+          formattedStart = formatFromISO(isoStr, true);
+          const dateMatch = formattedStart.match(/^(\d{4}-\d{2}-\d{2})/);
+          if (dateMatch) {
+            formattedStart = dateMatch[1] + " 00:00:00";
+          }
+        } else if (startStr) {
+          formattedStart = formatFromISO(startStr, true);
+          if (formattedStart && formattedStart.match(/^\d{4}-\d{2}-\d{2}$/)) {
+            formattedStart = formattedStart + " 00:00:00";
+          } else if (formattedStart && formattedStart.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/)) {
+            formattedStart = formattedStart + ":00";
+          } else if (formattedStart && !formattedStart.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/)) {
+            const dateMatch = formattedStart.match(/^(\d{4}-\d{2}-\d{2})/);
+            if (dateMatch) {
+              formattedStart = dateMatch[1] + " 00:00:00";
+            }
+          }
+        }
+      } else if (startStr) {
+        formattedStart = formatFromISO(startStr, true);
+        if (formattedStart && formattedStart.match(/^\d{4}-\d{2}-\d{2}$/)) {
+          formattedStart = formattedStart + " 00:00:00";
+        } else if (formattedStart && formattedStart.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/)) {
+          formattedStart = formattedStart + ":00";
+        } else if (formattedStart && !formattedStart.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/)) {
+          const dateMatch = formattedStart.match(/^(\d{4}-\d{2}-\d{2})/);
+          if (dateMatch) {
+            formattedStart = dateMatch[1] + " 00:00:00";
+          }
+        }
+      }
+      if (selectInfo.end) {
+        const endDate = selectInfo.end instanceof Date ? selectInfo.end : new Date(selectInfo.end);
+        if (!isNaN(endDate.getTime())) {
+          const isoStr = endDate.toISOString();
+          formattedEnd = formatFromISO(isoStr, true);
+          const dateMatch = formattedEnd.match(/^(\d{4}-\d{2}-\d{2})/);
+          if (dateMatch) {
+            formattedEnd = dateMatch[1] + " 00:00:00";
+          }
+        } else if (endStr) {
+          formattedEnd = formatFromISO(endStr, true);
+          if (formattedEnd && formattedEnd.match(/^\d{4}-\d{2}-\d{2}$/)) {
+            formattedEnd = formattedEnd + " 00:00:00";
+          } else if (formattedEnd && formattedEnd.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/)) {
+            formattedEnd = formattedEnd + ":00";
+          } else if (formattedEnd && !formattedEnd.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/)) {
+            const dateMatch = formattedEnd.match(/^(\d{4}-\d{2}-\d{2})/);
+            if (dateMatch) {
+              formattedEnd = dateMatch[1] + " 00:00:00";
+            }
+          }
+        }
+      } else if (endStr) {
+        formattedEnd = formatFromISO(endStr, true);
+        if (formattedEnd && formattedEnd.match(/^\d{4}-\d{2}-\d{2}$/)) {
+          formattedEnd = formattedEnd + " 00:00:00";
+        } else if (formattedEnd && formattedEnd.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/)) {
+          formattedEnd = formattedEnd + ":00";
+        } else if (formattedEnd && !formattedEnd.match(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/)) {
+          const dateMatch = formattedEnd.match(/^(\d{4}-\d{2}-\d{2})/);
+          if (dateMatch) {
+            formattedEnd = dateMatch[1] + " 00:00:00";
+          }
+        }
+      }
+      formData.title = "";
+      formData.description = "";
+      formData.allDay = false;
+      formData.organizer = currentUser.value;
+      if (props.taskid) {
+        formData.taskid = props.taskid;
+      } else {
+        formData.taskid = "";
+      }
+      formData.deviceId = props.deviceId || "";
+      formData.userid = props.userid || "";
+      formData.start = formattedStart;
+      formData.end = formattedEnd;
+      editingEvent.value = null;
+      dialogVisible.value = true;
+      nextTick(() => {
+        if (formattedStart && !formData.start) {
+          formData.start = formattedStart;
+        }
+        if (formattedEnd && !formData.end) {
+          formData.end = formattedEnd;
+        }
+      });
+    }
+    function handleEventClick(clickInfo) {
+      var _a, _b;
+      if (!isEventEditable(clickInfo.event)) {
+        ElMessage.warning("您没有权限编辑此事件");
+        return;
+      }
+      const eventStartStr = ((_a = clickInfo.event.start) == null ? void 0 : _a.toISOString()) || "";
+      if (isPastDateTime(eventStartStr)) {
+        ElMessage.warning("今天之前的事件不能修改");
+        return;
+      }
+      editingEvent.value = clickInfo.event;
+      const eventProps = clickInfo.event.extendedProps;
+      formData.title = clickInfo.event.title;
+      formData.start = formatFromISO(eventStartStr);
+      formData.end = formatFromISO(((_b = clickInfo.event.end) == null ? void 0 : _b.toISOString()) || "");
+      formData.allDay = false;
+      formData.description = eventProps.description || "";
+      formData.organizer = eventProps.organizer || currentUser.value;
+      if (props.taskid) {
+        formData.taskid = props.taskid;
+      } else {
+        formData.taskid = "";
+      }
+      formData.deviceId = props.deviceId || "";
+      formData.userid = props.userid || "";
+      dialogVisible.value = true;
+    }
+    function handleEventDrop(dropInfo) {
+      if (!isEventEditable(dropInfo.event)) {
+        dropInfo.revert();
+        ElMessage.warning("您没有权限修改此事件");
+        return;
+      }
+      const newStart = dropInfo.event.start ? dropInfo.event.start instanceof Date ? dropInfo.event.start.toISOString() : typeof dropInfo.event.start === "string" ? dropInfo.event.start : "" : "";
+      const newEnd = dropInfo.event.end ? dropInfo.event.end instanceof Date ? dropInfo.event.end.toISOString() : typeof dropInfo.event.end === "string" ? dropInfo.event.end : void 0 : void 0;
+      const eventId = dropInfo.event.id;
+      if (isPastDateTime(newStart)) {
+        dropInfo.revert();
+        ElMessage.warning("不能将事件移动到今天之前的时间");
+        return;
+      }
+      if (!props.allowOverlap) {
+        if (checkTimeConflict(newStart, newEnd, eventId)) {
+          dropInfo.revert();
+          ElMessage.error("该时间段与其他事件冲突，无法移动到此位置");
+          return;
+        }
+      }
+      editingEvent.value = dropInfo.event;
+      const eventProps = dropInfo.event.extendedProps;
+      formData.title = dropInfo.event.title || "";
+      if (newStart) {
+        formData.start = formatFromISO(newStart);
+      } else {
+        formData.start = "";
+      }
+      if (newEnd) {
+        formData.end = formatFromISO(newEnd);
+      } else {
+        formData.end = "";
+      }
+      formData.allDay = false;
+      formData.description = (eventProps == null ? void 0 : eventProps.description) || "";
+      formData.organizer = (eventProps == null ? void 0 : eventProps.organizer) || currentUser.value;
+      if (props.taskid) {
+        formData.taskid = props.taskid;
+      } else {
+        formData.taskid = "";
+      }
+      formData.deviceId = props.deviceId || "";
+      formData.userid = props.userid || "";
+      dialogVisible.value = true;
+    }
+    function truncateTitle(title, maxLength) {
+      if (!title) return "";
+      if (title.length <= maxLength) return title;
+      return title.substring(0, maxLength) + "...";
+    }
+    function isMyEvent(event) {
+      var _a;
+      const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
+      return !props.userid || eventOrganizer === props.userid;
+    }
+    function getTaskColorIndex(taskId) {
+      if (!taskId) return 0;
+      let hash = 0;
+      for (let i = 0; i < taskId.length; i++) {
+        hash = (hash << 5) - hash + taskId.charCodeAt(i);
+        hash = hash & hash;
+      }
+      return Math.abs(hash) % eventColors.length;
+    }
+    function formatEventDateTime(date) {
+      if (!date) return "-";
+      let dateObj;
+      if (date instanceof Date) {
+        dateObj = date;
+      } else if (typeof date === "string") {
+        dateObj = new Date(date);
+      } else {
+        dateObj = new Date(date);
+      }
+      const year = dateObj.getFullYear();
+      const month = String(dateObj.getMonth() + 1).padStart(2, "0");
+      const day = String(dateObj.getDate()).padStart(2, "0");
+      const hours = String(dateObj.getHours()).padStart(2, "0");
+      const minutes = String(dateObj.getMinutes()).padStart(2, "0");
+      const seconds = String(dateObj.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    }
+    function handleEventResize(resizeInfo) {
+      var _a, _b, _c, _d, _e;
+      if (!isEventEditable(resizeInfo.event)) {
+        resizeInfo.revert();
+        ElMessage.warning("您没有权限修改此事件");
+        return;
+      }
+      const newStart = ((_a = resizeInfo.event.start) == null ? void 0 : _a.toISOString()) || "";
+      const newEnd = ((_b = resizeInfo.event.end) == null ? void 0 : _b.toISOString()) || void 0;
+      const eventId = resizeInfo.event.id;
+      if (isPastDateTime(newStart)) {
+        resizeInfo.revert();
+        ElMessage.warning("不能将事件调整到今天之前的时间");
+        return;
+      }
+      if (!props.allowOverlap) {
+        if (checkTimeConflict(newStart, newEnd, eventId)) {
+          resizeInfo.revert();
+          ElMessage.error("该时间段与其他事件冲突，无法调整到此时间");
+          return;
+        }
+      }
+      const eventOrganizer = ((_c = resizeInfo.event.extendedProps) == null ? void 0 : _c.organizer) || currentUser.value;
+      const eventTaskId = (_d = resizeInfo.event.extendedProps) == null ? void 0 : _d.taskid;
+      const colorInfo = assignEventColor(
+        formatFromISO(newStart),
+        newEnd ? formatFromISO(newEnd) : void 0,
+        eventId,
+        eventOrganizer,
+        eventId,
+        // 传入事件ID用于颜色分配
+        eventTaskId
+        // 传入 taskid 用于颜色分配
+      );
+      const eventIndex = events.value.findIndex((e) => e.id === eventId);
+      if (eventIndex !== -1) {
+        const originalEvent = events.value[eventIndex];
+        const eventOrganizer2 = ((_e = originalEvent.extendedProps) == null ? void 0 : _e.organizer) || "";
+        const editable = !props.userid || eventOrganizer2 === props.userid;
+        const updatedEvent = {
+          ...originalEvent,
+          start: newStart,
+          end: newEnd,
+          backgroundColor: colorInfo.bg,
+          borderColor: colorInfo.border,
+          editable,
+          // 根据 userid 设置可编辑性
+          extendedProps: {
+            ...originalEvent.extendedProps,
+            colorIndex: colorInfo.index,
+            deviceId: props.deviceId || ""
+            // 保存设备ID
+          }
+        };
+        emit("eventUpdated", updatedEvent);
+        const updatedEventsList = events.value.map(
+          (e) => e.id === eventId ? updatedEvent : e
+        );
+        emit("eventsChange", updatedEventsList);
+      }
+    }
+    function formatDate2(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    }
+    function getHolidayName(date) {
+      if (!props.holidays) {
+        return null;
+      }
+      const dateStr = formatDate2(date);
+      return props.holidays[dateStr] || null;
+    }
+    function dayCellContent(arg) {
+      const holidayName = getHolidayName(arg.date);
+      if (holidayName) {
+        const wrapper = document.createElement("div");
+        wrapper.style.cssText = "display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 2px;";
+        const dateEl = document.createElement("div");
+        dateEl.textContent = String(arg.dayNumberText);
+        dateEl.style.cssText = "font-weight: 600; color: #f56c6c;";
+        wrapper.appendChild(dateEl);
+        const holidayEl = document.createElement("div");
+        holidayEl.textContent = holidayName;
+        holidayEl.className = "holiday-label";
+        holidayEl.style.cssText = "font-size: 9px; color: #f56c6c; font-weight: 500; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; line-height: 1.2;";
+        wrapper.appendChild(holidayEl);
+        return { domNodes: [wrapper] };
+      }
+      return { html: arg.dayNumberText };
+    }
+    function dayCellDidMount(arg) {
+      const holidayName = getHolidayName(arg.date);
+      if (holidayName) {
+        arg.el.classList.add("holiday-day");
+      }
+    }
+    function getEventBackgroundColor(eventId) {
+      var _a;
+      if (!eventId) {
+        return props.taskid ? "#409eff" : myEventColor.bg;
+      }
+      if (props.taskid && eventId === props.taskid) {
+        return taskColor.bg;
+      }
+      if (!props.taskid) {
+        return myEventColor.bg;
+      }
+      if (props.taskid && eventId) {
+        const existingEvent = events.value.find((e) => {
+          var _a2;
+          const eventTaskId = (_a2 = e.extendedProps) == null ? void 0 : _a2.taskid;
+          return eventTaskId === props.taskid;
+        });
+        if (existingEvent) {
+          return taskColor.bg;
+        }
+      }
+      const originalEvent = events.value.find((e) => e.id === eventId);
+      if (originalEvent) {
+        const eventTaskId = (_a = originalEvent.extendedProps) == null ? void 0 : _a.taskid;
+        if (eventTaskId === props.taskid) {
+          return taskColor.bg;
+        }
+        const colorIndex2 = getTaskColorIndex(eventId);
+        return eventColors[colorIndex2].bg;
+      }
+      const editableEvent = editableEvents.value.find((e) => e.id === eventId);
+      if (editableEvent && editableEvent.backgroundColor) {
+        return editableEvent.backgroundColor;
+      }
+      const colorIndex = getTaskColorIndex(eventId);
+      return eventColors[colorIndex].bg;
+    }
+    function eventDidMount(arg) {
+      var _a;
+      if (arg.view.type === "dayGridMonth") {
+        const eventEl = arg.el;
+        const event = arg.event;
+        const eventId = event.id;
+        const backgroundColor = getEventBackgroundColor(eventId);
+        const borderColor = backgroundColor;
+        if (event.setProp) {
+          event.setProp("backgroundColor", backgroundColor);
+          event.setProp("borderColor", borderColor);
+        }
+        eventEl.style.backgroundColor = backgroundColor;
+        eventEl.style.borderColor = borderColor;
+        eventEl.style.height = "10px";
+        eventEl.style.minHeight = "10px";
+        eventEl.style.maxHeight = "10px";
+        eventEl.style.display = "block";
+        eventEl.style.visibility = "visible";
+        eventEl.style.opacity = "1";
+        eventEl.style.width = "100%";
+        eventEl.style.border = "none";
+        eventEl.style.borderRadius = "0";
+        eventEl.style.padding = "0";
+        eventEl.style.margin = "1px 0";
+        eventEl.style.cursor = "pointer";
+        const eventFrame = eventEl.querySelector(".fc-daygrid-event-frame");
+        if (eventFrame) {
+          eventFrame.style.backgroundColor = backgroundColor;
+          eventFrame.style.height = "10px";
+          eventFrame.style.minHeight = "10px";
+          eventFrame.style.maxHeight = "10px";
+          eventFrame.style.cursor = "pointer";
+        }
+        const tooltipTrigger = eventEl.querySelector(".el-tooltip__trigger") || eventEl;
+        if (tooltipTrigger) {
+          tooltipTrigger.style.display = "block";
+          tooltipTrigger.style.width = "100%";
+          tooltipTrigger.style.height = "100%";
+          tooltipTrigger.style.cursor = "pointer";
+          tooltipTrigger.style.position = "relative";
+        }
+        if (eventFrame) {
+          eventFrame.style.cursor = "pointer";
+        }
+        const allChildren = eventEl.querySelectorAll("*");
+        allChildren.forEach((child) => {
+          const childEl = child;
+          if (childEl.classList.contains("el-tooltip__trigger") || childEl.closest(".el-tooltip")) {
+            childEl.style.cursor = "pointer";
+            childEl.style.pointerEvents = "auto";
+            childEl.style.width = "100%";
+            childEl.style.height = "100%";
+            childEl.style.position = "absolute";
+            childEl.style.top = "0";
+            childEl.style.left = "0";
+            childEl.style.zIndex = "10";
+          } else {
+            childEl.style.backgroundColor = backgroundColor;
+          }
+        });
+        eventEl.style.position = "relative";
+        eventEl.style.pointerEvents = "auto";
+        const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
+        const isMyEvent2 = !props.userid || eventOrganizer === props.userid;
+        if (isMyEvent2) {
+          const existingIcon = eventEl.querySelector(
+            ".my-event-icon"
+          );
+          if (!existingIcon) {
+            const iconEl = document.createElement("span");
+            iconEl.className = "my-event-icon";
+            iconEl.innerHTML = "★";
+            iconEl.style.cssText = `
+          position: absolute;
+          left: 2px;
+          top: 50%;
+          transform: translateY(-50%);
+          font-size: 8px;
+          color: #fff;
+          line-height: 1;
+          z-index: 20;
+          pointer-events: none;
+          font-weight: bold;
+        `;
+            eventEl.appendChild(iconEl);
+          }
+        }
+      }
+    }
+    const calendarOptions = computed(() => ({
+      plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
+      locale: l77,
+      timeZone: "Asia/Shanghai",
+      initialView: "dayGridMonth",
+      allDaySlot: false,
+      // 禁用全天事件槽
+      headerToolbar: {
+        left: "prev,next",
+        center: "title",
+        right: "dayGridMonth,listWeek,timeGridDay"
+      },
+      buttonText: {
+        today: "今天",
+        month: "月",
+        day: "日",
+        list: "周",
+        prev: "<",
+        next: ">"
+      },
+      height: 480,
+      // 限制日历高度为480px
+      slotDuration: "01:00:00",
+      // 时间轴间隔为1小时
+      views: {
+        dayGridMonth: {
+          height: 480,
+          // 限制月视图高度为480px
+          dayCellContent,
+          // 自定义日期单元格内容
+          dayCellDidMount,
+          // 日期单元格挂载后添加样式类
+          dayMaxEvents: false,
+          // 不显示"more"链接，超出的事件不显示
+          moreLinkClick: "popover",
+          // 如果显示more链接，点击时显示弹窗
+          eventDidMount
+          // 事件挂载后确保背景色显示
+        }
+      },
+      events: editableEvents.value,
+      // 使用动态计算的可编辑事件
+      editable: true,
+      selectable: !props.isOccupied,
+      // 占用状态时禁用日期选择
+      selectMirror: true,
+      selectAllow: (span) => {
+        var _a;
+        const startStr = ((_a = span.start) == null ? void 0 : _a.toISOString()) || "";
+        return !isPastDateTime(startStr);
+      },
+      dayMaxEvents: false,
+      // 不显示"more"链接，超出的事件不显示
+      weekends: true,
+      select: handleDateSelect,
+      eventClick: handleEventClick,
+      eventDrop: handleEventDrop,
+      eventResize: handleEventResize,
+      eventDidMount
+      // 事件挂载后确保背景色显示
+    }));
+    function handleDeviceClick() {
+      if (!props.deviceId) {
+        return;
+      }
+      deviceDialogVisible.value = true;
+    }
+    function handleAddEvent() {
+      if (props.isOccupied) {
+        ElMessage.warning("当前处于占用状态，无法新增事件");
+        return;
+      }
+      const now = /* @__PURE__ */ new Date();
+      const formatDateTime = (date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        const seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+      };
+      formData.start = formatDateTime(now);
+      formData.end = formatDateTime(new Date(now.getTime() + 60 * 60 * 1e3));
+      formData.allDay = false;
+      formData.title = "";
+      formData.description = "";
+      formData.organizer = currentUser.value;
+      editingEvent.value = null;
+      dialogVisible.value = true;
+    }
+    function handleQuickAdd() {
+      if (props.isOccupied) {
+        ElMessage.warning("当前处于占用状态，无法新增事件");
+        return;
+      }
+      if (!props.quickAddTimeRange) {
+        ElMessage.warning("未提供快速添加的时间段");
+        return;
+      }
+      if (!props.quickAddTaskName || !props.quickAddTaskName.trim()) {
+        ElMessage.warning("未提供快速添加的任务名称");
+        return;
+      }
+      const startStr = formatFromISO(props.quickAddTimeRange.start);
+      const endStr = formatFromISO(props.quickAddTimeRange.end);
+      if (isPastDateTime(startStr)) {
+        ElMessage.warning("不能选择今天之前的时间进行预约");
+        return;
+      }
+      if (checkTimeConflict(startStr, endStr)) {
+        ElMessage.error("该时间段与其他事件冲突，请选择其他时间");
+        return;
+      }
+      const eventId = `event-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+      const taskId = formData.taskid || props.taskid || "";
+      const colorInfo = assignEventColor(
+        startStr,
+        endStr,
+        void 0,
+        currentUser.value,
+        eventId,
+        // 传入事件ID用于颜色分配
+        taskId
+        // 传入 taskid 用于颜色分配
+      );
+      const startISO = formatToISO(startStr);
+      const endISO = endStr ? formatToISO(endStr) : void 0;
+      const eventOrganizer = currentUser.value;
+      const editable = !props.userid || eventOrganizer === props.userid;
+      const newEvent = {
+        id: eventId,
+        title: props.quickAddTaskName,
+        start: startISO,
+        end: endISO,
+        allDay: false,
+        backgroundColor: colorInfo.bg,
+        borderColor: colorInfo.border,
+        editable,
+        extendedProps: {
+          description: "",
+          organizer: eventOrganizer,
+          colorIndex: colorInfo.index,
+          deviceId: props.deviceId || "",
+          taskid: props.taskid || ""
+          // 如果存在 taskid，保存到事件数据中
+        }
+      };
+      emit("quickAddSaved", newEvent);
+      emit("eventAdded", newEvent);
+      const newEventsList = [...events.value, newEvent];
+      emit("eventsChange", newEventsList);
+    }
+    function formatFromISO(isoStr, useBeijingTime = false) {
+      if (!isoStr) return "";
+      if (!isoStr.includes("T")) return isoStr;
+      try {
+        const date = new Date(isoStr);
+        if (isNaN(date.getTime())) {
+          let cleaned = isoStr;
+          if (cleaned.endsWith("Z")) {
+            cleaned = cleaned.slice(0, -1);
+          }
+          cleaned = cleaned.replace(/[+-]\d{2}:\d{2}$/, "");
+          return cleaned.replace("T", " ").split(".")[0];
+        }
+        let year, month, day, hours, minutes, seconds;
+        if (useBeijingTime) {
+          const beijingStr = date.toLocaleString("en-US", {
+            timeZone: "Asia/Shanghai",
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: false
+          });
+          const parts = beijingStr.split(", ");
+          const datePart = parts[0].split("/");
+          const timePart = parts[1].split(":");
+          year = parseInt(datePart[2]);
+          month = parseInt(datePart[0]);
+          day = parseInt(datePart[1]);
+          hours = parseInt(timePart[0]);
+          minutes = parseInt(timePart[1]);
+          seconds = parseInt(timePart[2]);
+        } else {
+          year = date.getFullYear();
+          month = date.getMonth() + 1;
+          day = date.getDate();
+          hours = date.getHours();
+          minutes = date.getMinutes();
+          seconds = date.getSeconds();
+        }
+        return `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(
+          2,
+          "0"
+        )} ${String(hours).padStart(2, "0")}:${String(minutes).padStart(
+          2,
+          "0"
+        )}:${String(seconds).padStart(2, "0")}`;
+      } catch (e) {
+        let cleaned = isoStr;
+        if (cleaned.endsWith("Z")) {
+          cleaned = cleaned.slice(0, -1);
+        }
+        cleaned = cleaned.replace(/[+-]\d{2}:\d{2}$/, "");
+        return cleaned.replace("T", " ").split(".")[0];
+      }
+    }
+    function formatToISO(dateStr) {
+      if (!dateStr) return "";
+      if (dateStr.includes("T")) return dateStr;
+      return dateStr.replace(" ", "T");
+    }
+    function hasTimeOverlap(start1, end1, start2, end2) {
+      const startTime1 = new Date(start1).getTime();
+      const endTime1 = end1 ? new Date(end1).getTime() : startTime1 + 60 * 60 * 1e3;
+      const startTime2 = new Date(start2).getTime();
+      const endTime2 = end2 ? new Date(end2).getTime() : startTime2 + 60 * 60 * 1e3;
+      return startTime1 < endTime2 && endTime1 > startTime2;
+    }
+    function checkTimeConflict(start, end, excludeEventId) {
+      if (props.allowOverlap) {
+        return false;
+      }
+      const startISO = formatToISO(start);
+      const endISO = end ? formatToISO(end) : void 0;
+      for (const event of events.value) {
+        if (excludeEventId && event.id === excludeEventId) {
+          continue;
+        }
+        let eventStart = "";
+        if (typeof event.start === "string") {
+          eventStart = event.start;
+        } else if (event.start instanceof Date) {
+          eventStart = event.start.toISOString();
+        } else if (event.start) {
+          eventStart = new Date(event.start).toISOString();
+        }
+        let eventEnd = void 0;
+        if (event.end) {
+          if (typeof event.end === "string") {
+            eventEnd = event.end;
+          } else if (event.end instanceof Date) {
+            eventEnd = event.end.toISOString();
+          } else {
+            eventEnd = new Date(event.end).toISOString();
+          }
+        }
+        if (!eventStart) continue;
+        if (hasTimeOverlap(startISO, endISO, eventStart, eventEnd)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    function assignEventColor(_start, _end, _excludeEventId, _organizer, eventId, eventTaskId) {
+      if (!props.taskid) {
+        return {
+          ...myEventColor,
+          index: -1
+          // 使用 -1 表示黑色
+        };
+      }
+      if (eventId && eventId === props.taskid) {
+        return {
+          ...taskColor,
+          index: -2
+          // 使用 -2 表示红色（当前任务）
+        };
+      }
+      if (eventTaskId && eventTaskId === props.taskid) {
+        return {
+          ...taskColor,
+          index: -2
+          // 使用 -2 表示红色（当前任务）
+        };
+      }
+      if (props.taskid && eventId) {
+        const existingEvent = events.value.find((e) => {
+          var _a;
+          const eventTaskId2 = (_a = e.extendedProps) == null ? void 0 : _a.taskid;
+          return eventTaskId2 === props.taskid;
+        });
+        if (existingEvent) {
+          return {
+            ...taskColor,
+            index: -2
+            // 使用 -2 表示红色（当前任务）
+          };
+        }
+      }
+      const taskIdForColor = eventId || `temp-${Date.now()}-${Math.random()}`;
+      const colorIndex = getTaskColorIndex(taskIdForColor);
+      return {
+        ...eventColors[colorIndex],
+        index: colorIndex
+      };
+    }
+    function handleSave() {
+      var _a, _b, _c;
+      if (props.isOccupied && !editingEvent.value) {
+        ElMessage.warning("当前处于占用状态，无法新增事件");
+        return;
+      }
+      if (!formData.title.trim()) {
+        ElMessage.warning("请输入事件标题");
+        return;
+      }
+      if (!formData.start) {
+        ElMessage.warning("请选择开始时间");
+        return;
+      }
+      if (isPastDateTime(formData.start)) {
+        ElMessage.warning("不能选择今天之前的时间进行预约");
+        return;
+      }
+      const excludeEventId = (_a = editingEvent.value) == null ? void 0 : _a.id;
+      if (checkTimeConflict(formData.start, formData.end, excludeEventId)) {
+        ElMessage.error("该时间段与其他事件冲突，请选择其他时间");
+        return;
+      }
+      let eventId = (_b = editingEvent.value) == null ? void 0 : _b.id;
+      if (!eventId) {
+        if (formData.taskid && formData.taskid.trim() && formData.taskid === props.taskid) {
+          eventId = formData.taskid;
+        } else {
+          eventId = `event-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        }
+      }
+      const colorInfo = assignEventColor(
+        formData.start,
+        formData.end,
+        (_c = editingEvent.value) == null ? void 0 : _c.id,
+        formData.organizer || currentUser.value,
+        eventId,
+        // 传入事件ID用于颜色分配
+        formData.taskid
+        // 传入 taskid 用于颜色分配
+      );
+      if (editingEvent.value) {
+        const startISO = formatToISO(formData.start);
+        const endISO = formData.end ? formatToISO(formData.end) : null;
+        editingEvent.value.setProp("title", formData.title);
+        editingEvent.value.setStart(startISO);
+        if (endISO) {
+          editingEvent.value.setEnd(endISO);
+        } else {
+          editingEvent.value.setEnd(startISO);
+        }
+        editingEvent.value.setAllDay(false);
+        editingEvent.value.setExtendedProp("description", formData.description);
+        editingEvent.value.setExtendedProp(
+          "organizer",
+          formData.organizer || currentUser.value
+        );
+        editingEvent.value.setExtendedProp("colorIndex", colorInfo.index);
+        if (props.deviceId) {
+          editingEvent.value.setExtendedProp("deviceId", props.deviceId);
+        }
+        if (props.taskid) {
+          editingEvent.value.setExtendedProp("taskid", props.taskid);
+        }
+        editingEvent.value.setProp("backgroundColor", colorInfo.bg);
+        editingEvent.value.setProp("borderColor", colorInfo.border);
+        const updatedEvent = {
+          id: editingEvent.value.id,
+          title: formData.title,
+          start: startISO,
+          end: endISO || startISO,
+          allDay: false,
+          backgroundColor: colorInfo.bg,
+          borderColor: colorInfo.border,
+          editable: !props.userid || (formData.organizer || currentUser.value) === props.userid,
+          extendedProps: {
+            description: formData.description,
+            organizer: formData.organizer || currentUser.value,
+            colorIndex: colorInfo.index,
+            deviceId: props.deviceId || "",
+            taskid: props.taskid || ""
+          }
+        };
+        emit("eventUpdated", updatedEvent);
+        const updatedEventsList = events.value.map(
+          (e) => e.id === updatedEvent.id ? updatedEvent : e
+        );
+        emit("eventsChange", updatedEventsList);
+      } else {
+        const startISO = formatToISO(formData.start);
+        const endISO = formData.end ? formatToISO(formData.end) : void 0;
+        const eventOrganizer = formData.organizer || currentUser.value;
+        const editable = !props.userid || eventOrganizer === props.userid;
+        const newEvent = {
+          id: eventId,
+          // 使用之前生成的事件ID
+          title: formData.title,
+          start: startISO,
+          end: endISO,
+          allDay: false,
+          backgroundColor: colorInfo.bg,
+          borderColor: colorInfo.border,
+          editable,
+          // 根据 userid 设置可编辑性
+          extendedProps: {
+            description: formData.description,
+            organizer: eventOrganizer,
+            colorIndex: colorInfo.index,
+            deviceId: props.deviceId || "",
+            // 保存设备ID
+            taskid: props.taskid || ""
+            // 保存 taskid（如果存在）
+          }
+        };
+        emit("eventAdded", newEvent);
+        const newEventsList = [...events.value, newEvent];
+        emit("eventsChange", newEventsList);
+      }
+      dialogVisible.value = false;
+      resetForm();
+    }
+    function handleDelete() {
+      if (editingEvent.value) {
+        const eventId = editingEvent.value.id;
+        editingEvent.value.remove();
+        dialogVisible.value = false;
+        resetForm();
+        emit("eventDeleted", eventId || "");
+        const newEventsList = events.value.filter((e) => e.id !== eventId);
+        emit("eventsChange", newEventsList);
+      }
+    }
+    function resetForm() {
+      formData.title = "";
+      formData.start = "";
+      formData.end = "";
+      formData.allDay = false;
+      formData.description = "";
+      formData.organizer = currentUser.value;
+      formData.taskid = "";
+      formData.deviceId = "";
+      formData.userid = "";
+      editingEvent.value = null;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_descriptions_item = resolveComponent("el-descriptions-item");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_el_descriptions = resolveComponent("el-descriptions");
+      const _component_el_empty = resolveComponent("el-empty");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          props.deviceId ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _cache[9] || (_cache[9] = createElementVNode("span", { class: "device-label" }, "设备ID:", -1)),
+            createElementVNode("span", {
+              class: "device-id",
+              onClick: handleDeviceClick
+            }, toDisplayString(props.deviceId), 1)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", null, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "small",
+              onClick: handleAddEvent,
+              disabled: __props.isOccupied
+            }, {
+              default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                createTextVNode(" 添加预约 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"]),
+            props.quickAddTimeRange ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              type: "success",
+              size: "small",
+              onClick: handleQuickAdd,
+              disabled: __props.isOccupied
+            }, {
+              default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                createTextVNode(" 快速添加 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])) : createCommentVNode("", true)
+          ])
+        ]),
+        createVNode(unref(FullCalendar), {
+          options: calendarOptions.value,
+          class: "calendar"
+        }, {
+          eventContent: withCtx((arg) => [
+            createVNode(_component_el_tooltip, {
+              placement: "right",
+              width: 350,
+              effect: "light",
+              "popper-class": "event-detail-tooltip",
+              "show-after": 200
+            }, {
+              content: withCtx(() => {
+                var _a, _b, _c;
+                return [
+                  createElementVNode("div", _hoisted_4, [
+                    createElementVNode("div", _hoisted_5, [
+                      createElementVNode("span", _hoisted_6, toDisplayString(arg.event.title), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_7, [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("span", _hoisted_9, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Clock))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[12] || (_cache[12] = createTextVNode(" 时间范围： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_10, toDisplayString(arg.timeText), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_11, [
+                        createElementVNode("span", _hoisted_12, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Calendar))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[13] || (_cache[13] = createTextVNode(" 开始时间： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_13, toDisplayString(formatEventDateTime(arg.event.start)), 1)
+                      ]),
+                      arg.event.end ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                        createElementVNode("span", _hoisted_15, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Calendar))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[14] || (_cache[14] = createTextVNode(" 结束时间： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_16, toDisplayString(formatEventDateTime(arg.event.end)), 1)
+                      ])) : createCommentVNode("", true),
+                      ((_a = arg.event.extendedProps) == null ? void 0 : _a.organizer) ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                        createElementVNode("span", _hoisted_18, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(User))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[15] || (_cache[15] = createTextVNode(" 预定人： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_19, toDisplayString(arg.event.extendedProps.organizer), 1)
+                      ])) : createCommentVNode("", true),
+                      ((_b = arg.event.extendedProps) == null ? void 0 : _b.deviceId) ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                        createElementVNode("span", _hoisted_21, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Monitor))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[16] || (_cache[16] = createTextVNode(" 设备ID： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_22, toDisplayString(arg.event.extendedProps.deviceId), 1)
+                      ])) : createCommentVNode("", true),
+                      ((_c = arg.event.extendedProps) == null ? void 0 : _c.description) ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                        createElementVNode("span", _hoisted_24, [
+                          createVNode(_component_el_icon, { class: "detail-icon" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Document))
+                            ]),
+                            _: 1
+                          }),
+                          _cache[17] || (_cache[17] = createTextVNode(" 描述： ", -1))
+                        ]),
+                        createElementVNode("span", _hoisted_25, toDisplayString(arg.event.extendedProps.description), 1)
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ])
+                ];
+              }),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_26, [
+                  isMyEvent(arg.event) ? (openBlock(), createBlock(_component_el_icon, {
+                    key: 0,
+                    class: "my-event-marker"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(User))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_27, toDisplayString(arg.timeText), 1),
+                  createElementVNode("span", _hoisted_28, toDisplayString(truncateTitle(arg.event.title, 10)), 1)
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        }, 8, ["options"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialogVisible.value = $event),
+          title: editingEvent.value ? "编辑预约" : "添加预约",
+          width: "520px",
+          class: "event-dialog",
+          "close-on-click-modal": false
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[5] || (_cache[5] = ($event) => dialogVisible.value = false)
+            }, {
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            editingEvent.value ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              type: "danger",
+              onClick: handleDelete
+            }, {
+              default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                createTextVNode("删除", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: handleSave
+            }, {
+              default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: formData,
+              "label-width": "80px"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_form_item, { label: "预定人" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: currentUser.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentUser.value = $event),
+                      disabled: "",
+                      placeholder: "当前登录人"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "标题",
+                  required: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: formData.title,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.title = $event),
+                      placeholder: "请输入事件标题"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "开始时间" }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(_component_el_date_picker, {
+                      modelValue: formData.start,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.start = $event),
+                      type: "datetime",
+                      placeholder: "选择开始时间",
+                      format: "YYYY-MM-DD HH:mm",
+                      "value-format": "YYYY-MM-DD HH:mm:ss",
+                      "disabled-date": disabledPastDate,
+                      key: `start-${formData.start || "empty"}`,
+                      style: { "width": "100%" }
+                    }, null, 8, ["modelValue"]))
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "结束时间" }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(_component_el_date_picker, {
+                      modelValue: formData.end,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.end = $event),
+                      type: "datetime",
+                      placeholder: "选择结束时间",
+                      format: "YYYY-MM-DD HH:mm",
+                      "value-format": "YYYY-MM-DD HH:mm:ss",
+                      "disabled-date": disabledPastDate,
+                      key: `end-${formData.end || "empty"}`,
+                      style: { "width": "100%" }
+                    }, null, 8, ["modelValue"]))
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "描述" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: formData.description,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.description = $event),
+                      type: "textarea",
+                      rows: 3,
+                      placeholder: "请输入描述（可选）"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        createVNode(_component_el_dialog, {
+          modelValue: deviceDialogVisible.value,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => deviceDialogVisible.value = $event),
+          title: "设备详情",
+          width: "600px",
+          class: "device-dialog",
+          "close-on-click-modal": true
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: _cache[7] || (_cache[7] = ($event) => deviceDialogVisible.value = false)
+            }, {
+              default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                createTextVNode("关闭", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            deviceInfo.value ? (openBlock(), createElementBlock("div", _hoisted_29, [
+              createVNode(_component_el_descriptions, {
+                column: 1,
+                border: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_descriptions_item, { label: "设备ID" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(deviceInfo.value.id), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_descriptions_item, { label: "设备名称" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(deviceInfo.value.name), 1)
+                    ]),
+                    _: 1
+                  }),
+                  deviceInfo.value.status ? (openBlock(), createBlock(_component_el_descriptions_item, {
+                    key: 0,
+                    label: "设备状态"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_tag, {
+                        type: deviceInfo.value.status === "在线" ? "success" : "danger"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(deviceInfo.value.status), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["type"])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  deviceInfo.value.type ? (openBlock(), createBlock(_component_el_descriptions_item, {
+                    key: 1,
+                    label: "设备类型"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(deviceInfo.value.type), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  deviceInfo.value.location ? (openBlock(), createBlock(_component_el_descriptions_item, {
+                    key: 2,
+                    label: "设备位置"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(deviceInfo.value.location), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  deviceInfo.value.description ? (openBlock(), createBlock(_component_el_descriptions_item, {
+                    key: 3,
+                    label: "设备描述"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(deviceInfo.value.description), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ])) : (openBlock(), createElementBlock("div", _hoisted_30, [
+              createVNode(_component_el_empty, { description: "暂无设备信息" })
+            ]))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FullCalendarDemo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7684c35e"]]);
+function getHolidays(year) {
+  const holidays = {};
+  if (year === 2026) {
+    holidays["2026-01-01"] = "元旦";
+    holidays["2026-01-02"] = "元旦";
+    holidays["2026-01-03"] = "元旦";
+    holidays["2026-02-16"] = "春节";
+    holidays["2026-02-17"] = "春节";
+    holidays["2026-02-18"] = "春节";
+    holidays["2026-02-19"] = "春节";
+    holidays["2026-02-20"] = "春节";
+    holidays["2026-02-21"] = "春节";
+    holidays["2026-02-22"] = "春节";
+    holidays["2026-04-04"] = "清明节";
+    holidays["2026-04-05"] = "清明节";
+    holidays["2026-04-06"] = "清明节";
+    holidays["2026-05-01"] = "劳动节";
+    holidays["2026-05-02"] = "劳动节";
+    holidays["2026-05-03"] = "劳动节";
+    holidays["2026-05-04"] = "劳动节";
+    holidays["2026-05-05"] = "劳动节";
+    holidays["2026-06-19"] = "端午节";
+    holidays["2026-06-20"] = "端午节";
+    holidays["2026-06-21"] = "端午节";
+    holidays["2026-09-25"] = "中秋节";
+    holidays["2026-09-26"] = "中秋节";
+    holidays["2026-09-27"] = "中秋节";
+    holidays["2026-10-01"] = "国庆节";
+    holidays["2026-10-02"] = "国庆节";
+    holidays["2026-10-03"] = "国庆节";
+    holidays["2026-10-04"] = "国庆节";
+    holidays["2026-10-05"] = "国庆节";
+    holidays["2026-10-06"] = "国庆节";
+    holidays["2026-10-07"] = "国庆节";
+    holidays["2026-10-08"] = "国庆节";
+  }
+  return holidays;
+}
+function isHoliday(date) {
+  const dateObj = new Date(date);
+  const year = dateObj.getFullYear();
+  const holidays = getHolidays(year);
+  return holidays[date] || null;
+}
+function formatDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function install(app) {
+  app.component("FullCalendarDemo", FullCalendarDemo);
+}
+export {
+  FullCalendarDemo,
+  FullCalendarDemo as default,
+  formatDate,
+  getHolidays,
+  install,
+  isHoliday
+};
+//# sourceMappingURL=calendar.js.map