Repository navigation
Expand file tree
/
Copy pathcommit.sh
More file actions
154 lines (123 loc) · 4.69 KB
/
Copy pathcommit.sh
File metadata and controls
154 lines (123 loc) · 4.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
#!/bin/bash
# feature/demand-submit 提交脚本
cd "$(dirname "$0")"
echo "=================================="
echo "feature/demand-submit 代码提交"
echo "=================================="
echo ""
# 显示文件状态
echo "📦 文件变更："
git status --short
echo ""
echo "📝 提交信息预览："
echo "-----------------------------------"
cat << 'EOF'
feat(demands): 完成需求提交弹窗和我的需求列表页
## 功能实现
### 1. 需求提交弹窗 (DemandSubmitDialog.vue)
- 表单字段：标题、详情、联系电话、微信号
- 附件上传功能（文件列表展示和删除）
- 隐私确认复选框
- 表单验证（必填项、至少一个联系方式）
- 提交成功/失败 Toast 提示
- 完全复刻 demo 样式
### 2. 我的需求列表页 (MyDemandsView.vue)
- Hero 区域：标题、描述、焦点卡片
- 统计卡片网格：总数、待审核、已转任务、已关闭
- Tab 筛选：全部、待审核、沟通中、已转任务、已关闭
- 状态筛选下拉框和搜索框
- 表格展示：需求详情、状态、进度条、操作按钮
- 分页功能
- 空状态和加载状态
- 响应式布局
### 3. 需求详情页占位 (DemandDetailView.vue)
- 基础页面结构（后续迭代完善）
### 4. API 接口和类型定义
- demandsApi.submit() - 提交需求
- demandsApi.getMyDemands() - 获取我的需求列表
- TypeScript 类型：DemandSubmitPayload, MyDemand
### 5. Mock 数据配置
- 5 条模拟需求数据（覆盖各种状态）
- MSW Handler 支持提交、查询、筛选、搜索、分页
### 6. 路由和集成
- 新增 /my-demands 和 /demands/:id 路由
- Dashboard 集成"提需求"和"我的需求"按钮
### 7. Bug 修复
- 修复 OrdToast 组件的 $emit 使用错误
## 技术规范
- ✅ 严格使用 OrdUI 组件库（禁止第三方 UI 库）
- ✅ scoped CSS + CSS 变量（无硬编码颜色）
- ✅ 完全复刻 demo 原型设计（Webflow 风格）
- ✅ 响应式布局（992px、768px 断点）
- ✅ TypeScript 类型安全
## 参考文档
- demo/all-pages/home.html（需求提交弹窗）
- demo/all-pages/my-demands.html（我的需求列表）
- frontend/CLAUDE.md（开发规范）
- docs/前端后端开发任务分配计划.md（Sprint 1 第 3 周）
EOF
echo "-----------------------------------"
echo ""
# 询问是否提交
read -p "是否执行 git commit？(y/n): " confirm
if [ "$confirm" = "y" ] || [ "$confirm" = "Y" ]; then
git commit -F - << 'EOF'
feat(demands): 完成需求提交弹窗和我的需求列表页
## 功能实现
### 1. 需求提交弹窗 (DemandSubmitDialog.vue)
- 表单字段：标题、详情、联系电话、微信号
- 附件上传功能（文件列表展示和删除）
- 隐私确认复选框
- 表单验证（必填项、至少一个联系方式）
- 提交成功/失败 Toast 提示
- 完全复刻 demo 样式
### 2. 我的需求列表页 (MyDemandsView.vue)
- Hero 区域：标题、描述、焦点卡片
- 统计卡片网格：总数、待审核、已转任务、已关闭
- Tab 筛选：全部、待审核、沟通中、已转任务、已关闭
- 状态筛选下拉框和搜索框
- 表格展示：需求详情、状态、进度条、操作按钮
- 分页功能
- 空状态和加载状态
- 响应式布局
### 3. 需求详情页占位 (DemandDetailView.vue)
- 基础页面结构（后续迭代完善）
### 4. API 接口和类型定义
- demandsApi.submit() - 提交需求
- demandsApi.getMyDemands() - 获取我的需求列表
- TypeScript 类型：DemandSubmitPayload, MyDemand
### 5. Mock 数据配置
- 5 条模拟需求数据（覆盖各种状态）
- MSW Handler 支持提交、查询、筛选、搜索、分页
### 6. 路由和集成
- 新增 /my-demands 和 /demands/:id 路由
- Dashboard 集成"提需求"和"我的需求"按钮
### 7. Bug 修复
- 修复 OrdToast 组件的 $emit 使用错误
## 技术规范
- ✅ 严格使用 OrdUI 组件库（禁止第三方 UI 库）
- ✅ scoped CSS + CSS 变量（无硬编码颜色）
- ✅ 完全复刻 demo 原型设计（Webflow 风格）
- ✅ 响应式布局（992px、768px 断点）
- ✅ TypeScript 类型安全
## 参考文档
- demo/all-pages/home.html（需求提交弹窗）
- demo/all-pages/my-demands.html（我的需求列表）
- frontend/CLAUDE.md（开发规范）
- docs/前端后端开发任务分配计划.md（Sprint 1 第 3 周）
EOF
echo ""
echo "✅ 提交完成！"
echo ""
echo "下一步："
echo "1. 推送到远程：git push origin feature/demand-submit"
echo "2. 在 GitHub 创建 Pull Request"
echo ""
else
echo ""
echo "⏸️ 取消提交"
echo ""
echo "手动提交命令："
echo "git commit -m \"feat(demands): 完成需求提交弹窗和我的需求列表页\""
echo ""
fi