From c082aa926c1fbcd5b442d13eee515d34fb993b74 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Fri, 29 Aug 2025 14:05:27 +0800
Subject: [PATCH 01/13] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/assignment-management.ts          |   6 +
 .../routes/modules/propertyMarketing.ts       |  15 +-
 src/utils/DateUtils.ts                        | 430 ++++++++++++
 .../assignment-management/index.vue           | 628 ++++++++++++++++++
 vite.config.ts                                |   3 +-
 5 files changed, 1079 insertions(+), 3 deletions(-)
 create mode 100644 src/api/all/assignment-management.ts
 create mode 100644 src/utils/DateUtils.ts
 create mode 100644 src/views/property-marketing/assignment-management/index.vue

diff --git a/src/api/all/assignment-management.ts b/src/api/all/assignment-management.ts
new file mode 100644
index 0000000..72f9870
--- /dev/null
+++ b/src/api/all/assignment-management.ts
@@ -0,0 +1,6 @@
+import Http from '@/api';
+
+// 获取用户自定义列
+export const getTaskSchedules = (params = {}) => {
+  return Http.get('/v1/media-accounts/task-schedules', params);
+};
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index ba8af63..eab2175 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -71,7 +71,18 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/media-account/account-dashboard/index.vue'),  
+        component: () => import('@/views/property-marketing/media-account/account-dashboard/index.vue'),
+      },
+      {
+        path: 'management',
+        name: 'assignmentManagement',
+        meta: {
+          locale: '任务管理',
+          // requiresAuth: true,
+          // requireLogin: true,
+          // roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/assignment-management/index.vue'),
       },
       {
         path: 'detail/:id',
@@ -121,7 +132,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/account-data/index.vue'), 
+        component: () => import('@/views/property-marketing/put-account/account-data/index.vue'),
       },
       {
         path: 'account-dashboard',
diff --git a/src/utils/DateUtils.ts b/src/utils/DateUtils.ts
new file mode 100644
index 0000000..1f51f0b
--- /dev/null
+++ b/src/utils/DateUtils.ts
@@ -0,0 +1,430 @@
+/**
+ * 日期工具类
+ * 提供月维度和周维度的开始结束日期获取功能
+ * 周以星期日开始，星期六结束
+ * 只返回日期部分，不包含时间
+ */
+class DateUtils {
+  /**
+   * 获取当前时间的月开始日期和结束日期
+   * @returns 包含开始和结束日期的对象
+   */
+  static getMonthRange(): {
+    start: Date;
+    end: Date;
+    startFormatted: string;
+    endFormatted: string;
+  } {
+    const now = new Date();
+
+    // 月开始日期（当月第一天）
+    const start = new Date(now.getFullYear(), now.getMonth(), 1);
+    start.setHours(0, 0, 0, 0);
+
+    // 月结束日期（当月最后一天）
+    const end = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+    end.setHours(0, 0, 0, 0);
+
+    return {
+      start,
+      end,
+      startFormatted: this.formatDate(start),
+      endFormatted: this.formatDate(end),
+    };
+  }
+
+  /**
+   * 获取指定年份和月的范围
+   * @param year 年份
+   * @param month 月份（1-12）
+   */
+  static getMonthRangeByYearMonth(
+    year: number,
+    month: number,
+  ): {
+    start: Date;
+    end: Date;
+    startFormatted: string;
+    endFormatted: string;
+  } {
+    // 月开始日期
+    const start = new Date(year, month - 1, 1);
+    start.setHours(0, 0, 0, 0);
+
+    // 月结束日期
+    const end = new Date(year, month, 0);
+    end.setHours(0, 0, 0, 0);
+
+    return {
+      start,
+      end,
+      startFormatted: this.formatDate(start),
+      endFormatted: this.formatDate(end),
+    };
+  }
+
+  /**
+   * 获取当前时间的周范围（以星期日开始）
+   * @returns 包含开始和结束日期的对象
+   */
+  static getWeekRange(): {
+    start: Date;
+    end: Date;
+    startFormatted: string;
+    endFormatted: string;
+  } {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const dayOfWeek = today.getDay(); // 0是周日，1是周一，...，6是周六
+
+    // 周开始日期（周日）
+    const start = new Date(today);
+    start.setDate(today.getDate() - dayOfWeek);
+    start.setHours(0, 0, 0, 0);
+
+    // 周结束日期（周六）
+    const end = new Date(start);
+    end.setDate(start.getDate() + 6);
+    end.setHours(0, 0, 0, 0);
+
+    return {
+      start,
+      end,
+      startFormatted: this.formatDate(start),
+      endFormatted: this.formatDate(end),
+    };
+  }
+
+  /**
+   * 获取指定日期的周范围
+   * @param date 指定日期
+   */
+  static getWeekRangeByDate(date: Date): {
+    start: Date;
+    end: Date;
+    startFormatted: string;
+    endFormatted: string;
+  } {
+    const inputDate = new Date(date);
+    inputDate.setHours(0, 0, 0, 0);
+    const dayOfWeek = inputDate.getDay();
+
+    // 周开始日期（周日）
+    const start = new Date(inputDate);
+    start.setDate(inputDate.getDate() - dayOfWeek);
+    start.setHours(0, 0, 0, 0);
+
+    // 周结束日期（周六）
+    const end = new Date(start);
+    end.setDate(start.getDate() + 6);
+    end.setHours(0, 0, 0, 0);
+
+    return {
+      start,
+      end,
+      startFormatted: this.formatDate(start),
+      endFormatted: this.formatDate(end),
+    };
+  }
+
+  /**
+   * 格式化日期（只返回日期部分）
+   * @param date 日期对象
+   * @returns 格式化后的日期字符串 (YYYY-MM-DD)
+   */
+  static formatDate(date: Date): string {
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const day = date.getDate().toString().padStart(2, '0');
+
+    return `${year}-${month}-${day}`;
+  }
+
+  /**
+   * 获取当前日期信息
+   * @returns 包含各种格式的当前日期信息
+   */
+  static getCurrentDateInfo() {
+    const now = new Date();
+    now.setHours(0, 0, 0, 0);
+
+    const monthRange = this.getMonthRange();
+    const weekRange = this.getWeekRange();
+
+    return {
+      current: {
+        date: now,
+        formatted: this.formatDate(now),
+        dayOfWeek: this.getChineseDayOfWeek(now),
+      },
+      month: {
+        start: monthRange.start,
+        end: monthRange.end,
+        startFormatted: monthRange.startFormatted,
+        endFormatted: monthRange.endFormatted,
+        totalDays: this.getDaysInMonth(now.getFullYear(), now.getMonth() + 1),
+      },
+      week: {
+        start: weekRange.start,
+        end: weekRange.end,
+        startFormatted: weekRange.startFormatted,
+        endFormatted: weekRange.endFormatted,
+      },
+    };
+  }
+
+  /**
+   * 获取指定月份的天数
+   * @param year 年份
+   * @param month 月份（1-12）
+   * @returns 该月的天数
+   */
+  static getDaysInMonth(year: number, month: number): number {
+    return new Date(year, month, 0).getDate();
+  }
+
+  /**
+   * 获取中文星期几
+   * @param date 日期对象
+   * @returns 中文星期几
+   */
+  static getChineseDayOfWeek(date: Date): string {
+    const days = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    return days[date.getDay()];
+  }
+
+  /**
+   * 获取中文月份名称
+   * @param month 月份（1-12）
+   * @returns 中文月份名称
+   */
+  static getChineseMonthName(month: number): string {
+    const months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
+    return months[month - 1] || '';
+  }
+
+  /**
+   * 判断是否为同一天
+   * @param date1 日期1
+   * @param date2 日期2
+   * @returns 是否为同一天
+   */
+  static isSameDay(date1: Date, date2: Date): boolean {
+    return this.formatDate(date1) === this.formatDate(date2);
+  }
+
+  /**
+   * 获取日期差（天数）
+   * @param date1 日期1
+   * @param date2 日期2
+   * @returns 相差的天数
+   */
+  static getDaysDifference(date1: Date, date2: Date): number {
+    const d1 = new Date(date1);
+    const d2 = new Date(date2);
+    d1.setHours(0, 0, 0, 0);
+    d2.setHours(0, 0, 0, 0);
+
+    const diffTime = Math.abs(d2.getTime() - d1.getTime());
+    return Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  }
+  /**
+   * 获取当前周的所有日期及星期几
+   * @param startDay 周起始日（0-6，0表示周日，默认1表示周一）
+   * @returns 当前周的日期数组
+   */
+  static getWeekDaysByDate(targetDate: Date, startDay: number = 1) {
+    const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+    const currentDay = targetDate.getDay();
+    const firstDayOffset = (currentDay - startDay + 7) % 7;
+    const firstDayOfWeek = new Date(targetDate);
+    firstDayOfWeek.setDate(targetDate.getDate() - firstDayOffset);
+    return Array.from({ length: 7 }).map((_, i) => {
+      const date = new Date(firstDayOfWeek);
+      date.setDate(firstDayOfWeek.getDate() + i);
+      return {
+        date,
+        day: date.getDate(),
+        weekday: weekdays[date.getDay()] + ' ' + date.getDate(),
+        month: date.getMonth() + 1, // 添加月份信息（1-12）
+        year: date.getFullYear(),
+      };
+    });
+  }
+
+  // 获取某个月每一天的星期几
+  static getDaysAndWeekdays(year: number, month: number): Array<{ day: number; weekday: string }> {
+    const daysInMonth = new Date(year, month + 1, 0).getDate(); // 获取当月总天数
+    const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']; // 中文星期数组
+    const days: Array<{ day: number; weekday: string }> = []; // 结果数组
+
+    for (let day = 1; day <= daysInMonth; day++) {
+      const date = new Date(year, month, day);
+      const weekdayIndex = date.getDay(); // 获取星期几的索引(0-6)
+      days.push({
+        day,
+        weekday: weekdays[weekdayIndex] + ' ' + day,
+      });
+    }
+
+    return days;
+  }
+  /**
+   * 获取当前的年份
+   * @returns 当前年份
+   */
+  static getCurrentYear(): number {
+    return new Date().getFullYear();
+  }
+
+  /**
+   * 获取当前的月份
+   * @returns 当前月份 (1-12)
+   */
+  static getCurrentMonth(): number {
+    return new Date().getMonth() + 1;
+  }
+
+  /**
+   * 获取当前的年份和月份
+   * @returns 包含当前年份和月份的对象
+   */
+  static getCurrentYearMonth(): { year: number; month: number } {
+    const now = new Date();
+    return {
+      year: now.getFullYear(),
+      month: now.getMonth() + 1,
+    };
+  }
+
+  /**
+   * 获取格式化的当前年月字符串
+   * @param separator 分隔符，默认为 '-'
+   * @returns 格式化的年月字符串 (YYYY-MM)
+   */
+  static getFormattedYearMonth(separator: string = '-'): string {
+    const now = new Date();
+    const year = now.getFullYear();
+    const month = (now.getMonth() + 1).toString().padStart(2, '0');
+    return `${year}${separator}${month}`;
+  }
+
+  /**
+   * 获取中文格式的当前年月
+   * @returns 中文年月字符串 (YYYY年MM月)
+   */
+  static getChineseYearMonth(): string {
+    const now = new Date();
+    const year = now.getFullYear();
+    const month = (now.getMonth() + 1).toString().padStart(2, '0');
+    return `${year}年${month}月`;
+  }
+
+  /**
+   * 获取当前季度
+   * @returns 当前季度 (1-4)
+   */
+  static getCurrentQuarter(): number {
+    const month = new Date().getMonth() + 1;
+    return Math.ceil(month / 3);
+  }
+
+  /**
+   * 获取当前季度的开始和结束月份
+   * @returns 包含季度开始和结束月份的对象
+   */
+  static getCurrentQuarterRange(): { startMonth: number; endMonth: number } {
+    const quarter = this.getCurrentQuarter();
+    return {
+      startMonth: (quarter - 1) * 3 + 1,
+      endMonth: quarter * 3,
+    };
+  }
+
+  /**
+   * 获取当前日期信息（增强版，包含年月信息）
+   * @returns 包含各种格式的当前日期信息
+   */
+  static getCurrentDateInfo() {
+    const now = new Date();
+    now.setHours(0, 0, 0, 0);
+
+    const monthRange = this.getMonthRange();
+    const weekRange = this.getWeekRange();
+    const yearMonth = this.getCurrentYearMonth();
+
+    return {
+      current: {
+        date: now,
+        formatted: this.formatDate(now),
+        dayOfWeek: this.getChineseDayOfWeek(now),
+        day: now.getDate(),
+        month: yearMonth.month,
+        year: yearMonth.year,
+      },
+      month: {
+        start: monthRange.start,
+        end: monthRange.end,
+        startFormatted: monthRange.startFormatted,
+        endFormatted: monthRange.endFormatted,
+        totalDays: this.getDaysInMonth(now.getFullYear(), now.getMonth() + 1),
+        month: yearMonth.month,
+        year: yearMonth.year,
+        formatted: this.getFormattedYearMonth(),
+        chinese: this.getChineseYearMonth(),
+      },
+      week: {
+        start: weekRange.start,
+        end: weekRange.end,
+        startFormatted: weekRange.startFormatted,
+        endFormatted: weekRange.endFormatted,
+        weekNumber: this.getWeekNumber(now),
+      },
+      year: yearMonth.year,
+      quarter: {
+        number: this.getCurrentQuarter(),
+        range: this.getCurrentQuarterRange(),
+      },
+    };
+  }
+
+  /**
+   * 获取指定日期所在的周数
+   * @param date 日期对象
+   * @returns 周数 (1-53)
+   */
+  static getWeekNumber(date: Date): number {
+    const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
+    const pastDaysOfYear = (date.getTime() - firstDayOfYear.getTime()) / 86400000;
+    return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
+  }
+
+  /**
+   * 获取指定年份的所有月份信息
+   * @param year 年份
+   * @returns 包含所有月份信息的数组
+   */
+  static getYearMonths(year: number): Array<{
+    month: number;
+    name: string;
+    days: number;
+    formatted: string;
+  }> {
+    return Array.from({ length: 12 }, (_, i) => {
+      const month = i + 1;
+      return {
+        month,
+        name: this.getChineseMonthName(month),
+        days: this.getDaysInMonth(year, month),
+        formatted: `${year}-${month.toString().padStart(2, '0')}`,
+      };
+    });
+  }
+  static formatDateToWeekdayDay(date: Date): string {
+    const day = date.getDate();
+    const weekday = this.getChineseDayOfWeek(date).replace('星期', '周');
+    return `${weekday} ${day}`;
+  }
+}
+
+export default DateUtils;
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
new file mode 100644
index 0000000..2200bd9
--- /dev/null
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -0,0 +1,628 @@
+<template>
+  <div class="flex-column justify-between">
+    <div class="flex justify-between items-start" style="width: 100%">
+      <div class="flex justify-between items-center" style="width: 100%">
+        <div class="flex items-center">
+          <a-date-picker
+            class="w-188px size-14px"
+            v-if="choseType === '日'"
+            @change="onChangeDate"
+            v-model="dayModel"
+            format="YYYY年MM月DD日周dd"
+          />
+          <a-week-picker
+            class="w-188px size-14px"
+            v-else-if="choseType === '周'"
+            @change="onChangeWeek"
+            v-model="weekModel"
+          />
+          <a-month-picker
+            class="w-188px size-14px"
+            v-else
+            @change="onChangeMonth"
+            v-model="monthModel"
+            format="YYYY年MM月"
+          />
+          <div class="flex items-center ml-12px">
+            <a-button class="mr-4px" @click="handlePrev">
+              <template #icon>
+                <icon-left />
+              </template>
+            </a-button>
+
+            <a-button @click="handleToday">今天</a-button>
+            <a-button class="ml-4px" @click="handleNext">
+              <template #icon>
+                <icon-right />
+              </template>
+            </a-button>
+          </div>
+          <div class="flex items-center ml-12px">
+            <a-space class="flex justify-between">
+              <a-dropdown position="bottom" @select="handleSelect">
+                <a-button class="w-80px flex justify-between">{{ choseType }}<icon-down /></a-button>
+                <template #content>
+                  <a-doption value="日" class="w-80px">日</a-doption>
+                  <a-doption value="周" class="w-80px">周</a-doption>
+                  <a-doption value="月" class="w-80px">月</a-doption>
+                </template>
+              </a-dropdown>
+            </a-space>
+          </div>
+        </div>
+      </div>
+      <div class="flex items-start">
+        <a-trigger
+          trigger="click"
+          style="
+            background-color: #ffffff;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            box-shadow: #00000010 0px 2px 8px;
+            width: 120px;
+            height: 64px;
+            padding: 8px;
+            margin-top: 8px;
+          "
+        >
+          <a-button size="small" class="mr-12px">
+            <template #icon>
+              <icon-info-circle-fill size="16" class="color-#55585F" />
+            </template>
+            <template #default>颜色示意</template>
+          </a-button>
+          <template #content>
+            <div class="flex items-center mb-8px">
+              <div
+                style="background-color: #6d4cfe; width: 16px; height: 16px; margin-right: 5px; border-radius: 4px"
+              ></div>
+              <div>选题</div>
+            </div>
+            <div class="flex items-center">
+              <div
+                style="background-color: #ffae00; width: 16px; height: 16px; margin-right: 5px; border-radius: 4px"
+              ></div>
+              <div>内容稿件</div>
+            </div>
+          </template>
+        </a-trigger>
+
+        <a-trigger
+          trigger="click"
+          style="
+            background-color: #ffffff;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            box-shadow: #00000010 0px 2px 8px;
+            width: 308px;
+            height: 180px;
+            padding: 24px;
+            margin-top: 8px;
+          "
+        >
+          <a-button size="small">
+            <template #icon>
+              <icon-filter size="16" class="color-#55585F" />
+            </template>
+            <template #default>筛选</template>
+          </a-button>
+          <template #content>
+            <div>
+              <div class="flex items-center mb-24px">
+                <div class="w-70px">运营人员</div>
+                <a-space class="w-200px">
+                  <CommonSelect
+                    :multiple="false"
+                    :options="operators"
+                    v-model="query.operator_id"
+                    @change="handleSearch"
+                  />
+                </a-space>
+              </div>
+              <div class="flex items-center mb-24px">
+                <div class="w-70px">发布平台</div>
+                <a-space class="w-200px">
+                  <CommonSelect
+                    :multiple="false"
+                    :options="platformOptions"
+                    v-model="query.platform"
+                    @change="handleSearch"
+                  />
+                </a-space>
+              </div>
+              <div class="flex items-center">
+                <div class="w-70px">账号名称</div>
+                <a-input
+                  v-model="query.name"
+                  :style="{ width: '200px' }"
+                  placeholder="输入账号名称"
+                  @change="handleSearch"
+                />
+              </div>
+            </div>
+          </template>
+        </a-trigger>
+      </div>
+    </div>
+    <div class="flex justify-between items-start mt-16px" style="width: 100%">
+      <a-table :columns="columns" :data="data" :bordered="{ cell: true }" style="width: 100%" :pagination="false">
+        <template #name="{ record }">
+          <div class="flex items-center">
+            <img
+              :src="getPlatformIcon(record.platform)"
+              style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px"
+            />
+            {{ record.name || '-' }}
+          </div>
+        </template>
+
+        <!-- 动态日期列渲染 -->
+        <template #dateCell="{ record, column }">
+          <div v-if="record[column.dataIndex] && record[column.dataIndex].length > 0" class="task-container">
+            <div v-if="record[column.dataIndex].length >= 3" class="task-more" @click="handleMore(record, column)">
+              <div
+                :key="record[column.dataIndex][0].id"
+                class="task-item size-12px"
+                :title="record[column.dataIndex][0].name || '-'"
+              >
+                <div class="size-12px color-#211F24 mr-4px">
+                  {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
+                </div>
+                <div :style="{ color: getTaskColor(record[column.dataIndex][0].type) }">
+                  {{ formatTaskName(record[column.dataIndex][0].name) }}{{ record[column.dataIndex][0].type }}
+                </div>
+              </div>
+              <div class="size-12px color-#8f959f" style="padding: 0px 8px">
+                还有{{ record[column.dataIndex].length - 1 }}项
+              </div>
+            </div>
+            <div
+              v-else
+              v-for="task in record[column.dataIndex]"
+              :key="task.id"
+              class="task-item"
+              :title="task.name || '-'"
+            >
+              <div class="size-12px color-#211F24 mr-4px">
+                {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
+              </div>
+              <div :style="{ color: getTaskColor(task.type) }">
+                {{ formatTaskName(record[column.dataIndex][0].name) }}{{ record[column.dataIndex][0].type }}
+              </div>
+            </div>
+          </div>
+          <div v-else class="no-task"></div>
+        </template>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted, watch, computed } from 'vue';
+import { getTaskSchedules } from '@/api/all/assignment-management';
+import { fetchAccountOperators } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/platform/icon-dy.png';
+import icon2 from '@/assets/img/platform/icon-xhs.png';
+import icon3 from '@/assets/img/media-account/icon-warn.png';
+import icon4 from '@/assets/img/platform/icon-sph.png';
+import icon5 from '@/assets/img/platform/icon-wb.png';
+import icon6 from '@/assets/img/platform/icon-gzh.png';
+import icon7 from '@/assets/img/platform/icon-ks.png';
+import icon8 from '@/assets/img/platform/icon-bilibili.png';
+import DateUtils from '@/utils/DateUtils';
+
+const choseType = ref('周');
+const currentDateRange = reactive({
+  start: '',
+  end: '',
+});
+const weekModel = ref(DateUtils.formatDate(new Date()));
+const dayModel = ref(DateUtils.formatDate(new Date()));
+const monthModel = ref(DateUtils.formatDate(new Date()));
+
+const columns = ref([]);
+const data = ref([]);
+const operators = ref([]);
+const platformOptions = ref([
+  { value: 0, label: '抖音' },
+  { value: 1, label: '小红书' },
+  { value: 2, label: 'B站' },
+  { value: 3, label: '快手' },
+  { value: 4, label: '视频号' },
+  { value: 5, label: '微博' },
+  { value: 6, label: '公众号' },
+]);
+
+const pageInfo = reactive({
+  page: 1,
+  page_size: 10,
+  total: 0,
+});
+
+const query = reactive({
+  page: 1,
+  page_size: 20,
+  platform: '',
+  operator_id: undefined,
+  name: '',
+  execution_time: [] as string[],
+});
+
+const handleMore = (record: any[], column: number) => {
+  console.log('record', record);
+  console.log('column', column);
+  console.log('data', record[column.dataIndex]);
+};
+
+// 计算当前日期范围内的所有日期，统一返回 number 数组
+const currentDateHeaders = computed(() => {
+  if (choseType.value === '周') {
+    const specificWeek = DateUtils.getWeekDaysByDate(new Date(currentDateRange.start || new Date().toString()), 0);
+    return specificWeek.map((item) => parseInt(item.day, 10)); // 转换为数字数组
+  } else if (choseType.value === '月') {
+    const currentYearMonth = DateUtils.getCurrentYearMonth();
+    const tabTitle = DateUtils.getDaysAndWeekdays(currentYearMonth.year, currentYearMonth.month);
+    return tabTitle.map((item) => parseInt(item.day, 10)); // 转换为数字数组
+  } else {
+    // 日维度，返回当天的日期数字
+    const day = new Date(dayModel.value).getDate();
+    return [day];
+  }
+});
+
+// 获取平台图标
+const getPlatformIcon = (platform: number) => {
+  const platformIcons: Record<number, any> = {
+    0: icon1, // 抖音
+    1: icon2, // 小红书
+    2: icon8, // B站
+    3: icon7, // 快手
+    4: icon4, // 视频号
+    5: icon5, // 微博
+    6: icon6, // 公众号
+  };
+
+  return platformIcons[platform] || icon3; // 默认图标
+};
+
+// 获取任务颜色
+const getTaskColor = (taskType: number) => {
+  console.log('taskType', taskType);
+  // 根据API文档，type: 0=选题，1=内容稿件
+  return taskType === 0 ? '#6d4cfe' : '#ffae00';
+};
+
+// 格式化任务名称
+const formatTaskName = (name: string) => {
+  if (!name) return '未命名';
+  return name.length > 8 ? name.substring(0, 8) + '...' : name;
+};
+
+// 时间戳转日期格式，并提取日期数字
+const timestampToDayNumber = (timestamp: number) => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+  return parseInt(date.getDate().toString().padStart(2, '0')); // 返回 '01', '02', ..., '31'
+};
+
+// 时间戳转时间格式 (HH:MM)
+const timestampToTime = (timestamp: number): string => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+
+  // 获取小时和分钟
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+
+  return `${hours}:${minutes}`;
+};
+
+// 处理表格数据，使其与动态表头匹配
+const processTableData = (apiData: any[]) => {
+  const processedData: any[] = [];
+
+  // 处理每条账号数据
+  apiData.forEach((account) => {
+    const rowData: any = {
+      id: account.id,
+      name: account.name,
+      platform: account.platform,
+    };
+
+    // 初始化所有日期列为空数组
+    currentDateHeaders.value.forEach((day) => {
+      rowData[day] = [];
+    });
+
+    // 将任务按日期分组
+    if (account.task_schedules && account.task_schedules.length > 0) {
+      account.task_schedules.forEach((task: any) => {
+        const taskDay = timestampToDayNumber(task.execution_time);
+        console.log('taskDay', taskDay, typeof taskDay);
+        console.log('currentDateHeaders', currentDateHeaders.value);
+        console.log('rowData', currentDateHeaders.value.includes(taskDay));
+        // 如果这个日期在当前表头中，则添加到对应列
+        if (currentDateHeaders.value.includes(taskDay)) {
+          console.log('taskDay', task);
+          rowData[taskDay].push({
+            id: task.id,
+            name: task.name,
+            type: task.type,
+            execution_time: task.execution_time,
+          });
+          console.log('taskDay', rowData[taskDay]);
+        }
+      });
+    }
+
+    processedData.push(rowData);
+  });
+
+  return processedData;
+};
+
+// 设置日期范围
+const setDateRange = () => {
+  if (choseType.value === '周') {
+    const weekRange = DateUtils.getWeekRangeByDate(new Date(weekModel.value));
+    currentDateRange.start = weekRange.startFormatted;
+    currentDateRange.end = weekRange.endFormatted;
+    query.execution_time = [currentDateRange.start, currentDateRange.end];
+  } else if (choseType.value === '月') {
+    const monthRange = DateUtils.getMonthRangeByYearMonth(
+      new Date(monthModel.value).getFullYear(),
+      new Date(monthModel.value).getMonth() + 1
+    );
+    currentDateRange.start = monthRange.startFormatted;
+    currentDateRange.end = monthRange.endFormatted;
+    query.execution_time = [currentDateRange.start, currentDateRange.end];
+  } else {
+    // 日维度
+    currentDateRange.start = dayModel.value;
+    currentDateRange.end = dayModel.value;
+    query.execution_time = [currentDateRange.start, currentDateRange.end];
+  }
+};
+
+// 设置table的头部
+const setTableSpecific = () => {
+  columns.value = [
+    {
+      title: '账号与发布平台',
+      slotName: 'name',
+      width: 150,
+      minWidth: 100,
+      fixed: 'left',
+    },
+  ];
+
+  let dateHeaders: any[] = [];
+
+  if (choseType.value === '周') {
+    const specificWeek = DateUtils.getWeekDaysByDate(new Date(currentDateRange.start || new Date().toString()), 0);
+    dateHeaders = specificWeek;
+  } else if (choseType.value === '月') {
+    const currentYearMonth = DateUtils.getCurrentYearMonth();
+    const tabTitle = DateUtils.getDaysAndWeekdays(currentYearMonth.year, currentYearMonth.month);
+    dateHeaders = tabTitle;
+  } else {
+    // 日维度
+    const date = new Date(dayModel.value);
+    const day = date.getDate().toString().padStart(2, '0');
+    const weekday = DateUtils.formatDateToWeekdayDay(date);
+    dateHeaders = [{ day, weekday }];
+  }
+
+  // 添加日期列
+  dateHeaders.forEach((item) => {
+    columns.value.push({
+      title: `${item.weekday}`,
+      dataIndex: item.day, // 使用日期数字作为dataIndex
+      key: item.day,
+      slotName: 'dateCell',
+      width: 135,
+      minWidth: 100,
+      sortable: {
+        sortDirections: ['ascend', 'descend'],
+      },
+    });
+  });
+};
+
+// 日期变化处理
+const onChangeDate = (val: any) => {
+  if (val) {
+    dayModel.value = DateUtils.formatDate(new Date(val));
+    setDateRange();
+    setTableSpecific();
+    handleSearch();
+  }
+};
+
+const onChangeWeek = (val: any) => {
+  console.log('onChangeWeek val', val);
+  if (val) {
+    const weekRange = DateUtils.getWeekRange(new Date(val));
+    console.log('weekRange', weekRange);
+    currentDateRange.start = weekRange.startFormatted;
+    currentDateRange.end = weekRange.endFormatted;
+    query.execution_time = [currentDateRange.start, currentDateRange.end];
+    weekModel.value = val;
+    setTableSpecific();
+    handleSearch();
+  }
+};
+
+const onChangeMonth = (val: any) => {
+  console.log('val', val);
+  if (val) {
+    const monthRange = DateUtils.getMonthRange(new Date(val));
+    currentDateRange.start = monthRange.startFormatted;
+    currentDateRange.end = monthRange.endFormatted;
+    query.execution_time = [currentDateRange.start, currentDateRange.end];
+    const date = new Date(val);
+    monthModel.value = val;
+    setTableSpecific();
+    handleSearch();
+  }
+};
+
+// 设置维度
+const handleSelect = (val: string) => {
+  choseType.value = val;
+  setDateRange();
+  setTableSpecific();
+  handleSearch();
+};
+
+// 日期导航
+const handlePrev = () => {
+  // 根据当前维度向前导航
+  if (choseType.value === '周') {
+    const prevWeek = new Date(weekModel.value);
+    prevWeek.setDate(prevWeek.getDate() - 7);
+    onChangeWeek(DateUtils.formatDate(prevWeek, false));
+  } else if (choseType.value === '月') {
+    const prevMonth = new Date(monthModel.value);
+    prevMonth.setMonth(prevMonth.getMonth() - 1);
+    onChangeMonth(DateUtils.formatDate(prevMonth, false));
+  } else {
+    const prevDay = new Date(dayModel.value);
+    prevDay.setDate(prevDay.getDate() - 1);
+    onChangeDate(DateUtils.formatDate(prevDay, false));
+  }
+};
+
+const handleNext = () => {
+  // 根据当前维度向后导航
+  if (choseType.value === '周') {
+    const nextWeek = new Date(weekModel.value);
+    nextWeek.setDate(nextWeek.getDate() + 7);
+    onChangeWeek(DateUtils.formatDate(nextWeek, false));
+  } else if (choseType.value === '月') {
+    const nextMonth = new Date(monthModel.value);
+    nextMonth.setMonth(nextMonth.getMonth() + 1);
+    onChangeMonth(DateUtils.formatDate(nextMonth, false));
+  } else {
+    const nextDay = new Date(dayModel.value);
+    nextDay.setDate(nextDay.getDate() + 1);
+    onChangeDate(DateUtils.formatDate(nextDay, false));
+  }
+};
+
+const handleToday = () => {
+  // 回到今天
+  const today = new Date();
+  if (choseType.value === '周') {
+    onChangeWeek(DateUtils.formatDate(today, false));
+  } else if (choseType.value === '月') {
+    onChangeMonth(DateUtils.formatDate(today, false));
+  } else {
+    onChangeDate(DateUtils.formatDate(today, false));
+  }
+};
+
+// 获取数据
+const handleSearch = () => {
+  query.page = pageInfo.page;
+  query.page_size = pageInfo.page_size;
+  console.log('query', query);
+  getTaskSchedules(query)
+    .then((response) => {
+      if (response.data) {
+        // 根据API响应结构调整
+        const apiData = response.data.data || response.data;
+        data.value = processTableData(apiData);
+        pageInfo.total = response.data.total || apiData.length;
+      }
+    })
+    .catch((error) => {
+      console.error('获取任务排期数据失败:', error);
+      data.value = [];
+    });
+};
+
+// 获取运营人员
+const getOperators = async () => {
+  try {
+    const { code, data: operatorsData } = await fetchAccountOperators();
+    if (code === 200) {
+      operators.value = operatorsData.map((op: any) => ({
+        value: op.id,
+        label: op.name,
+      }));
+    }
+  } catch (error) {
+    console.error('获取运营人员数据失败:', error);
+  }
+};
+
+// 监听日期维度变化
+watch(choseType, (newVal) => {
+  setDateRange();
+  setTableSpecific();
+  handleSearch();
+});
+
+onMounted(() => {
+  setDateRange();
+  setTableSpecific();
+  handleSearch();
+  getOperators();
+});
+</script>
+
+<style scoped>
+.content {
+  background: white;
+  width: 100%;
+  height: 600px;
+  padding: 12px;
+}
+
+.arco-dropdown-open .arco-icon-down {
+  transform: rotate(180deg);
+}
+
+.task-container {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 4px 0;
+}
+
+.task-item {
+  padding: 4px 8px;
+  border-radius: 4px;
+  color: white;
+  line-height: 1.4;
+  word-break: break-word;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  display: flex;
+}
+
+.task-item:hover {
+  opacity: 0.8;
+}
+
+.no-task {
+  color: #999;
+  font-style: italic;
+  text-align: center;
+  padding: 8px 0;
+}
+.tip-trigger {
+  background-color: #ffffff;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  width: 100px;
+  height: 80px;
+}
+.tip-trigger:hover {
+  background-color: #f0f0f0;
+}
+</style>
diff --git a/vite.config.ts b/vite.config.ts
index 3ff6cce..d44942f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,7 +40,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'https://lingjiapi.lvfunai.com/api',
+          // target: 'https://lingjiapi.lvfunai.com/api',
+          target: 'http://192.168.40.7/api',
         },
       },
     },

From 37ac8662ecf12dad8c1054c5b4a02a98156bf697 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Fri, 29 Aug 2025 16:39:14 +0800
Subject: [PATCH 02/13] =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=9A=84=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/DateUtils.ts                        |   8 +
 .../assignment-management/index.vue           | 147 +++++++++++-------
 2 files changed, 98 insertions(+), 57 deletions(-)

diff --git a/src/utils/DateUtils.ts b/src/utils/DateUtils.ts
index 1f51f0b..9b2a237 100644
--- a/src/utils/DateUtils.ts
+++ b/src/utils/DateUtils.ts
@@ -33,6 +33,14 @@ class DateUtils {
     };
   }
 
+  static MonthStrToDate(dateStr: string): Date {
+    const year = parseInt(dateStr.split('年')[0]);
+    const month = parseInt(dateStr.split('年')[1].split('月')[0]) - 1; // 月份从0开始
+
+    const date = new Date(year, month, 1);
+    return date;
+  }
+
   /**
    * 获取指定年份和月的范围
    * @param year 年份
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 2200bd9..9cd4f3e 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -15,6 +15,7 @@
             v-else-if="choseType === '周'"
             @change="onChangeWeek"
             v-model="weekModel"
+            format="YYYY年MM月DD日"
           />
           <a-month-picker
             class="w-188px size-14px"
@@ -199,7 +200,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, watch, computed } from 'vue';
+import { ref, reactive, onMounted, watch, computed, nextTick } from 'vue';
+import type { TableColumnData } from '@arco-design/web-vue';
 import { getTaskSchedules } from '@/api/all/assignment-management';
 import { fetchAccountOperators } from '@/api/all/propertyMarketing';
 
@@ -213,17 +215,16 @@ import icon7 from '@/assets/img/platform/icon-ks.png';
 import icon8 from '@/assets/img/platform/icon-bilibili.png';
 import DateUtils from '@/utils/DateUtils';
 
-const choseType = ref('周');
+const choseType = ref('日');
+const dayModel = ref(new Date());
+const weekModel = ref(new Date());
+const monthModel = ref(new Date());
 const currentDateRange = reactive({
   start: '',
   end: '',
 });
-const weekModel = ref(DateUtils.formatDate(new Date()));
-const dayModel = ref(DateUtils.formatDate(new Date()));
-const monthModel = ref(DateUtils.formatDate(new Date()));
-
-const columns = ref([]);
-const data = ref([]);
+const columns = ref<TableColumnData[]>([]);
+const data = ref<any[]>([]);
 const operators = ref([]);
 const platformOptions = ref([
   { value: 0, label: '抖音' },
@@ -250,7 +251,7 @@ const query = reactive({
   execution_time: [] as string[],
 });
 
-const handleMore = (record: any[], column: number) => {
+const handleMore = (record: any, column: any) => {
   console.log('record', record);
   console.log('column', column);
   console.log('data', record[column.dataIndex]);
@@ -259,12 +260,12 @@ const handleMore = (record: any[], column: number) => {
 // 计算当前日期范围内的所有日期，统一返回 number 数组
 const currentDateHeaders = computed(() => {
   if (choseType.value === '周') {
-    const specificWeek = DateUtils.getWeekDaysByDate(new Date(currentDateRange.start || new Date().toString()), 0);
-    return specificWeek.map((item) => parseInt(item.day, 10)); // 转换为数字数组
+    const specificWeek = DateUtils.getWeekDaysByDate(new Date(weekModel.value), 0);
+    return specificWeek.map((item) => parseInt(item.day.toString(), 10)); // 转换为数字数组
   } else if (choseType.value === '月') {
-    const currentYearMonth = DateUtils.getCurrentYearMonth();
-    const tabTitle = DateUtils.getDaysAndWeekdays(currentYearMonth.year, currentYearMonth.month);
-    return tabTitle.map((item) => parseInt(item.day, 10)); // 转换为数字数组
+    const date = new Date(monthModel.value);
+    const tabTitle = DateUtils.getDaysAndWeekdays(date.getFullYear(), date.getMonth());
+    return tabTitle.map((item) => parseInt(item.day.toString(), 10)); // 转换为数字数组
   } else {
     // 日维度，返回当天的日期数字
     const day = new Date(dayModel.value).getDate();
@@ -303,7 +304,7 @@ const formatTaskName = (name: string) => {
 // 时间戳转日期格式，并提取日期数字
 const timestampToDayNumber = (timestamp: number) => {
   const date = new Date(timestamp * 1000); // 假设时间戳是秒级
-  return parseInt(date.getDate().toString().padStart(2, '0')); // 返回 '01', '02', ..., '31'
+  return date.getDate(); // 返回数字类型的日期
 };
 
 // 时间戳转时间格式 (HH:MM)
@@ -371,15 +372,16 @@ const setDateRange = () => {
   } else if (choseType.value === '月') {
     const monthRange = DateUtils.getMonthRangeByYearMonth(
       new Date(monthModel.value).getFullYear(),
-      new Date(monthModel.value).getMonth() + 1
+      new Date(monthModel.value).getMonth() + 1,
     );
     currentDateRange.start = monthRange.startFormatted;
     currentDateRange.end = monthRange.endFormatted;
     query.execution_time = [currentDateRange.start, currentDateRange.end];
   } else {
     // 日维度
-    currentDateRange.start = dayModel.value;
-    currentDateRange.end = dayModel.value;
+    const date = new Date(dayModel.value);
+    currentDateRange.start = DateUtils.formatDate(date);
+    currentDateRange.end = DateUtils.formatDate(date);
     query.execution_time = [currentDateRange.start, currentDateRange.end];
   }
 };
@@ -391,7 +393,6 @@ const setTableSpecific = () => {
       title: '账号与发布平台',
       slotName: 'name',
       width: 150,
-      minWidth: 100,
       fixed: 'left',
     },
   ];
@@ -399,18 +400,18 @@ const setTableSpecific = () => {
   let dateHeaders: any[] = [];
 
   if (choseType.value === '周') {
-    const specificWeek = DateUtils.getWeekDaysByDate(new Date(currentDateRange.start || new Date().toString()), 0);
+    const specificWeek = DateUtils.getWeekDaysByDate(new Date(weekModel.value), 0);
     dateHeaders = specificWeek;
   } else if (choseType.value === '月') {
-    const currentYearMonth = DateUtils.getCurrentYearMonth();
-    const tabTitle = DateUtils.getDaysAndWeekdays(currentYearMonth.year, currentYearMonth.month);
+    const date = new Date(monthModel.value);
+    const tabTitle = DateUtils.getDaysAndWeekdays(date.getFullYear(), date.getMonth());
     dateHeaders = tabTitle;
   } else {
     // 日维度
     const date = new Date(dayModel.value);
-    const day = date.getDate().toString().padStart(2, '0');
+    const day = date.getDate();
     const weekday = DateUtils.formatDateToWeekdayDay(date);
-    dateHeaders = [{ day, weekday }];
+    dateHeaders = [{ day: day, weekday, date: DateUtils.formatDate(date) }];
   }
 
   // 添加日期列
@@ -418,10 +419,8 @@ const setTableSpecific = () => {
     columns.value.push({
       title: `${item.weekday}`,
       dataIndex: item.day, // 使用日期数字作为dataIndex
-      key: item.day,
       slotName: 'dateCell',
       width: 135,
-      minWidth: 100,
       sortable: {
         sortDirections: ['ascend', 'descend'],
       },
@@ -429,41 +428,62 @@ const setTableSpecific = () => {
   });
 };
 
-// 日期变化处理
+// 日期变化处理（日维度）
 const onChangeDate = (val: any) => {
   if (val) {
-    dayModel.value = DateUtils.formatDate(new Date(val));
+    // 确保val是Date对象
+    const selectedDate = val instanceof Date ? val : new Date(val);
+    dayModel.value = selectedDate;
+
+    // 更新日期范围和其他相关状态
     setDateRange();
     setTableSpecific();
-    handleSearch();
+
+    // 在下一个tick中执行搜索，确保DOM更新完成
+    nextTick(() => {
+      handleSearch();
+    });
   }
 };
 
+// 日期变化处理（周维度）
 const onChangeWeek = (val: any) => {
   console.log('onChangeWeek val', val);
   if (val) {
-    const weekRange = DateUtils.getWeekRange(new Date(val));
-    console.log('weekRange', weekRange);
-    currentDateRange.start = weekRange.startFormatted;
-    currentDateRange.end = weekRange.endFormatted;
-    query.execution_time = [currentDateRange.start, currentDateRange.end];
-    weekModel.value = val;
+    // 确保val是Date对象
+    const selectedDate = val instanceof Date ? val : new Date(val);
+    weekModel.value = selectedDate;
+
+    // 更新日期范围和其他相关状态
+    setDateRange();
     setTableSpecific();
-    handleSearch();
+
+    // 在下一个tick中执行搜索，确保DOM更新完成
+    nextTick(() => {
+      handleSearch();
+    });
   }
 };
 
 const onChangeMonth = (val: any) => {
-  console.log('val', val);
+  if (typeof val === 'string') {
+    val = DateUtils.MonthStrToDate(val);
+    console.log('onChangeMonth val', val);
+  }
+  console.log('onChangeMonth val', val);
   if (val) {
-    const monthRange = DateUtils.getMonthRange(new Date(val));
-    currentDateRange.start = monthRange.startFormatted;
-    currentDateRange.end = monthRange.endFormatted;
-    query.execution_time = [currentDateRange.start, currentDateRange.end];
-    const date = new Date(val);
-    monthModel.value = val;
+    // 确保val是Date对象
+    const selectedDate = val instanceof Date ? val : new Date(val);
+    monthModel.value = selectedDate;
+
+    // 更新日期范围和其他相关状态
+    setDateRange();
     setTableSpecific();
-    handleSearch();
+
+    // 在下一个tick中执行搜索，确保DOM更新完成
+    nextTick(() => {
+      handleSearch();
+    });
   }
 };
 
@@ -472,7 +492,9 @@ const handleSelect = (val: string) => {
   choseType.value = val;
   setDateRange();
   setTableSpecific();
-  handleSearch();
+  nextTick(() => {
+    handleSearch();
+  });
 };
 
 // 日期导航
@@ -481,15 +503,15 @@ const handlePrev = () => {
   if (choseType.value === '周') {
     const prevWeek = new Date(weekModel.value);
     prevWeek.setDate(prevWeek.getDate() - 7);
-    onChangeWeek(DateUtils.formatDate(prevWeek, false));
+    onChangeWeek(prevWeek);
   } else if (choseType.value === '月') {
     const prevMonth = new Date(monthModel.value);
     prevMonth.setMonth(prevMonth.getMonth() - 1);
-    onChangeMonth(DateUtils.formatDate(prevMonth, false));
+    onChangeMonth(prevMonth);
   } else {
     const prevDay = new Date(dayModel.value);
     prevDay.setDate(prevDay.getDate() - 1);
-    onChangeDate(DateUtils.formatDate(prevDay, false));
+    onChangeDate(prevDay);
   }
 };
 
@@ -498,15 +520,15 @@ const handleNext = () => {
   if (choseType.value === '周') {
     const nextWeek = new Date(weekModel.value);
     nextWeek.setDate(nextWeek.getDate() + 7);
-    onChangeWeek(DateUtils.formatDate(nextWeek, false));
+    onChangeWeek(nextWeek);
   } else if (choseType.value === '月') {
     const nextMonth = new Date(monthModel.value);
     nextMonth.setMonth(nextMonth.getMonth() + 1);
-    onChangeMonth(DateUtils.formatDate(nextMonth, false));
+    onChangeMonth(nextMonth);
   } else {
     const nextDay = new Date(dayModel.value);
     nextDay.setDate(nextDay.getDate() + 1);
-    onChangeDate(DateUtils.formatDate(nextDay, false));
+    onChangeDate(nextDay);
   }
 };
 
@@ -514,11 +536,11 @@ const handleToday = () => {
   // 回到今天
   const today = new Date();
   if (choseType.value === '周') {
-    onChangeWeek(DateUtils.formatDate(today, false));
+    onChangeWeek(today);
   } else if (choseType.value === '月') {
-    onChangeMonth(DateUtils.formatDate(today, false));
+    onChangeMonth(today);
   } else {
-    onChangeDate(DateUtils.formatDate(today, false));
+    onChangeDate(today);
   }
 };
 
@@ -559,9 +581,20 @@ const getOperators = async () => {
 
 // 监听日期维度变化
 watch(choseType, (newVal) => {
-  setDateRange();
-  setTableSpecific();
-  handleSearch();
+  // 重置对应模型的值为当前日期
+  const now = new Date();
+  if (newVal === '日') {
+    dayModel.value = now;
+  } else if (newVal === '周') {
+    weekModel.value = now;
+  } else if (newVal === '月') {
+    monthModel.value = now;
+  }
+  nextTick(() => {
+    setDateRange();
+    setTableSpecific();
+    handleSearch();
+  });
 });
 
 onMounted(() => {

From e142b373dfd14c1186faf61ff74631111759e2e7 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Sat, 30 Aug 2025 13:53:53 +0800
Subject: [PATCH 03/13] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assignment-management/index.vue           | 83 +++++++++----------
 vite.config.ts                                |  4 +-
 2 files changed, 42 insertions(+), 45 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 9cd4f3e..1f3a761 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -117,6 +117,7 @@
                     :options="operators"
                     v-model="query.operator_id"
                     @change="handleSearch"
+                    class="!w-200px"
                   />
                 </a-space>
               </div>
@@ -128,6 +129,7 @@
                     :options="platformOptions"
                     v-model="query.platform"
                     @change="handleSearch"
+                    class="!w-200px"
                   />
                 </a-space>
               </div>
@@ -215,7 +217,7 @@ import icon7 from '@/assets/img/platform/icon-ks.png';
 import icon8 from '@/assets/img/platform/icon-bilibili.png';
 import DateUtils from '@/utils/DateUtils';
 
-const choseType = ref('日');
+const choseType = ref('周');
 const dayModel = ref(new Date());
 const weekModel = ref(new Date());
 const monthModel = ref(new Date());
@@ -251,6 +253,7 @@ const query = reactive({
   execution_time: [] as string[],
 });
 
+// 显示所有的
 const handleMore = (record: any, column: any) => {
   console.log('record', record);
   console.log('column', column);
@@ -290,7 +293,6 @@ const getPlatformIcon = (platform: number) => {
 
 // 获取任务颜色
 const getTaskColor = (taskType: number) => {
-  console.log('taskType', taskType);
   // 根据API文档，type: 0=选题，1=内容稿件
   return taskType === 0 ? '#6d4cfe' : '#ffae00';
 };
@@ -339,19 +341,14 @@ const processTableData = (apiData: any[]) => {
     if (account.task_schedules && account.task_schedules.length > 0) {
       account.task_schedules.forEach((task: any) => {
         const taskDay = timestampToDayNumber(task.execution_time);
-        console.log('taskDay', taskDay, typeof taskDay);
-        console.log('currentDateHeaders', currentDateHeaders.value);
-        console.log('rowData', currentDateHeaders.value.includes(taskDay));
         // 如果这个日期在当前表头中，则添加到对应列
         if (currentDateHeaders.value.includes(taskDay)) {
-          console.log('taskDay', task);
           rowData[taskDay].push({
             id: task.id,
             name: task.name,
             type: task.type,
             execution_time: task.execution_time,
           });
-          console.log('taskDay', rowData[taskDay]);
         }
       });
     }
@@ -393,7 +390,8 @@ const setTableSpecific = () => {
       title: '账号与发布平台',
       slotName: 'name',
       width: 150,
-      fixed: 'left',
+      ellipsis: true,
+      tooltip: true,
     },
   ];
 
@@ -405,17 +403,27 @@ const setTableSpecific = () => {
   } else if (choseType.value === '月') {
     const date = new Date(monthModel.value);
     const tabTitle = DateUtils.getDaysAndWeekdays(date.getFullYear(), date.getMonth());
-    dateHeaders = tabTitle;
+    // 为月视图添加日期对象，以便后续判断是否为周末
+    dateHeaders = tabTitle.map((item) => {
+      const dayDate = new Date(date.getFullYear(), date.getMonth(), item.day);
+      return {
+        ...item,
+        date: dayDate,
+      };
+    });
   } else {
     // 日维度
     const date = new Date(dayModel.value);
     const day = date.getDate();
     const weekday = DateUtils.formatDateToWeekdayDay(date);
-    dateHeaders = [{ day: day, weekday, date: DateUtils.formatDate(date) }];
+    dateHeaders = [{ day: day, weekday, date: date }];
   }
 
   // 添加日期列
   dateHeaders.forEach((item) => {
+    // 检查是否为周末（周日为0，周六为6）
+    const isWeekend = item.date ? item.date.getDay() === 0 || item.date.getDay() === 6 : false;
+
     columns.value.push({
       title: `${item.weekday}`,
       dataIndex: item.day, // 使用日期数字作为dataIndex
@@ -424,6 +432,8 @@ const setTableSpecific = () => {
       sortable: {
         sortDirections: ['ascend', 'descend'],
       },
+      // 如果是周末，添加自定义样式
+      cellClass: isWeekend ? 'weekend-column' : '',
     });
   });
 };
@@ -448,7 +458,6 @@ const onChangeDate = (val: any) => {
 
 // 日期变化处理（周维度）
 const onChangeWeek = (val: any) => {
-  console.log('onChangeWeek val', val);
   if (val) {
     // 确保val是Date对象
     const selectedDate = val instanceof Date ? val : new Date(val);
@@ -468,9 +477,7 @@ const onChangeWeek = (val: any) => {
 const onChangeMonth = (val: any) => {
   if (typeof val === 'string') {
     val = DateUtils.MonthStrToDate(val);
-    console.log('onChangeMonth val', val);
   }
-  console.log('onChangeMonth val', val);
   if (val) {
     // 确保val是Date对象
     const selectedDate = val instanceof Date ? val : new Date(val);
@@ -548,7 +555,6 @@ const handleToday = () => {
 const handleSearch = () => {
   query.page = pageInfo.page;
   query.page_size = pageInfo.page_size;
-  console.log('query', query);
   getTaskSchedules(query)
     .then((response) => {
       if (response.data) {
@@ -559,7 +565,6 @@ const handleSearch = () => {
       }
     })
     .catch((error) => {
-      console.error('获取任务排期数据失败:', error);
       data.value = [];
     });
 };
@@ -571,8 +576,9 @@ const getOperators = async () => {
     if (code === 200) {
       operators.value = operatorsData.map((op: any) => ({
         value: op.id,
-        label: op.name,
+        name: op.name,
       }));
+      console.log('operatorsData:', operators.value);
     }
   } catch (error) {
     console.error('获取运营人员数据失败:', error);
@@ -620,42 +626,33 @@ onMounted(() => {
 .task-container {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-  padding: 4px 0;
+  height: 100%;
 }
 
 .task-item {
-  padding: 4px 8px;
-  border-radius: 4px;
-  color: white;
-  line-height: 1.4;
-  word-break: break-word;
-  cursor: pointer;
-  transition: opacity 0.2s;
   display: flex;
+  align-items: center;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.task-item:hover {
-  opacity: 0.8;
+.task-more {
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
 }
 
 .no-task {
-  color: #999;
-  font-style: italic;
-  text-align: center;
-  padding: 8px 0;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.tip-trigger {
-  background-color: #ffffff;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  padding: 4px 8px;
-  cursor: pointer;
-  transition: background-color 0.3s;
-  width: 100px;
-  height: 80px;
-}
-.tip-trigger:hover {
-  background-color: #f0f0f0;
+
+/* 周末列背景色 */
+:deep(.weekend-column) {
+  background-color: #fbfaff !important;
 }
 </style>
diff --git a/vite.config.ts b/vite.config.ts
index d44942f..e492aa2 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,8 +40,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          // target: 'https://lingjiapi.lvfunai.com/api',
-          target: 'http://192.168.40.7/api',
+          target: 'https://lingjiapi.lvfunai.com/api',
+          // target: 'http://192.168.40.7/api',
         },
       },
     },

From bdb347d771d55162a4f3998b5c3b1f616764922f Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Sat, 30 Aug 2025 15:54:54 +0800
Subject: [PATCH 04/13] =?UTF-8?q?=E7=82=B9=E5=87=BB=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assignment-management/index.vue           | 212 +++++++++++++++---
 1 file changed, 185 insertions(+), 27 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 1f3a761..d1360d7 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -66,7 +66,7 @@
             margin-top: 8px;
           "
         >
-          <a-button size="small" class="mr-12px">
+          <a-button size="small" class="mr-12px color-scheme-btn" :bordered="false">
             <template #icon>
               <icon-info-circle-fill size="16" class="color-#55585F" />
             </template>
@@ -162,36 +162,136 @@
         <!-- 动态日期列渲染 -->
         <template #dateCell="{ record, column }">
           <div v-if="record[column.dataIndex] && record[column.dataIndex].length > 0" class="task-container">
-            <div v-if="record[column.dataIndex].length >= 3" class="task-more" @click="handleMore(record, column)">
+            <div v-if="record[column.dataIndex].length >= 3" class="task-more">
               <div
                 :key="record[column.dataIndex][0].id"
                 class="task-item size-12px"
                 :title="record[column.dataIndex][0].name || '-'"
               >
-                <div class="size-12px color-#211F24 mr-4px">
-                  {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
-                </div>
-                <div :style="{ color: getTaskColor(record[column.dataIndex][0].type) }">
-                  {{ formatTaskName(record[column.dataIndex][0].name) }}{{ record[column.dataIndex][0].type }}
-                </div>
-              </div>
-              <div class="size-12px color-#8f959f" style="padding: 0px 8px">
-                还有{{ record[column.dataIndex].length - 1 }}项
+                <a-trigger trigger="click" position="br">
+                  <div class="task-item size-12px">
+                    <div class="size-12px color-#211F24 mr-4px">
+                      {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
+                    </div>
+                    <div
+                      class="size-12px"
+                      :style="{
+                        color: getTaskColor(
+                          record[column.dataIndex][0].type,
+                          record[column.dataIndex][0].execution_time,
+                        ),
+                      }"
+                      style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
+                    >
+                      {{ formatTaskName(record[column.dataIndex][0].name) }}
+                    </div>
+                  </div>
+                  <template #content>
+                    <div class="flex flex-col items-start cell-detail">
+                      <div class="flex items-center">
+                        <img
+                          :src="getPlatformIcon(record.platform)"
+                          style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
+                        />
+                        {{ record.name || '-' }}
+                      </div>
+                      <div class="size-12px color-#939499 mt-2px">
+                        {{ timestampToTime1(record[column.dataIndex][0].execution_time) }}
+                      </div>
+                      <div class="size-14px color-#211F24 mt-12px">
+                        {{ record[column.dataIndex][0].name || '未命名' }}
+                      </div>
+                      <div class="flex items-center mt-12px">
+                        <div class="opt-btn">修改发布时间</div>
+                        <div class="opt-btn" style="margin-right: 0px">删除</div>
+                      </div>
+                    </div>
+                  </template>
+                </a-trigger>
               </div>
+              <a-trigger trigger="click" position="br">
+                <div class="size-12px color-#8f959f" style="padding: 0px 8px">
+                  还有{{ record[column.dataIndex].length - 1 }}项
+                </div>
+                <template #content>
+                  <div
+                    class="flex flex-col items-start"
+                    style="background-color: #fff; padding: 12px; box-shadow: #00000010 0px 2px 8px; border-radius: 4px"
+                  >
+                    <div v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
+                      <a-trigger trigger="click" align-point>
+                        <div class="flex items-start mb-8px">
+                          <div class="size-12px color-#211F24 mr-4px">
+                            {{ timestampToTime(task.execution_time) }}
+                          </div>
+                          <div class="size-12px" :style="{ color: getTaskColor(task.type, task.execution_time) }">
+                            {{ task.name || '未命名' }}
+                          </div>
+                        </div>
+                        <template #content>
+                          <div class="flex flex-col items-start cell-detail">
+                            <div class="flex items-center">
+                              <img
+                                :src="getPlatformIcon(record.platform)"
+                                style="
+                                  border-radius: 8px;
+                                  width: 16px;
+                                  height: 16px;
+                                  margin-right: 8px;
+                                  font-size: 14px;
+                                "
+                              />
+                              {{ record.name || '-' }}
+                            </div>
+                            <div class="size-12px color-#939499 mt-2px">
+                              {{ timestampToTime1(task.execution_time) }}
+                            </div>
+                            <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
+                            <div class="flex items-center mt-12px">
+                              <div class="opt-btn">修改发布时间</div>
+                              <div class="opt-btn" style="margin-right: 0px">删除</div>
+                            </div>
+                          </div>
+                        </template>
+                      </a-trigger>
+                    </div>
+                  </div>
+                </template>
+              </a-trigger>
             </div>
-            <div
-              v-else
-              v-for="task in record[column.dataIndex]"
-              :key="task.id"
-              class="task-item"
-              :title="task.name || '-'"
-            >
-              <div class="size-12px color-#211F24 mr-4px">
-                {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
-              </div>
-              <div :style="{ color: getTaskColor(task.type) }">
-                {{ formatTaskName(record[column.dataIndex][0].name) }}{{ record[column.dataIndex][0].type }}
-              </div>
+            <div v-else v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
+              <a-trigger trigger="click" align-point>
+                <div class="task-item">
+                  <div class="size-12px color-#211F24 mr-4px">
+                    {{ timestampToTime(task.execution_time) }}
+                  </div>
+                  <div
+                    :style="{ color: getTaskColor(task.type, task.execution_time) }"
+                    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
+                  >
+                    {{ formatTaskName(task.name) }}
+                  </div>
+                </div>
+                <template #content>
+                  <div class="flex flex-col items-start cell-detail">
+                    <div class="flex items-center">
+                      <img
+                        :src="getPlatformIcon(record.platform)"
+                        style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
+                      />
+                      {{ record.name || '-' }}
+                    </div>
+                    <div class="size-12px color-#939499 mt-2px">
+                      {{ timestampToTime1(task.execution_time) }}
+                    </div>
+                    <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
+                    <div class="flex items-center mt-12px">
+                      <div class="opt-btn">修改发布时间</div>
+                      <div class="opt-btn" style="margin-right: 0px">删除</div>
+                    </div>
+                  </div>
+                </template>
+              </a-trigger>
             </div>
           </div>
           <div v-else class="no-task"></div>
@@ -217,6 +317,10 @@ import icon7 from '@/assets/img/platform/icon-ks.png';
 import icon8 from '@/assets/img/platform/icon-bilibili.png';
 import DateUtils from '@/utils/DateUtils';
 
+const visible = ref(false);
+const modalVisible = ref(false);
+const selectedTask = ref<any>(null);
+
 const choseType = ref('周');
 const dayModel = ref(new Date());
 const weekModel = ref(new Date());
@@ -260,6 +364,16 @@ const handleMore = (record: any, column: any) => {
   console.log('data', record[column.dataIndex]);
 };
 
+const handleCell = (record: any, column: any, task: any) => {
+  selectedTask.value = {
+    ...task,
+    platform: record.platform,
+    accountName: record.name,
+  };
+  modalVisible.value = true;
+  console.log('data', record[column.dataIndex]);
+};
+
 // 计算当前日期范围内的所有日期，统一返回 number 数组
 const currentDateHeaders = computed(() => {
   if (choseType.value === '周') {
@@ -292,8 +406,15 @@ const getPlatformIcon = (platform: number) => {
 };
 
 // 获取任务颜色
-const getTaskColor = (taskType: number) => {
-  // 根据API文档，type: 0=选题，1=内容稿件
+const getTaskColor = (taskType: number, executionTime: number) => {
+  // 判断任务是否已过期
+  const isExpired = executionTime * 1000 < Date.now();
+  // 如果已过期，根据任务类型返回对应颜色
+  if (isExpired) {
+    return taskType === 0 ? '#A794FE' : '#FFCF66';
+  }
+
+  // 未过期，根据API文档，type: 0=选题，1=内容稿件
   return taskType === 0 ? '#6d4cfe' : '#ffae00';
 };
 
@@ -309,6 +430,18 @@ const timestampToDayNumber = (timestamp: number) => {
   return date.getDate(); // 返回数字类型的日期
 };
 
+// 时间戳转时间格式 (MM月DD HH:MM)
+const timestampToTime1 = (timestamp: number): string => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+  // 获取月份和日期（注意：月份从0开始，需要+1）
+  const month = (date.getMonth() + 1).toString().padStart(2, '0');
+  const day = date.getDate().toString().padStart(2, '0');
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+
+  return `${month}月${day} ${hours}:${minutes}`;
+};
+
 // 时间戳转时间格式 (HH:MM)
 const timestampToTime = (timestamp: number): string => {
   const date = new Date(timestamp * 1000); // 假设时间戳是秒级
@@ -578,7 +711,6 @@ const getOperators = async () => {
         value: op.id,
         name: op.name,
       }));
-      console.log('operatorsData:', operators.value);
     }
   } catch (error) {
     console.error('获取运营人员数据失败:', error);
@@ -655,4 +787,30 @@ onMounted(() => {
 :deep(.weekend-column) {
   background-color: #fbfaff !important;
 }
+
+/* 颜色示意按钮样式 */
+:deep(.color-scheme-btn) {
+  border: none !important;
+  background: none !important;
+  box-shadow: none !important;
+}
+
+.cell-detail {
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  box-shadow: #00000010 0px 2px 8px;
+  padding: 8px 16px;
+  margin-top: 8px;
+}
+.opt-btn {
+  font-size: 12px;
+  width: 138px;
+  height: 28px;
+  background-color: #f2f3f5;
+  text-align: center;
+  line-height: 28px;
+  border-radius: 4px;
+  margin-right: 12px;
+}
 </style>

From e2d69b926fac0dce8f9ee84c22afb4493d0318c9 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Sat, 30 Aug 2025 16:12:56 +0800
Subject: [PATCH 05/13] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/property-marketing/assignment-management/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index d1360d7..0cdff28 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -137,7 +137,7 @@
                 <div class="w-70px">账号名称</div>
                 <a-input
                   v-model="query.name"
-                  :style="{ width: '200px' }"
+                  class="!w-200px"
                   placeholder="输入账号名称"
                   @change="handleSearch"
                 />

From 2a38ef9ac34e6b46c6eff9d3517e3311b0f29be8 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Tue, 2 Sep 2025 14:30:42 +0800
Subject: [PATCH 06/13] =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/assignment-management.ts          |  20 ++-
 .../components/TaskDetail.vue                 |  82 ++++++++++
 .../assignment-management/index.vue           | 148 ++++++++----------
 3 files changed, 165 insertions(+), 85 deletions(-)
 create mode 100644 src/views/property-marketing/assignment-management/components/TaskDetail.vue

diff --git a/src/api/all/assignment-management.ts b/src/api/all/assignment-management.ts
index 72f9870..d23ae94 100644
--- a/src/api/all/assignment-management.ts
+++ b/src/api/all/assignment-management.ts
@@ -1,6 +1,24 @@
 import Http from '@/api';
 
-// 获取用户自定义列
+// 任务管理-分页
 export const getTaskSchedules = (params = {}) => {
   return Http.get('/v1/media-accounts/task-schedules', params);
 };
+
+// 任务管理-删除
+export const delTaskSchedules = (id: string) => {
+  console.log('id', id);
+  return Http.delete(`/v1/task-schedules/${id}`);
+};
+
+// 任务管理-修改
+export const editTaskSchedules = (id: string) => {
+  console.log('id', id);
+  return Http.put(`/v1/task-schedules/${id}`);
+};
+
+// 任务管理-详情
+export const getTaskSchedulesDetail = (id: string) => {
+  console.log('id', id);
+  return Http.get(`/v1/task-schedules/${id}`);
+};
diff --git a/src/views/property-marketing/assignment-management/components/TaskDetail.vue b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
new file mode 100644
index 0000000..5908455
--- /dev/null
+++ b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="flex flex-col items-start cell-detail">
+    <div class="flex items-center">
+      <img
+        :src="getPlatformIcon(record.platform)"
+        style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
+      />
+      {{ record.name || '-' }}
+    </div>
+    <div class="size-12px color-#939499 mt-2px">
+      {{ timestampToTime1(task.execution_time) }}
+    </div>
+    <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
+    <div class="flex items-center mt-12px">
+      <div class="opt-btn" @click.stop="handleEditTime">修改发布时间</div>
+      <div class="opt-btn" @click.stop="handleDelete" style="margin-right: 0px">删除</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, defineEmits } from 'vue';
+
+const props = defineProps({
+  task: {
+    type: Object,
+    required: true
+  },
+  record: {
+    type: Object,
+    required: true
+  },
+  getPlatformIcon: {
+    type: Function,
+    required: true
+  }
+});
+
+const emit = defineEmits(['editTime', 'delete']);
+
+// 时间戳转时间格式 (MM月DD HH:MM)
+const timestampToTime1 = (timestamp: number): string => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+  // 获取月份和日期（注意：月份从0开始，需要+1）
+  const month = (date.getMonth() + 1).toString().padStart(2, '0');
+  const day = date.getDate().toString().padStart(2, '0');
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+
+  return `${month}月${day} ${hours}:${minutes}`;
+};
+
+const handleEditTime = () => {
+  emit('editTime', props.task);
+};
+
+const handleDelete = () => {
+  emit('delete', props.task);
+};
+</script>
+
+<style scoped>
+.cell-detail {
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  box-shadow: #00000010 0px 2px 8px;
+  padding: 8px 16px;
+  margin-top: 8px;
+}
+
+.opt-btn {
+  font-size: 12px;
+  width: 138px;
+  height: 28px;
+  background-color: #f2f3f5;
+  text-align: center;
+  line-height: 28px;
+  border-radius: 4px;
+  margin-right: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 0cdff28..eede732 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -135,12 +135,7 @@
               </div>
               <div class="flex items-center">
                 <div class="w-70px">账号名称</div>
-                <a-input
-                  v-model="query.name"
-                  class="!w-200px"
-                  placeholder="输入账号名称"
-                  @change="handleSearch"
-                />
+                <a-input v-model="query.name" class="!w-200px" placeholder="输入账号名称" @change="handleSearch" />
               </div>
             </div>
           </template>
@@ -187,25 +182,14 @@
                     </div>
                   </div>
                   <template #content>
-                    <div class="flex flex-col items-start cell-detail">
-                      <div class="flex items-center">
-                        <img
-                          :src="getPlatformIcon(record.platform)"
-                          style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
-                        />
-                        {{ record.name || '-' }}
-                      </div>
-                      <div class="size-12px color-#939499 mt-2px">
-                        {{ timestampToTime1(record[column.dataIndex][0].execution_time) }}
-                      </div>
-                      <div class="size-14px color-#211F24 mt-12px">
-                        {{ record[column.dataIndex][0].name || '未命名' }}
-                      </div>
-                      <div class="flex items-center mt-12px">
-                        <div class="opt-btn">修改发布时间</div>
-                        <div class="opt-btn" style="margin-right: 0px">删除</div>
-                      </div>
-                    </div>
+                    <TaskDetail
+                      :task="record[column.dataIndex][0]"
+                      :record="record"
+                      :get-platform-icon="getPlatformIcon"
+                      @edit-time="handleModifyTime"
+                      @delete="handleDelete"
+                      @delete-task="handleDelete"
+                    />
                   </template>
                 </a-trigger>
               </div>
@@ -229,29 +213,14 @@
                           </div>
                         </div>
                         <template #content>
-                          <div class="flex flex-col items-start cell-detail">
-                            <div class="flex items-center">
-                              <img
-                                :src="getPlatformIcon(record.platform)"
-                                style="
-                                  border-radius: 8px;
-                                  width: 16px;
-                                  height: 16px;
-                                  margin-right: 8px;
-                                  font-size: 14px;
-                                "
-                              />
-                              {{ record.name || '-' }}
-                            </div>
-                            <div class="size-12px color-#939499 mt-2px">
-                              {{ timestampToTime1(task.execution_time) }}
-                            </div>
-                            <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
-                            <div class="flex items-center mt-12px">
-                              <div class="opt-btn">修改发布时间</div>
-                              <div class="opt-btn" style="margin-right: 0px">删除</div>
-                            </div>
-                          </div>
+                          <TaskDetail
+                            :task="task"
+                            :record="record"
+                            :get-platform-icon="getPlatformIcon"
+                            @edit-time="handleModifyTime"
+                            @delete="handleDelete"
+                            @delete-task="handleDelete"
+                          />
                         </template>
                       </a-trigger>
                     </div>
@@ -273,23 +242,13 @@
                   </div>
                 </div>
                 <template #content>
-                  <div class="flex flex-col items-start cell-detail">
-                    <div class="flex items-center">
-                      <img
-                        :src="getPlatformIcon(record.platform)"
-                        style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
-                      />
-                      {{ record.name || '-' }}
-                    </div>
-                    <div class="size-12px color-#939499 mt-2px">
-                      {{ timestampToTime1(task.execution_time) }}
-                    </div>
-                    <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
-                    <div class="flex items-center mt-12px">
-                      <div class="opt-btn">修改发布时间</div>
-                      <div class="opt-btn" style="margin-right: 0px">删除</div>
-                    </div>
-                  </div>
+                  <TaskDetail
+                    :task="task"
+                    :record="record"
+                    :get-platform-icon="getPlatformIcon"
+                    @edit-time="handleModifyTime"
+                    @delete="handleDelete"
+                  />
                 </template>
               </a-trigger>
             </div>
@@ -299,12 +258,18 @@
       </a-table>
     </div>
   </div>
+  <a-modal v-model:visible="showModal" @ok="handleOk" @cancel="handleCancel" ok-text="确认删除">
+    <template #title> {{ deleteTitle }} </template>
+    <div>
+      {{ deleteContent }}
+    </div>
+  </a-modal>
 </template>
 
 <script lang="ts" setup>
 import { ref, reactive, onMounted, watch, computed, nextTick } from 'vue';
 import type { TableColumnData } from '@arco-design/web-vue';
-import { getTaskSchedules } from '@/api/all/assignment-management';
+import { getTaskSchedules, delTaskSchedules } from '@/api/all/assignment-management';
 import { fetchAccountOperators } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/platform/icon-dy.png';
@@ -316,8 +281,12 @@ import icon6 from '@/assets/img/platform/icon-gzh.png';
 import icon7 from '@/assets/img/platform/icon-ks.png';
 import icon8 from '@/assets/img/platform/icon-bilibili.png';
 import DateUtils from '@/utils/DateUtils';
-
+import TaskDetail from './components/TaskDetail.vue';
+const currentTask = ref();
 const visible = ref(false);
+const deleteTitle = ref('');
+const deleteContent = ref('');
+const showModal = ref(false);
 const modalVisible = ref(false);
 const selectedTask = ref<any>(null);
 
@@ -357,21 +326,36 @@ const query = reactive({
   execution_time: [] as string[],
 });
 
-// 显示所有的
-const handleMore = (record: any, column: any) => {
-  console.log('record', record);
-  console.log('column', column);
-  console.log('data', record[column.dataIndex]);
+// 处理删除操作
+const handleDelete = (task: any) => {
+  currentTask.value = task;
+  if (task.type == 1) {
+    deleteTitle.value = '删除内容稿件排期';
+  } else {
+    deleteTitle.value = '删除选题排期';
+  }
+  deleteContent.value = '确认删除“' + task.name + '”吗？';
+  showModal.value = true;
 };
 
-const handleCell = (record: any, column: any, task: any) => {
-  selectedTask.value = {
-    ...task,
-    platform: record.platform,
-    accountName: record.name,
-  };
-  modalVisible.value = true;
-  console.log('data', record[column.dataIndex]);
+const handleOk = () => {
+  showModal.value = false;
+  delTaskSchedules(currentTask.value.id).then(() => {
+    handleSearch();
+  });
+};
+
+const handleCancel = () => {
+  showModal.value = false;
+};
+
+const handleModifyTime = (task: any) => {
+  console.log('修改时间', task);
+  // modalVisible.value = false;
+  // // 重新获取数据
+  // getTaskSchedules(query).then((res) => {
+  //   data.value = res.data;
+  // });
 };
 
 // 计算当前日期范围内的所有日期，统一返回 number 数组
@@ -413,7 +397,6 @@ const getTaskColor = (taskType: number, executionTime: number) => {
   if (isExpired) {
     return taskType === 0 ? '#A794FE' : '#FFCF66';
   }
-
   // 未过期，根据API文档，type: 0=选题，1=内容稿件
   return taskType === 0 ? '#6d4cfe' : '#ffae00';
 };
@@ -438,14 +421,12 @@ const timestampToTime1 = (timestamp: number): string => {
   const day = date.getDate().toString().padStart(2, '0');
   const hours = date.getHours().toString().padStart(2, '0');
   const minutes = date.getMinutes().toString().padStart(2, '0');
-
   return `${month}月${day} ${hours}:${minutes}`;
 };
 
 // 时间戳转时间格式 (HH:MM)
 const timestampToTime = (timestamp: number): string => {
   const date = new Date(timestamp * 1000); // 假设时间戳是秒级
-
   // 获取小时和分钟
   const hours = date.getHours().toString().padStart(2, '0');
   const minutes = date.getMinutes().toString().padStart(2, '0');
@@ -456,7 +437,6 @@ const timestampToTime = (timestamp: number): string => {
 // 处理表格数据，使其与动态表头匹配
 const processTableData = (apiData: any[]) => {
   const processedData: any[] = [];
-
   // 处理每条账号数据
   apiData.forEach((account) => {
     const rowData: any = {

From e8b117d29ec9194eb0bb61d7f35930645abdec16 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Wed, 3 Sep 2025 17:57:09 +0800
Subject: [PATCH 07/13] =?UTF-8?q?table=E7=9A=84=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TaskDetail.vue                 |  55 ++-
 .../assignment-management/index.vue           | 454 +++++++++++-------
 2 files changed, 330 insertions(+), 179 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/components/TaskDetail.vue b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
index 5908455..99aca43 100644
--- a/src/views/property-marketing/assignment-management/components/TaskDetail.vue
+++ b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col items-start cell-detail">
+  <div class="flex flex-col items-start cell-detail" @click="gotoDetail">
     <div class="flex items-center">
       <img
         :src="getPlatformIcon(record.platform)"
@@ -10,9 +10,27 @@
     <div class="size-12px color-#939499 mt-2px">
       {{ timestampToTime1(task.execution_time) }}
     </div>
-    <div class="size-14px color-#211F24 mt-12px">{{ task.name || '未命名' }}</div>
+    <div class="size-14px color-#211F24 mt-12px color-#6D4CFE">{{ task.name || '未命名' }}</div>
     <div class="flex items-center mt-12px">
-      <div class="opt-btn" @click.stop="handleEditTime">修改发布时间</div>
+      <a-trigger trigger="click" align-point>
+        <div class="opt-btn" @click.stop="handleEditTime">修改发布时间</div>
+        <template #content>
+          <div class="custom-time-picker">
+            <!-- 1. 自定义触发按钮（替代原输入框，点击弹出面板） -->
+            <!-- <button @click="toggleTimePanel" class="trigger-btn">选择时间（点击弹出面板）</button> -->
+
+            <!-- 2. a-time-picker 核心：隐藏输入框容器，仅保留弹出面板 -->
+            <a-time-picker
+              format="HH:mm"
+              :defaultValue="defaultValue"
+              :visible="isPanelVisible"
+              @visible-change="handleVisibleChange"
+              @change="handleTimeChange"
+              class="hide-input-container"
+            />
+          </div>
+        </template>
+      </a-trigger>
       <div class="opt-btn" @click.stop="handleDelete" style="margin-right: 0px">删除</div>
     </div>
   </div>
@@ -24,19 +42,31 @@ import { defineProps, defineEmits } from 'vue';
 const props = defineProps({
   task: {
     type: Object,
-    required: true
+    required: true,
   },
   record: {
     type: Object,
-    required: true
+    required: true,
   },
   getPlatformIcon: {
     type: Function,
-    required: true
-  }
+    required: true,
+  },
 });
-
-const emit = defineEmits(['editTime', 'delete']);
+const isPanelVisible = ref(false);
+const toggleTimePanel = () => {
+  isPanelVisible.value = !isPanelVisible.value;
+};
+const handleVisibleChange = (visible: boolean) => {
+  isPanelVisible.value = visible;
+};
+const handleTimeChange = (time: Date | null) => {
+  if (time) {
+    console.log('Selected time:', time);
+  }
+};
+const defaultValue = ref(new Date());
+const emit = defineEmits(['editTime', 'delete', 'gotoDetail']);
 
 // 时间戳转时间格式 (MM月DD HH:MM)
 const timestampToTime1 = (timestamp: number): string => {
@@ -57,6 +87,11 @@ const handleEditTime = () => {
 const handleDelete = () => {
   emit('delete', props.task);
 };
+
+const gotoDetail = () => {
+  console.log('跳转详情');
+  emit('gotoDetail', props.task);
+};
 </script>
 
 <style scoped>
@@ -79,4 +114,4 @@ const handleDelete = () => {
   border-radius: 4px;
   margin-right: 12px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index eede732..2909443 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -88,174 +88,167 @@
           </template>
         </a-trigger>
 
-        <a-trigger
-          trigger="click"
-          style="
-            background-color: #ffffff;
-            border: 1px solid #d9d9d9;
-            border-radius: 4px;
-            box-shadow: #00000010 0px 2px 8px;
-            width: 308px;
-            height: 180px;
-            padding: 24px;
-            margin-top: 8px;
-          "
-        >
-          <a-button size="small">
-            <template #icon>
-              <icon-filter size="16" class="color-#55585F" />
-            </template>
-            <template #default>筛选</template>
-          </a-button>
-          <template #content>
-            <div>
-              <div class="flex items-center mb-24px">
-                <div class="w-70px">运营人员</div>
-                <a-space class="w-200px">
-                  <CommonSelect
-                    :multiple="false"
-                    :options="operators"
-                    v-model="query.operator_id"
-                    @change="handleSearch"
-                    class="!w-200px"
-                  />
-                </a-space>
-              </div>
-              <div class="flex items-center mb-24px">
-                <div class="w-70px">发布平台</div>
-                <a-space class="w-200px">
-                  <CommonSelect
-                    :multiple="false"
-                    :options="platformOptions"
-                    v-model="query.platform"
-                    @change="handleSearch"
-                    class="!w-200px"
-                  />
-                </a-space>
-              </div>
-              <div class="flex items-center">
-                <div class="w-70px">账号名称</div>
-                <a-input v-model="query.name" class="!w-200px" placeholder="输入账号名称" @change="handleSearch" />
-              </div>
-            </div>
+        <a-button size="small">
+          <template #icon>
+            <icon-filter size="16" class="color-#55585F" />
           </template>
-        </a-trigger>
+          <template #default>筛选</template>
+        </a-button>
       </div>
     </div>
     <div class="flex justify-between items-start mt-16px" style="width: 100%">
-      <a-table :columns="columns" :data="data" :bordered="{ cell: true }" style="width: 100%" :pagination="false">
-        <template #name="{ record }">
-          <div class="flex items-center">
-            <img
-              :src="getPlatformIcon(record.platform)"
-              style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px"
-            />
-            {{ record.name || '-' }}
-          </div>
-        </template>
+      <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
+        <a-table
+          :columns="columns"
+          :data="data"
+          :bordered="{ cell: true }"
+          style="width: 100%"
+          :pagination="false"
+          @change="handleTableChange"
+        >
+          <!-- 表头插槽：用于自定义日期列的表头样式 -->
+          <template #empty>
+            <div class="flex flex-col items-center justify-center">
+              <img :src="emptyIcon" class="img mt-20px" alt="" width="106" height="72" />
+              <div class="text mt-36px">暂无数据</div>
+              <div class="mt-12px mb-12px">可通过账号管理添加账号，进行任务排期管理</div>
+              <a-button type="primary" @click="handleAddAccount">去添加</a-button>
+            </div>
+          </template>
+          <template #name="{ record }">
+            <div class="flex items-center">
+              <img
+                :src="getPlatformIcon(record.platform)"
+                style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px"
+              />
+              {{ record.name || '-' }}
+            </div>
+          </template>
 
-        <!-- 动态日期列渲染 -->
-        <template #dateCell="{ record, column }">
-          <div v-if="record[column.dataIndex] && record[column.dataIndex].length > 0" class="task-container">
-            <div v-if="record[column.dataIndex].length >= 3" class="task-more">
-              <div
-                :key="record[column.dataIndex][0].id"
-                class="task-item size-12px"
-                :title="record[column.dataIndex][0].name || '-'"
-              >
+          <!-- 动态日期列渲染 -->
+          <template #dateCell="{ record, column }">
+            <div v-if="record[column.dataIndex] && record[column.dataIndex].length > 0" class="task-container">
+              <div v-if="record[column.dataIndex].length >= 3" class="task-more">
+                <div
+                  :key="record[column.dataIndex][0].id"
+                  class="task-item size-12px"
+                  :title="record[column.dataIndex][0].name || '-'"
+                >
+                  <a-trigger trigger="click" position="br">
+                    <div class="task-item size-12px">
+                      <div class="size-12px color-#211F24 mr-4px">
+                        {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
+                      </div>
+                      <div
+                        class="size-12px"
+                        :style="{
+                          color: getTaskColor(
+                            record[column.dataIndex][0].type,
+                            record[column.dataIndex][0].execution_time,
+                          ),
+                        }"
+                        style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
+                      >
+                        {{ formatTaskName(record[column.dataIndex][0].name) }}
+                      </div>
+                    </div>
+                    <template #content>
+                      <TaskDetail
+                        :task="record[column.dataIndex][0]"
+                        :record="record"
+                        :get-platform-icon="getPlatformIcon"
+                        @edit-time="handleModifyTime"
+                        @delete="handleDelete"
+                        @delete-task="handleDelete"
+                        @gotoDetail="handleGoToDetail"
+                      />
+                    </template>
+                  </a-trigger>
+                </div>
                 <a-trigger trigger="click" position="br">
-                  <div class="task-item size-12px">
+                  <div class="size-12px color-#8f959f" style="padding: 0px 8px">
+                    还有{{ record[column.dataIndex].length - 1 }}项
+                  </div>
+                  <template #content>
+                    <div
+                      class="flex flex-col items-start"
+                      style="
+                        background-color: #fff;
+                        padding: 12px;
+                        box-shadow: #00000010 0px 2px 8px;
+                        border-radius: 4px;
+                      "
+                    >
+                      <div v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
+                        <a-trigger trigger="click" align-point>
+                          <div class="flex items-start mb-8px">
+                            <div class="size-12px color-#211F24 mr-4px">
+                              {{ timestampToTime(task.execution_time) }}
+                            </div>
+                            <div class="size-12px" :style="{ color: getTaskColor(task.type, task.execution_time) }">
+                              {{ task.name || '未命名' }}
+                            </div>
+                          </div>
+                          <template #content>
+                            <TaskDetail
+                              :task="task"
+                              :record="record"
+                              :get-platform-icon="getPlatformIcon"
+                              @edit-time="handleModifyTime"
+                              @delete="handleDelete"
+                              @delete-task="handleDelete"
+                              @gotoDetail="handleGoToDetail"
+                            />
+                          </template>
+                        </a-trigger>
+                      </div>
+                    </div>
+                  </template>
+                </a-trigger>
+              </div>
+              <div v-else v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
+                <a-trigger trigger="click" align-point>
+                  <div class="task-item">
                     <div class="size-12px color-#211F24 mr-4px">
-                      {{ timestampToTime(record[column.dataIndex][0].execution_time) }}
+                      {{ timestampToTime(task.execution_time) }}
                     </div>
                     <div
-                      class="size-12px"
-                      :style="{
-                        color: getTaskColor(
-                          record[column.dataIndex][0].type,
-                          record[column.dataIndex][0].execution_time,
-                        ),
-                      }"
+                      :style="{ color: getTaskColor(task.type, task.execution_time) }"
                       style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
                     >
-                      {{ formatTaskName(record[column.dataIndex][0].name) }}
+                      {{ formatTaskName(task.name) }}
                     </div>
                   </div>
                   <template #content>
                     <TaskDetail
-                      :task="record[column.dataIndex][0]"
+                      :task="task"
                       :record="record"
                       :get-platform-icon="getPlatformIcon"
                       @edit-time="handleModifyTime"
                       @delete="handleDelete"
-                      @delete-task="handleDelete"
+                      @gotoDetail="handleGoToDetail"
                     />
                   </template>
                 </a-trigger>
               </div>
-              <a-trigger trigger="click" position="br">
-                <div class="size-12px color-#8f959f" style="padding: 0px 8px">
-                  还有{{ record[column.dataIndex].length - 1 }}项
-                </div>
-                <template #content>
-                  <div
-                    class="flex flex-col items-start"
-                    style="background-color: #fff; padding: 12px; box-shadow: #00000010 0px 2px 8px; border-radius: 4px"
-                  >
-                    <div v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
-                      <a-trigger trigger="click" align-point>
-                        <div class="flex items-start mb-8px">
-                          <div class="size-12px color-#211F24 mr-4px">
-                            {{ timestampToTime(task.execution_time) }}
-                          </div>
-                          <div class="size-12px" :style="{ color: getTaskColor(task.type, task.execution_time) }">
-                            {{ task.name || '未命名' }}
-                          </div>
-                        </div>
-                        <template #content>
-                          <TaskDetail
-                            :task="task"
-                            :record="record"
-                            :get-platform-icon="getPlatformIcon"
-                            @edit-time="handleModifyTime"
-                            @delete="handleDelete"
-                            @delete-task="handleDelete"
-                          />
-                        </template>
-                      </a-trigger>
-                    </div>
-                  </div>
-                </template>
-              </a-trigger>
             </div>
-            <div v-else v-for="task in record[column.dataIndex]" :key="task.id" :title="task.name || '-'">
-              <a-trigger trigger="click" align-point>
-                <div class="task-item">
-                  <div class="size-12px color-#211F24 mr-4px">
-                    {{ timestampToTime(task.execution_time) }}
-                  </div>
-                  <div
-                    :style="{ color: getTaskColor(task.type, task.execution_time) }"
-                    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
-                  >
-                    {{ formatTaskName(task.name) }}
-                  </div>
-                </div>
-                <template #content>
-                  <TaskDetail
-                    :task="task"
-                    :record="record"
-                    :get-platform-icon="getPlatformIcon"
-                    @edit-time="handleModifyTime"
-                    @delete="handleDelete"
-                  />
-                </template>
-              </a-trigger>
-            </div>
-          </div>
-          <div v-else class="no-task"></div>
-        </template>
-      </a-table>
+            <div v-else class="no-task"></div>
+          </template>
+        </a-table>
+        <div v-if="pageInfo.total > 0" class="pagination-box">
+          <a-pagination
+            :total="pageInfo.total"
+            size="mini"
+            show-total
+            show-jumper
+            show-page-size
+            :current="pageInfo.page"
+            :page-size="pageInfo.page_size"
+            @change="onPageChange"
+            @page-size-change="onPageSizeChange"
+          />
+        </div>
+      </div>
     </div>
   </div>
   <a-modal v-model:visible="showModal" @ok="handleOk" @cancel="handleCancel" ok-text="确认删除">
@@ -269,9 +262,8 @@
 <script lang="ts" setup>
 import { ref, reactive, onMounted, watch, computed, nextTick } from 'vue';
 import type { TableColumnData } from '@arco-design/web-vue';
-import { getTaskSchedules, delTaskSchedules } from '@/api/all/assignment-management';
-import { fetchAccountOperators } from '@/api/all/propertyMarketing';
-
+import { getTaskSchedules, delTaskSchedules, getTaskSchedulesDetail } from '@/api/all/assignment-management';
+import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/platform/icon-dy.png';
 import icon2 from '@/assets/img/platform/icon-xhs.png';
 import icon3 from '@/assets/img/media-account/icon-warn.png';
@@ -282,6 +274,67 @@ import icon7 from '@/assets/img/platform/icon-ks.png';
 import icon8 from '@/assets/img/platform/icon-bilibili.png';
 import DateUtils from '@/utils/DateUtils';
 import TaskDetail from './components/TaskDetail.vue';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import emptyIcon from '@/assets/img/media-account/icon-empty.png';
+const {
+  dataSource,
+  pageInfo,
+  rowSelection,
+  onPageChange,
+  onPageSizeChange,
+  resetPageInfo,
+  selectedRowKeys,
+  selectedRows,
+  handleSelectAll,
+  DEFAULT_PAGE_INFO,
+} = useTableSelectionWithPagination({
+  onPageChange: () => {
+    handleSearch();
+  },
+  onPageSizeChange: () => {
+    handleSearch();
+  },
+});
+
+const handleTableChange = (pagination: any, sorter: any, extra: any) => {
+  console.log('分页信息:', pagination);
+  console.log('排序信息:', sorter);
+  console.log('额外信息:', extra);
+  console.log('所有列信息:', columns.value);
+
+  // 获取当前排序的列信息
+  if (sorter && sorter.sorter.direction == 'ascend' && sorter.sorter.field !== undefined) {
+    // 在columns中查找对应的列
+    // 注意：dataIndex是数字类型，而sorter.field可能是字符串类型
+    const column = columns.value.find((col: any) => {
+      // 确保比较时类型一致
+      return col.dataIndex == sorter.sorter.field || col.dataIndex == parseInt(sorter.sorter.field);
+    });
+
+    if (column) {
+      console.log('找到的列:', column);
+      if (column.date) {
+        console.log('当前排序列的日期:', column.date);
+        // 获取格式化的日期字符串
+        const formattedDate = DateUtils.formatDate(column.date);
+        console.log('当前排序列的格式化日期:', formattedDate);
+        query.top_execution_time = formattedDate;
+        handleSearch();
+      }
+    } else {
+      console.log('未找到匹配的列，尝试查找dataIndex为', sorter.field, '的列');
+    }
+  } else {
+    query.top_execution_time = undefined;
+    handleSearch();
+  }
+
+  // 获取触发变更的列信息
+  if (extra && extra.column) {
+    console.log('触发变更的列:', extra.column);
+  }
+};
+const isChartEmpty = ref(true);
 const currentTask = ref();
 const visible = ref(false);
 const deleteTitle = ref('');
@@ -301,6 +354,7 @@ const currentDateRange = reactive({
 const columns = ref<TableColumnData[]>([]);
 const data = ref<any[]>([]);
 const operators = ref([]);
+const accountList = ref([]);
 const platformOptions = ref([
   { value: 0, label: '抖音' },
   { value: 1, label: '小红书' },
@@ -311,12 +365,6 @@ const platformOptions = ref([
   { value: 6, label: '公众号' },
 ]);
 
-const pageInfo = reactive({
-  page: 1,
-  page_size: 10,
-  total: 0,
-});
-
 const query = reactive({
   page: 1,
   page_size: 20,
@@ -324,6 +372,7 @@ const query = reactive({
   operator_id: undefined,
   name: '',
   execution_time: [] as string[],
+  operator: '',
 });
 
 // 处理删除操作
@@ -337,7 +386,9 @@ const handleDelete = (task: any) => {
   deleteContent.value = '确认删除“' + task.name + '”吗？';
   showModal.value = true;
 };
-
+const handleGoToDetail = (task: any) => {
+  console.log('跳转详情', task);
+};
 const handleOk = () => {
   showModal.value = false;
   delTaskSchedules(currentTask.value.id).then(() => {
@@ -349,6 +400,7 @@ const handleCancel = () => {
   showModal.value = false;
 };
 
+const handleAddAccount = () => {};
 const handleModifyTime = (task: any) => {
   console.log('修改时间', task);
   // modalVisible.value = false;
@@ -413,17 +465,6 @@ const timestampToDayNumber = (timestamp: number) => {
   return date.getDate(); // 返回数字类型的日期
 };
 
-// 时间戳转时间格式 (MM月DD HH:MM)
-const timestampToTime1 = (timestamp: number): string => {
-  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
-  // 获取月份和日期（注意：月份从0开始，需要+1）
-  const month = (date.getMonth() + 1).toString().padStart(2, '0');
-  const day = date.getDate().toString().padStart(2, '0');
-  const hours = date.getHours().toString().padStart(2, '0');
-  const minutes = date.getMinutes().toString().padStart(2, '0');
-  return `${month}月${day} ${hours}:${minutes}`;
-};
-
 // 时间戳转时间格式 (HH:MM)
 const timestampToTime = (timestamp: number): string => {
   const date = new Date(timestamp * 1000); // 假设时间戳是秒级
@@ -509,7 +550,6 @@ const setTableSpecific = () => {
   ];
 
   let dateHeaders: any[] = [];
-
   if (choseType.value === '周') {
     const specificWeek = DateUtils.getWeekDaysByDate(new Date(weekModel.value), 0);
     dateHeaders = specificWeek;
@@ -531,20 +571,33 @@ const setTableSpecific = () => {
     const weekday = DateUtils.formatDateToWeekdayDay(date);
     dateHeaders = [{ day: day, weekday, date: date }];
   }
-
+  // 判断是否为今天
+  const isToday = (date: Date) => {
+    const today = new Date();
+    return (
+      date.getDate() === today.getDate() &&
+      date.getMonth() === today.getMonth() &&
+      date.getFullYear() === today.getFullYear()
+    );
+  };
   // 添加日期列
   dateHeaders.forEach((item) => {
     // 检查是否为周末（周日为0，周六为6）
     const isWeekend = item.date ? item.date.getDay() === 0 || item.date.getDay() === 6 : false;
-
+    const todayFlag = item.date ? isToday(item.date) : false;
     columns.value.push({
       title: `${item.weekday}`,
       dataIndex: item.day, // 使用日期数字作为dataIndex
       slotName: 'dateCell',
+      date: item.date,
       width: 135,
       sortable: {
         sortDirections: ['ascend', 'descend'],
+        sorter: true, // 禁用默认排序
       },
+      // 存储额外信息用于表头渲染
+      weekday: item.weekday,
+      todayFlag: todayFlag,
       // 如果是周末，添加自定义样式
       cellClass: isWeekend ? 'weekend-column' : '',
     });
@@ -663,6 +716,48 @@ const handleToday = () => {
     onChangeDate(today);
   }
 };
+// 处理筛选项选择事件
+const handleFilterChange = (field: string, value: any, options?: any[]) => {
+  console.log(`筛选项 ${field} 发生变化:`, value);
+  // 根据不同的筛选字段执行不同的操作
+  switch (field) {
+    case 'operator_id':
+      console.log('运营人员选择:', value);
+      // 查找选中的运营人员完整信息
+      if (options && value) {
+        if (Array.isArray(value)) {
+          // 多选情况
+          const selectedOperators = options.filter((op: any) => value.includes(op.value));
+          console.log('选中的运营人员完整信息(多选):', selectedOperators);
+        } else {
+          // 单选情况
+          const selectedOperator = options.find((op: any) => op.value == value);
+          console.log('选中的运营人员完整信息(单选):', selectedOperator);
+        }
+      }
+      break;
+    case 'platform':
+      console.log('发布平台选择:', value);
+      // 查找选中的平台完整信息
+      if (options && value !== undefined && value !== '') {
+        if (Array.isArray(value)) {
+          // 多选情况
+          const selectedPlatforms = options.filter((op: any) => value.includes(op.value));
+          console.log('选中的发布平台完整信息(多选):', selectedPlatforms);
+        } else {
+          // 单选情况
+          const selectedPlatform = options.find((op: any) => op.value == value);
+          console.log('选中的发布平台完整信息(单选):', selectedPlatform);
+        }
+      }
+      break;
+    default:
+      console.log('未知筛选字段:', field, value);
+  }
+
+  // 调用原有的搜索函数
+  handleSearch();
+};
 
 // 获取数据
 const handleSearch = () => {
@@ -674,7 +769,7 @@ const handleSearch = () => {
         // 根据API响应结构调整
         const apiData = response.data.data || response.data;
         data.value = processTableData(apiData);
-        pageInfo.total = response.data.total || apiData.length;
+        pageInfo.value.total = response.data.total || apiData.length;
       }
     })
     .catch((error) => {
@@ -697,6 +792,18 @@ const getOperators = async () => {
   }
 };
 
+const getAccountList = async () => {
+  try {
+    const { code, data: accountData } = await getMediaAccountList();
+    if (code === 200) {
+      accountList.value = accountData.map((account: any) => ({
+        value: account.id,
+        name: account.name,
+      }));
+    }
+  } catch (error) {}
+};
+
 // 监听日期维度变化
 watch(choseType, (newVal) => {
   // 重置对应模型的值为当前日期
@@ -720,6 +827,7 @@ onMounted(() => {
   setTableSpecific();
   handleSearch();
   getOperators();
+  getAccountList();
 });
 </script>
 
@@ -793,4 +901,12 @@ onMounted(() => {
   border-radius: 4px;
   margin-right: 12px;
 }
+
+.pagination-box {
+  display: flex;
+  width: 100%;
+  padding: 16px 0;
+  justify-content: flex-end;
+  align-items: center;
+}
 </style>

From 7720c3ac06e91ea71d77751ee100bc7e4d7f7b3a Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Wed, 3 Sep 2025 18:22:51 +0800
Subject: [PATCH 08/13] =?UTF-8?q?=E8=BF=90=E8=90=A5=E4=BA=BA=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assignment-management/index.vue           | 102 +++++++++++++-----
 1 file changed, 78 insertions(+), 24 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 2909443..cd0532a 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -88,12 +88,75 @@
           </template>
         </a-trigger>
 
-        <a-button size="small">
-          <template #icon>
-            <icon-filter size="16" class="color-#55585F" />
+        <a-trigger
+          trigger="click"
+          style="
+            background-color: #ffffff;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            box-shadow: #00000010 0px 2px 8px;
+            width: 308px;
+            max-height: 400px;
+            overflow-y: auto;
+            padding: 24px;
+            margin-top: 8px;
+          "
+        >
+          <a-button size="small">
+            <template #icon>
+              <icon-filter size="16" class="color-#55585F" />
+            </template>
+            <template #default>筛选</template>
+          </a-button>
+          <template #content>
+            <div>
+              <div class="flex items-center mb-24px">
+                <div class="w-70px">运营人员</div>
+                <a-space class="w-200px">
+                  <CommonSelect
+                    placeholder="请选择运营人员"
+                    :options="operators"
+                    v-model="query.operator"
+                    @change="
+                      (val) => {
+                        handleFilterChange('operator_id', val, operators);
+                      }
+                    "
+                    class="!w-200px"
+                  />
+                </a-space>
+              </div>
+              <div class="flex items-center mb-24px">
+                <div class="w-70px">发布平台</div>
+                <a-space class="w-200px">
+                  <CommonSelect
+                    :options="platformOptions"
+                    v-model="query.platform"
+                    @change="
+                      (val) => {
+                        handleFilterChange('platform', val, platformOptions);
+                      }
+                    "
+                    class="!w-200px"
+                    placeholder="请选择发布平台"
+                  />
+                </a-space>
+              </div>
+              <div class="flex items-center">
+                <div class="w-80px">账号名称</div>
+                <a-space class="w-200px">
+                  <CommonSelect
+                    v-model="query.tag_ids"
+                    :options="accountList"
+                    @change="handleSearch"
+                    class="!w-200px"
+                    placeholder="请选择账号名称"
+                  />
+                </a-space>
+              </div>
+            </div>
           </template>
-          <template #default>筛选</template>
-        </a-button>
+        </a-trigger>
       </div>
     </div>
     <div class="flex justify-between items-start mt-16px" style="width: 100%">
@@ -297,11 +360,6 @@ const {
 });
 
 const handleTableChange = (pagination: any, sorter: any, extra: any) => {
-  console.log('分页信息:', pagination);
-  console.log('排序信息:', sorter);
-  console.log('额外信息:', extra);
-  console.log('所有列信息:', columns.value);
-
   // 获取当前排序的列信息
   if (sorter && sorter.sorter.direction == 'ascend' && sorter.sorter.field !== undefined) {
     // 在columns中查找对应的列
@@ -312,12 +370,9 @@ const handleTableChange = (pagination: any, sorter: any, extra: any) => {
     });
 
     if (column) {
-      console.log('找到的列:', column);
       if (column.date) {
-        console.log('当前排序列的日期:', column.date);
         // 获取格式化的日期字符串
         const formattedDate = DateUtils.formatDate(column.date);
-        console.log('当前排序列的格式化日期:', formattedDate);
         query.top_execution_time = formattedDate;
         handleSearch();
       }
@@ -369,10 +424,12 @@ const query = reactive({
   page: 1,
   page_size: 20,
   platform: '',
-  operator_id: undefined,
+  operator_ids: undefined,
   name: '',
-  execution_time: [] as string[],
+  top_execution_time: '' as string | undefined,
+  execution_time: undefined,
   operator: '',
+  ids: [],
 });
 
 // 处理删除操作
@@ -722,17 +779,16 @@ const handleFilterChange = (field: string, value: any, options?: any[]) => {
   // 根据不同的筛选字段执行不同的操作
   switch (field) {
     case 'operator_id':
-      console.log('运营人员选择:', value);
+      console.log('运营人员选择:', value, typeof value, Array.isArray(value), options);
       // 查找选中的运营人员完整信息
       if (options && value) {
         if (Array.isArray(value)) {
           // 多选情况
-          const selectedOperators = options.filter((op: any) => value.includes(op.value));
+          const selectedOperators = options.filter((op) => value.includes(op.name)).map((op) => op.value);
+          query.operator_ids = selectedOperators;
           console.log('选中的运营人员完整信息(多选):', selectedOperators);
-        } else {
-          // 单选情况
-          const selectedOperator = options.find((op: any) => op.value == value);
-          console.log('选中的运营人员完整信息(单选):', selectedOperator);
+          handleSearch();
+          break;
         }
       }
       break;
@@ -754,13 +810,11 @@ const handleFilterChange = (field: string, value: any, options?: any[]) => {
     default:
       console.log('未知筛选字段:', field, value);
   }
-
-  // 调用原有的搜索函数
-  handleSearch();
 };
 
 // 获取数据
 const handleSearch = () => {
+  console.log('handleSearch查询参数:', query);
   query.page = pageInfo.page;
   query.page_size = pageInfo.page_size;
   getTaskSchedules(query)

From 19f2eb86f978c4f5006606ffadbd895cfe043086 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Thu, 4 Sep 2025 09:21:18 +0800
Subject: [PATCH 09/13] =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E7=9A=84=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assignment-management/index.vue           | 47 +++++++++++++------
 1 file changed, 32 insertions(+), 15 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index cd0532a..b4519bf 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -146,9 +146,13 @@
                 <div class="w-80px">账号名称</div>
                 <a-space class="w-200px">
                   <CommonSelect
-                    v-model="query.tag_ids"
+                    v-model="query.accounts"
                     :options="accountList"
-                    @change="handleSearch"
+                    @change="
+                      (val) => {
+                        handleFilterChange('account_id', val, accountList);
+                      }
+                    "
                     class="!w-200px"
                     placeholder="请选择账号名称"
                   />
@@ -411,24 +415,26 @@ const data = ref<any[]>([]);
 const operators = ref([]);
 const accountList = ref([]);
 const platformOptions = ref([
-  { value: 0, label: '抖音' },
-  { value: 1, label: '小红书' },
-  { value: 2, label: 'B站' },
-  { value: 3, label: '快手' },
-  { value: 4, label: '视频号' },
-  { value: 5, label: '微博' },
-  { value: 6, label: '公众号' },
+  { id: 0, name: '抖音' },
+  { id: 1, name: '小红书' },
+  { id: 2, name: 'B站' },
+  { id: 3, name: '快手' },
+  { id: 4, name: '视频号' },
+  { id: 5, name: '微博' },
+  { id: 6, name: '公众号' },
 ]);
 
 const query = reactive({
   page: 1,
   page_size: 20,
-  platform: '',
+  platforms: undefined,
   operator_ids: undefined,
   name: '',
   top_execution_time: '' as string | undefined,
   execution_time: undefined,
   operator: '',
+  platform:'',
+  accounts:'',
   ids: [],
 });
 
@@ -792,6 +798,19 @@ const handleFilterChange = (field: string, value: any, options?: any[]) => {
         }
       }
       break;
+    case 'account_id':
+      console.log('账号名称选择:', value);
+      // 查找选中的平台完整信息
+      if (options && value !== undefined && value !== '') {
+        if (Array.isArray(value)) {
+          // 多选情况
+          const selectedPlatforms = options.filter((op: any) => value.includes(op.value));
+          query.ids = selectedPlatforms;
+          handleSearch();
+          break;
+        }
+      }
+      break;
     case 'platform':
       console.log('发布平台选择:', value);
       // 查找选中的平台完整信息
@@ -799,11 +818,9 @@ const handleFilterChange = (field: string, value: any, options?: any[]) => {
         if (Array.isArray(value)) {
           // 多选情况
           const selectedPlatforms = options.filter((op: any) => value.includes(op.value));
-          console.log('选中的发布平台完整信息(多选):', selectedPlatforms);
-        } else {
-          // 单选情况
-          const selectedPlatform = options.find((op: any) => op.value == value);
-          console.log('选中的发布平台完整信息(单选):', selectedPlatform);
+          query.platforms = selectedPlatforms;
+          handleSearch();
+          break;
         }
       }
       break;

From 835032ad3ac0c593544d97e89b8d198fe2c40e5f Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Thu, 4 Sep 2025 11:09:21 +0800
Subject: [PATCH 10/13] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common-select/index.vue        |  7 +-
 .../assignment-management/index.vue           | 86 +++++++++++++------
 2 files changed, 67 insertions(+), 26 deletions(-)

diff --git a/src/components/common-select/index.vue b/src/components/common-select/index.vue
index fbcc4c9..b895a1e 100644
--- a/src/components/common-select/index.vue
+++ b/src/components/common-select/index.vue
@@ -13,7 +13,10 @@
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
-      {{ item.name }}
+      <div class="flex items-center">
+        <img v-if="item.icon" :src="item.icon" class="w-16px h-16px mr-8px rounded-4px" />
+        {{ item.name }}
+      </div>
     </a-option>
   </a-select>
 </template>
@@ -68,4 +71,4 @@ const handleChange = (value) => {
   selectedValues.value = value;
   emits('change', value);
 };
-</script>
+</script>
\ No newline at end of file
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index b4519bf..135961e 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -148,6 +148,7 @@
                   <CommonSelect
                     v-model="query.accounts"
                     :options="accountList"
+                    :multiple="true"
                     @change="
                       (val) => {
                         handleFilterChange('account_id', val, accountList);
@@ -356,9 +357,13 @@ const {
   DEFAULT_PAGE_INFO,
 } = useTableSelectionWithPagination({
   onPageChange: () => {
+    query.page = pageInfo.page;
+    query.page_size = pageInfo.page_size;
     handleSearch();
   },
   onPageSizeChange: () => {
+    query.page = pageInfo.page;
+    query.page_size = pageInfo.page_size;
     handleSearch();
   },
 });
@@ -415,13 +420,13 @@ const data = ref<any[]>([]);
 const operators = ref([]);
 const accountList = ref([]);
 const platformOptions = ref([
-  { id: 0, name: '抖音' },
-  { id: 1, name: '小红书' },
-  { id: 2, name: 'B站' },
-  { id: 3, name: '快手' },
-  { id: 4, name: '视频号' },
-  { id: 5, name: '微博' },
-  { id: 6, name: '公众号' },
+  { id: 0, name: '抖音', icon: icon1 },
+  { id: 1, name: '小红书', icon: icon2 },
+  { id: 2, name: 'B站', icon: icon8 },
+  { id: 3, name: '快手', icon: icon7 },
+  { id: 4, name: '视频号', icon: icon4 },
+  { id: 5, name: '微博', icon: icon5 },
+  { id: 6, name: '公众号', icon: icon6 },
 ]);
 
 const query = reactive({
@@ -433,8 +438,8 @@ const query = reactive({
   top_execution_time: '' as string | undefined,
   execution_time: undefined,
   operator: '',
-  platform:'',
-  accounts:'',
+  platform: '',
+  accounts: '',
   ids: [],
 });
 
@@ -504,6 +509,21 @@ const getPlatformIcon = (platform: number) => {
   return platformIcons[platform] || icon3; // 默认图标
 };
 
+// 根据平台ID获取平台名称
+const getPlatformName = (platform: number) => {
+  const platformNames: { [key: number]: string } = {
+    0: '抖音',
+    1: '小红书',
+    2: 'B站',
+    3: '快手',
+    4: '视频号',
+    5: '微博',
+    6: '公众号',
+  };
+
+  return platformNames[platform] || '未知平台';
+};
+
 // 获取任务颜色
 const getTaskColor = (taskType: number, executionTime: number) => {
   // 判断任务是否已过期
@@ -792,37 +812,42 @@ const handleFilterChange = (field: string, value: any, options?: any[]) => {
           // 多选情况
           const selectedOperators = options.filter((op) => value.includes(op.name)).map((op) => op.value);
           query.operator_ids = selectedOperators;
-          console.log('选中的运营人员完整信息(多选):', selectedOperators);
-          handleSearch();
-          break;
         }
+      } else {
+        query.operator_ids = [];
       }
+      console.log('选中的运营人员完整信息(多选):', query.operator_ids);
+      handleSearch();
       break;
     case 'account_id':
-      console.log('账号名称选择:', value);
-      // 查找选中的平台完整信息
+      // 查找选中的账号完整信息
       if (options && value !== undefined && value !== '') {
         if (Array.isArray(value)) {
+          console.log(options, value);
           // 多选情况
-          const selectedPlatforms = options.filter((op: any) => value.includes(op.value));
-          query.ids = selectedPlatforms;
-          handleSearch();
-          break;
+          const selectedAccounts = options.filter((op: any) => value.includes(op.name));
+          query.ids = selectedAccounts.map((account: any) => account.value);
         }
+      } else {
+        query.ids = [];
       }
+      console.log('选中的账号完整信息(单选):', query.ids);
+      handleSearch();
       break;
     case 'platform':
-      console.log('发布平台选择:', value);
       // 查找选中的平台完整信息
       if (options && value !== undefined && value !== '') {
+        console.log(options, value);
         if (Array.isArray(value)) {
           // 多选情况
-          const selectedPlatforms = options.filter((op: any) => value.includes(op.value));
-          query.platforms = selectedPlatforms;
-          handleSearch();
-          break;
+          const selectedPlatforms = options.filter((op: any) => value.includes(op.id));
+          query.platforms = selectedPlatforms.map((account: any) => account.id);
         }
+      } else {
+        query.platforms = [];
       }
+      console.log('发布平台选择:', query.platforms);
+      handleSearch();
       break;
     default:
       console.log('未知筛选字段:', field, value);
@@ -867,9 +892,22 @@ const getAccountList = async () => {
   try {
     const { code, data: accountData } = await getMediaAccountList();
     if (code === 200) {
+      // 创建平台映射，用于获取平台名称
+      const platformMap = {
+        0: '抖音',
+        1: '小红书',
+        2: 'B站',
+        3: '快手',
+        4: '视频号',
+        5: '微博',
+        6: '公众号',
+      };
+
       accountList.value = accountData.map((account: any) => ({
         value: account.id,
-        name: account.name,
+        name: `${account.name}(${platformMap[account.platform] || '未知平台'})`,
+        platform: account.platform,
+        icon: getPlatformIcon(account.platform),
       }));
     }
   } catch (error) {}

From e235d36ee70f8538ac65af413d15d5b68087bc90 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Thu, 4 Sep 2025 15:48:06 +0800
Subject: [PATCH 11/13] =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       | 13 +++++
 src/stores/modules/side-bar/constants.ts      |  2 +
 src/utils/DateUtils.ts                        | 56 -------------------
 .../assignment-management/index.vue           | 34 ++++++++---
 4 files changed, 41 insertions(+), 64 deletions(-)

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index eab2175..c80e9ae 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -84,6 +84,19 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         },
         component: () => import('@/views/property-marketing/assignment-management/index.vue'),
       },
+      {
+        path: 'management-detail/:id',
+        name: 'managementDetail',
+        meta: {
+          locale: '任务详情',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'MediaAccountAccountDashboard',
+        },
+        component: () => import('@/views/property-marketing/assignment-management/managementDetail.vue'),
+      },
       {
         path: 'detail/:id',
         name: 'MediaAccountAccountDetails',
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 3c458e8..de80a81 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -85,6 +85,8 @@ export const MENU_LIST = [
           'MediaAccountAccountManagement',
           'MediaAccountAccountDashboard',
           'MediaAccountAccountDetails',
+          'assignmentManagement',
+          'managementDetail',
         ],
       },
       {
diff --git a/src/utils/DateUtils.ts b/src/utils/DateUtils.ts
index 9b2a237..dfcb77e 100644
--- a/src/utils/DateUtils.ts
+++ b/src/utils/DateUtils.ts
@@ -349,63 +349,7 @@ class DateUtils {
     };
   }
 
-  /**
-   * 获取当前日期信息（增强版，包含年月信息）
-   * @returns 包含各种格式的当前日期信息
-   */
-  static getCurrentDateInfo() {
-    const now = new Date();
-    now.setHours(0, 0, 0, 0);
 
-    const monthRange = this.getMonthRange();
-    const weekRange = this.getWeekRange();
-    const yearMonth = this.getCurrentYearMonth();
-
-    return {
-      current: {
-        date: now,
-        formatted: this.formatDate(now),
-        dayOfWeek: this.getChineseDayOfWeek(now),
-        day: now.getDate(),
-        month: yearMonth.month,
-        year: yearMonth.year,
-      },
-      month: {
-        start: monthRange.start,
-        end: monthRange.end,
-        startFormatted: monthRange.startFormatted,
-        endFormatted: monthRange.endFormatted,
-        totalDays: this.getDaysInMonth(now.getFullYear(), now.getMonth() + 1),
-        month: yearMonth.month,
-        year: yearMonth.year,
-        formatted: this.getFormattedYearMonth(),
-        chinese: this.getChineseYearMonth(),
-      },
-      week: {
-        start: weekRange.start,
-        end: weekRange.end,
-        startFormatted: weekRange.startFormatted,
-        endFormatted: weekRange.endFormatted,
-        weekNumber: this.getWeekNumber(now),
-      },
-      year: yearMonth.year,
-      quarter: {
-        number: this.getCurrentQuarter(),
-        range: this.getCurrentQuarterRange(),
-      },
-    };
-  }
-
-  /**
-   * 获取指定日期所在的周数
-   * @param date 日期对象
-   * @returns 周数 (1-53)
-   */
-  static getWeekNumber(date: Date): number {
-    const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
-    const pastDaysOfYear = (date.getTime() - firstDayOfYear.getTime()) / 86400000;
-    return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
-  }
 
   /**
    * 获取指定年份的所有月份信息
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index 135961e..d8ef5d7 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -325,6 +325,11 @@
       {{ deleteContent }}
     </div>
   </a-modal>
+
+  <!-- 添加 TimePicker 组件 -->
+  <a-modal v-model:visible="timePickerVisible" @ok="onTimeConfirm" @cancel="onTimeCancel" title="选择时间">
+    <TimePicker />
+  </a-modal>
 </template>
 
 <script lang="ts" setup>
@@ -344,6 +349,9 @@ import DateUtils from '@/utils/DateUtils';
 import TaskDetail from './components/TaskDetail.vue';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import emptyIcon from '@/assets/img/media-account/icon-empty.png';
+import router from '@/router';
+import TimePicker from '@/components/TimePicker.vue';
+
 const {
   dataSource,
   pageInfo,
@@ -406,7 +414,7 @@ const deleteContent = ref('');
 const showModal = ref(false);
 const modalVisible = ref(false);
 const selectedTask = ref<any>(null);
-
+const timePickerVisible = ref(false);
 const choseType = ref('周');
 const dayModel = ref(new Date());
 const weekModel = ref(new Date());
@@ -455,7 +463,7 @@ const handleDelete = (task: any) => {
   showModal.value = true;
 };
 const handleGoToDetail = (task: any) => {
-  console.log('跳转详情', task);
+  router.push(`/media-account/management-detail/${task.id}`);
 };
 const handleOk = () => {
   showModal.value = false;
@@ -470,12 +478,22 @@ const handleCancel = () => {
 
 const handleAddAccount = () => {};
 const handleModifyTime = (task: any) => {
-  console.log('修改时间', task);
-  // modalVisible.value = false;
-  // // 重新获取数据
-  // getTaskSchedules(query).then((res) => {
-  //   data.value = res.data;
-  // });
+  selectedTask.value = task;
+  timePickerVisible.value = true;
+};
+
+const onTimeConfirm = () => {
+  if (selectedTask.value && selectedTask.value.execution_time) {
+    // 更新任务的执行时间
+    selectedTask.value.execution_time = new Date().getTime() / 1000; // 假设时间戳是秒级
+    // 重新获取数据
+    handleSearch();
+  }
+  timePickerVisible.value = false;
+};
+
+const onTimeCancel = () => {
+  timePickerVisible.value = false;
 };
 
 // 计算当前日期范围内的所有日期，统一返回 number 数组

From 70cb9f86f965cdb066e9122a444e9ea4122c5bcd Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Thu, 4 Sep 2025 15:48:34 +0800
Subject: [PATCH 12/13] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../managementDetail.vue                      | 101 ++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 src/views/property-marketing/assignment-management/managementDetail.vue

diff --git a/src/views/property-marketing/assignment-management/managementDetail.vue b/src/views/property-marketing/assignment-management/managementDetail.vue
new file mode 100644
index 0000000..7d9d2fb
--- /dev/null
+++ b/src/views/property-marketing/assignment-management/managementDetail.vue
@@ -0,0 +1,101 @@
+<template>
+  <div
+    class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col justify-start items-center"
+    style="height: 90%"
+  >
+    <!-- 使用 flex 布局实现整体居中 -->
+    <div class="flex justify-center" style="width: 100%">
+      <div class="flex flex-col items-start">
+        <div class="font-bold color-#211F24" style="font-size: 28px">{{ task.name }}</div>
+        <div class="color-#666666 mt-8px">{{ timestampToDayNumber(task.created_at) }}</div>
+        <div class="color-#666666 mt-8px">{{ task.content }}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex justify-end mt-24px">
+    <a-button type="outline" @click="handleBack">返回</a-button>
+    <a-button type="outline" class="ml-12px">编辑</a-button>
+    <a-button type="primary" class="ml-12px">去审核</a-button>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import router from '@/router';
+import { ref, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { getTaskSchedulesDetail } from '@/api/all/assignment-management';
+import DateUtils from '@/utils/DateUtils';
+const task = ref({});
+// 时间戳转日期格式，并提取日期数字
+const timestampToDayNumber = (timestamp: number) => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${month}月${day}日`;
+};
+const handleBack = () => {
+  router.go(-1);
+};
+
+onMounted(async () => {
+  const route = useRoute();
+  const noteId = route.params.id; // 从路由参数中获取笔记ID
+
+  if (noteId) {
+    getTaskSchedulesDetail(noteId)
+      .then((response) => {
+        if (response.data) {
+          // 根据API响应结构调整
+          const apiData = response.data.data || response.data;
+          console.log(apiData);
+          task.value = apiData;
+        }
+      })
+      .catch((error) => {});
+  }
+});
+</script>
+
+<style scoped>
+.management-detail {
+  padding: 10px;
+}
+
+.van-card__title {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.van-card__desc {
+  margin-top: 8px;
+  color: #666;
+}
+
+.van-card__price {
+  font-size: 14px;
+  color: #999;
+}
+
+/* 新增样式 */
+.text-center {
+  text-align: center;
+}
+
+/* 添加新的样式规则 */
+.flex {
+  display: flex;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.mt-8px {
+  margin-top: 8px;
+}
+</style>

From 4864652d10504f98c67b8f7f6edf3c6a1a56256c Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Thu, 4 Sep 2025 20:29:31 +0800
Subject: [PATCH 13/13] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/assignment-management.ts          |  4 +-
 .../components/TaskDetail.vue                 | 66 ++++++++-----------
 .../assignment-management/index.vue           | 18 ++---
 3 files changed, 35 insertions(+), 53 deletions(-)

diff --git a/src/api/all/assignment-management.ts b/src/api/all/assignment-management.ts
index d23ae94..2d7834f 100644
--- a/src/api/all/assignment-management.ts
+++ b/src/api/all/assignment-management.ts
@@ -12,9 +12,9 @@ export const delTaskSchedules = (id: string) => {
 };
 
 // 任务管理-修改
-export const editTaskSchedules = (id: string) => {
+export const editTaskSchedules = (id: string, params = {}) => {
   console.log('id', id);
-  return Http.put(`/v1/task-schedules/${id}`);
+  return Http.put(`/v1/task-schedules/${id}`,params);
 };
 
 // 任务管理-详情
diff --git a/src/views/property-marketing/assignment-management/components/TaskDetail.vue b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
index 99aca43..0d3499c 100644
--- a/src/views/property-marketing/assignment-management/components/TaskDetail.vue
+++ b/src/views/property-marketing/assignment-management/components/TaskDetail.vue
@@ -1,36 +1,28 @@
 <template>
-  <div class="flex flex-col items-start cell-detail" @click="gotoDetail">
-    <div class="flex items-center">
+  <div class="flex flex-col items-start cell-detail">
+    <div class="flex items-center" @click="gotoDetail">
       <img
         :src="getPlatformIcon(record.platform)"
         style="border-radius: 8px; width: 16px; height: 16px; margin-right: 8px; font-size: 14px"
       />
       {{ record.name || '-' }}
     </div>
-    <div class="size-12px color-#939499 mt-2px">
+    <div class="size-12px color-#939499 mt-2px" @click="gotoDetail">
       {{ timestampToTime1(task.execution_time) }}
     </div>
-    <div class="size-14px color-#211F24 mt-12px color-#6D4CFE">{{ task.name || '未命名' }}</div>
+    <div class="size-14px color-#211F24 mt-12px color-#6D4CFE" @click="gotoDetail">{{ task.name || '未命名' }}</div>
     <div class="flex items-center mt-12px">
-      <a-trigger trigger="click" align-point>
-        <div class="opt-btn" @click.stop="handleEditTime">修改发布时间</div>
-        <template #content>
-          <div class="custom-time-picker">
-            <!-- 1. 自定义触发按钮（替代原输入框，点击弹出面板） -->
-            <!-- <button @click="toggleTimePanel" class="trigger-btn">选择时间（点击弹出面板）</button> -->
-
-            <!-- 2. a-time-picker 核心：隐藏输入框容器，仅保留弹出面板 -->
-            <a-time-picker
-              format="HH:mm"
-              :defaultValue="defaultValue"
-              :visible="isPanelVisible"
-              @visible-change="handleVisibleChange"
-              @change="handleTimeChange"
-              class="hide-input-container"
-            />
-          </div>
-        </template>
-      </a-trigger>
+      <div class="custom-time-picker">
+        <a-time-picker
+          format="HH:mm"
+          size="small"
+          :visible="isPanelVisible"
+          @visible-change="handleVisibleChange"
+          @change="handleTimeChange"
+          placeholder="修改发布时间"
+          class="hide-input-container opt-btn mr-12px"
+        />
+      </div>
       <div class="opt-btn" @click.stop="handleDelete" style="margin-right: 0px">删除</div>
     </div>
   </div>
@@ -38,6 +30,7 @@
 
 <script lang="ts" setup>
 import { defineProps, defineEmits } from 'vue';
+import { ref, computed } from 'vue';
 
 const props = defineProps({
   task: {
@@ -60,29 +53,24 @@ const toggleTimePanel = () => {
 const handleVisibleChange = (visible: boolean) => {
   isPanelVisible.value = visible;
 };
-const handleTimeChange = (time: Date | null) => {
+const handleTimeChange = (time: string) => {
   if (time) {
-    console.log('Selected time:', time);
+    emit('edit-time', props.task, timestampToTime1() + ' ' + time + ':00');
   }
 };
-const defaultValue = ref(new Date());
-const emit = defineEmits(['editTime', 'delete', 'gotoDetail']);
 
-// 时间戳转时间格式 (MM月DD HH:MM)
-const timestampToTime1 = (timestamp: number): string => {
-  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
-  // 获取月份和日期（注意：月份从0开始，需要+1）
-  const month = (date.getMonth() + 1).toString().padStart(2, '0');
-  const day = date.getDate().toString().padStart(2, '0');
-  const hours = date.getHours().toString().padStart(2, '0');
-  const minutes = date.getMinutes().toString().padStart(2, '0');
+const timestampToTime1 = (): string => {
+  const timestamp = Date.now();
+  const date = new Date(timestamp);
 
-  return `${month}月${day} ${hours}:${minutes}`;
+  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}`;
 };
 
-const handleEditTime = () => {
-  emit('editTime', props.task);
-};
+const emit = defineEmits(['edit-time', 'delete', 'gotoDetail']);
 
 const handleDelete = () => {
   emit('delete', props.task);
diff --git a/src/views/property-marketing/assignment-management/index.vue b/src/views/property-marketing/assignment-management/index.vue
index d8ef5d7..b39916d 100644
--- a/src/views/property-marketing/assignment-management/index.vue
+++ b/src/views/property-marketing/assignment-management/index.vue
@@ -325,17 +325,12 @@
       {{ deleteContent }}
     </div>
   </a-modal>
-
-  <!-- 添加 TimePicker 组件 -->
-  <a-modal v-model:visible="timePickerVisible" @ok="onTimeConfirm" @cancel="onTimeCancel" title="选择时间">
-    <TimePicker />
-  </a-modal>
 </template>
 
 <script lang="ts" setup>
 import { ref, reactive, onMounted, watch, computed, nextTick } from 'vue';
 import type { TableColumnData } from '@arco-design/web-vue';
-import { getTaskSchedules, delTaskSchedules, getTaskSchedulesDetail } from '@/api/all/assignment-management';
+import { getTaskSchedules, delTaskSchedules, editTaskSchedules } from '@/api/all/assignment-management';
 import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/platform/icon-dy.png';
 import icon2 from '@/assets/img/platform/icon-xhs.png';
@@ -477,9 +472,11 @@ const handleCancel = () => {
 };
 
 const handleAddAccount = () => {};
-const handleModifyTime = (task: any) => {
-  selectedTask.value = task;
-  timePickerVisible.value = true;
+const handleModifyTime = (task: any, time: any) => {
+  editTaskSchedules(task.id, { execution_time: time }).then(() => {
+    handleSearch();
+    timePickerVisible.value = true;
+  });
 };
 
 const onTimeConfirm = () => {
@@ -492,9 +489,6 @@ const onTimeConfirm = () => {
   timePickerVisible.value = false;
 };
 
-const onTimeCancel = () => {
-  timePickerVisible.value = false;
-};
 
 // 计算当前日期范围内的所有日期，统一返回 number 数组
 const currentDateHeaders = computed(() => {