修改任务

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);