From 08cebe614b3533baad516167e725d6f813439797 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 18 Nov 2025 17:10:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=A7=8B=E5=BC=80=E5=8F=91=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/project.js               |  15 +++
 pages/project/list/index.vue | 251 ++++++++++++++++++++++++++++++++++-
 2 files changed, 262 insertions(+), 4 deletions(-)

diff --git a/api/project.js b/api/project.js
index 04805f8..c7aee71 100644
--- a/api/project.js
+++ b/api/project.js
@@ -142,3 +142,18 @@ export const deleteProject = (ids) => {
   });
 };
 
+/**
+ * 开始项目开发
+ * @param {Object} data
+ * @param {string} data.id 项目ID
+ * @param {string} data.expectedCompleteDate 预计完成日期（YYYY-MM-DD）
+ * @returns {Promise} 操作结果
+ */
+export const startProjectDevelopment = (data) => {
+  return uni.$uv.http.put('bst/project/start', data, {
+    custom: {
+      auth: true
+    }
+  });
+};
+
diff --git a/pages/project/list/index.vue b/pages/project/list/index.vue
index 52ffbf3..571721b 100644
--- a/pages/project/list/index.vue
+++ b/pages/project/list/index.vue
@@ -201,13 +201,54 @@
         </view>
       </view>
     </view>
+
+    <!-- 开始开发弹窗 -->
+    <view v-if="showStartModal" class="start-modal">
+      <view class="modal-mask" @click="closeStartModal"></view>
+      <view class="modal-panel">
+        <view class="modal-header">
+          <text class="modal-title">开始开发</text>
+          <text class="modal-close" @click="closeStartModal">✕</text>
+        </view>
+        <view class="modal-body">
+          <text class="modal-subtitle" v-if="currentStartProjectName">项目：{{ currentStartProjectName }}</text>
+          <view class="field">
+            <text class="field-label">预计完成日期</text>
+            <view class="date-input" @click="openStartDatePicker">
+              <text class="placeholder" v-if="!startProjectForm.expectedCompleteDate">请选择预计完成日期</text>
+              <text class="value" v-else>{{ startProjectForm.expectedCompleteDate }}</text>
+              <text class="date-icon">📅</text>
+            </view>
+          </view>
+        </view>
+        <view class="modal-actions">
+          <uv-button size="small" @click="closeStartModal" :disabled="startingProject">取消</uv-button>
+          <uv-button
+            type="primary"
+            size="small"
+            @click="submitStartDevelopment"
+            :loading="startingProject"
+            :disabled="startingProject"
+          >
+            确定
+          </uv-button>
+        </view>
+      </view>
+    </view>
+
+    <uv-datetime-picker
+      ref="startDatePickerRef"
+      v-model="startDatePickerValue"
+      mode="date"
+      @confirm="onStartDateConfirm"
+    ></uv-datetime-picker>
   </view>
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, nextTick, onUnmounted } from 'vue';
+import { ref, reactive, computed, watch, onMounted, nextTick, onUnmounted } from 'vue';
 import { onLoad, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app';
-import { getProjectList, getUserList, deleteProject } from '@/api';
+import { getProjectList, getUserList, deleteProject, startProjectDevelopment } from '@/api';
 import { usePagination } from '@/composables';
 import { useDictStore } from '@/store/dict';
 import { useUserStore } from '@/store/user';
@@ -414,9 +455,35 @@ const getStatusType = (status) => {
 // 格式化日期
 const formatDate = (dateStr) => {
   if (!dateStr) return '未知';
+  if (typeof dateStr === 'number') {
+    return formatDateValue(dateStr);
+  }
   return dateStr.split(' ')[0];
 };
 
+const formatDateValue = (value) => {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return '';
+  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 extractDateOnly = (value) => {
+  if (!value) return '';
+  if (typeof value === 'string') {
+    const trimmed = value.trim();
+    if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
+      return trimmed;
+    }
+    if (trimmed.includes(' ')) {
+      return trimmed.split(' ')[0];
+    }
+  }
+  return formatDateValue(value);
+};
+
 // 获取负责人名称
 const getOwnerNames = (memberList) => {
   if (!Array.isArray(memberList) || memberList.length === 0) return '未分配';
@@ -518,6 +585,15 @@ const getAvatarText = (member) => {
 };
 
 const deletingProjectId = ref('');
+const showStartModal = ref(false);
+const startingProject = ref(false);
+const startProjectForm = reactive({
+  id: '',
+  expectedCompleteDate: ''
+});
+const currentStartProjectName = ref('');
+const startDatePickerRef = ref(null);
+const startDatePickerValue = ref(Date.now());
 
 // 处理卡片菜单
 const handleCardMenu = (project) => {
@@ -532,13 +608,86 @@ const handleCardMenu = (project) => {
         // 新增任务
         uni.showToast({ title: '新增任务功能开发中', icon: 'none' });
       } else if (res.tapIndex === 3) {
-        // 开始开发
-        uni.showToast({ title: '开始开发功能开发中', icon: 'none' });
+        handleStartDevelopment(project);
       }
     }
   });
 };
 
+const handleStartDevelopment = (project) => {
+  if (!project?.id) {
+    uni.showToast({
+      title: '缺少项目ID',
+      icon: 'none'
+    });
+    return;
+  }
+  startProjectForm.id = project.id;
+  startProjectForm.expectedCompleteDate = extractDateOnly(project.expectedCompleteDate || project.expireTime || '');
+  currentStartProjectName.value = project.name || project.projectName || '';
+  showStartModal.value = true;
+};
+
+const closeStartModal = () => {
+  resetStartForm();
+  showStartModal.value = false;
+};
+
+const resetStartForm = () => {
+  startProjectForm.id = '';
+  startProjectForm.expectedCompleteDate = '';
+  currentStartProjectName.value = '';
+};
+
+const submitStartDevelopment = async () => {
+  if (!startProjectForm.id) {
+    uni.showToast({
+      title: '缺少项目ID',
+      icon: 'none'
+    });
+    return;
+  }
+  if (!startProjectForm.expectedCompleteDate) {
+    uni.showToast({
+      title: '请选择预计完成日期',
+      icon: 'none'
+    });
+    return;
+  }
+  try {
+    startingProject.value = true;
+    await startProjectDevelopment({
+      id: startProjectForm.id,
+      expectedCompleteDate: startProjectForm.expectedCompleteDate
+    });
+    uni.showToast({ title: '已开始开发', icon: 'success' });
+    closeStartModal();
+    await refresh();
+  } catch (err) {
+    console.error('开始开发失败:', err);
+    uni.showToast({
+      title: err?.message || '操作失败，请稍后重试',
+      icon: 'none'
+    });
+  } finally {
+    startingProject.value = false;
+  }
+};
+
+const openStartDatePicker = () => {
+  startDatePickerValue.value = startProjectForm.expectedCompleteDate
+    ? new Date(startProjectForm.expectedCompleteDate.replace(/-/g, '/')).getTime()
+    : Date.now();
+  if (startDatePickerRef.value?.open) {
+    startDatePickerRef.value.open();
+  }
+};
+
+const onStartDateConfirm = (event) => {
+  if (!event?.value) return;
+  startProjectForm.expectedCompleteDate = formatDateValue(event.value);
+};
+
 const handleDeleteProject = (project) => {
   if (!project?.id) {
     uni.showToast({
@@ -1078,5 +1227,99 @@ onLoad(() => {
   font-size: 12px;
   color: #999;
 }
+
+.start-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 999;
+}
+
+.modal-mask {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.modal-panel {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 86%;
+  max-width: 360px;
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+}
+
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.modal-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.modal-close {
+  font-size: 18px;
+  color: #999;
+  padding: 4px;
+}
+
+.modal-body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.modal-subtitle {
+  font-size: 14px;
+  color: #666;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.field-label {
+  font-size: 14px;
+  color: #333;
+}
+
+.date-input {
+  height: 40px;
+  border-radius: 8px;
+  background: #f5f6f7;
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  color: #333;
+}
+
+.date-input .placeholder {
+  color: #999;
+}
+
+.date-icon {
+  font-size: 16px;
+  margin-left: 8px;
+}
+
+.modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
 </style>