From f7b9db6f42d5ce793b1b4384236d0c34dad5304c Mon Sep 17 00:00:00 2001
From: seaislee1209 <seaislee129@gmail.com>
Date: Thu, 12 Feb 2026 15:35:18 +0800
Subject: [PATCH] fix: optimize form labels and hints across all pages

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 backend/airlabs.db                 | Bin 90112 -> 90112 bytes
 frontend/src/views/Costs.vue       |  41 ++++++++++++++---------
 frontend/src/views/Projects.vue    |  32 ++++++++++--------
 frontend/src/views/Submissions.vue |  52 ++++++++++++++++-------------
 frontend/src/views/Users.vue       |  20 +++++++----
 5 files changed, 85 insertions(+), 60 deletions(-)

diff --git a/backend/airlabs.db b/backend/airlabs.db
index abc6c049a245c422d0a04cb213de25a9dd183062..1ceb16a98bf24d4f358b1a557d349eba277c3529 100644
GIT binary patch
delta 155
zcmV;M0A&Awzy*N71&|v78j&1B0UEJjq(2S?4jBLr84orN=njhyzOx}92M)6tPJjUc
zD3h8`Bve2J4FDA*BLNcu0RR91GjwHhbVE!@MNU*-R7F!%Nlsr-Qcp)xMN?A)P*Oz&
z4Kgq?HZ3qREip16FgH3gGCDLf3IG5A1rOu^5Bv}I5AYA_59G5EP|^<u1p@&A1qFlZ
JUzh4%0T$zZC=CDr

delta 101
zcmV-r0Gj`Rzy*N71&|v78Ic@A0U5Diq(2M<4jBLr84orN=njjsAs`73vl&i+0Rd{0
znolH?RZk!f1r0JVGBzzRG%YbR0fwNHk!}-`AOs8q59$C9{15gI@DJ*<5s=ysgX&+G
H>R$mCova@y

diff --git a/frontend/src/views/Costs.vue b/frontend/src/views/Costs.vue
index 314f04d..e51d96c 100644
--- a/frontend/src/views/Costs.vue
+++ b/frontend/src/views/Costs.vue
@@ -49,18 +49,20 @@
     <!-- AI 工具新增弹窗 -->
     <el-dialog v-model="showAIForm" title="新增 AI 工具成本" width="480px" destroy-on-close>
       <el-form :model="aiForm" label-width="100px">
-        <el-form-item label="工具名称"><el-input v-model="aiForm.tool_name" /></el-form-item>
+        <el-form-item label="工具名称"><el-input v-model="aiForm.tool_name" placeholder="如：Midjourney、Runway 等" /></el-form-item>
         <el-form-item label="订阅周期">
-          <el-select v-model="aiForm.subscription_period" style="width:100%">
-            <el-option label="月" value="月" /><el-option label="年" value="年" />
+          <el-select v-model="aiForm.subscription_period" placeholder="按月或按年付费" style="width:100%">
+            <el-option label="月付" value="月" /><el-option label="年付" value="年" />
           </el-select>
         </el-form-item>
-        <el-form-item label="费用金额"><el-input-number v-model="aiForm.amount" :min="0" :controls="false" style="width:100%" /></el-form-item>
+        <el-form-item label="费用金额">
+          <el-input-number v-model="aiForm.amount" :min="0" :controls="false" placeholder="单次付费金额（元）" style="width:100%" />
+        </el-form-item>
         <el-form-item label="归属方式">
           <el-select v-model="aiForm.allocation_type" style="width:100%">
-            <el-option label="指定项目" value="指定项目" />
-            <el-option label="内容组整体" value="内容组整体" />
-            <el-option label="手动分摊" value="手动分摊" />
+            <el-option label="指定项目 — 费用计入单个项目" value="指定项目" />
+            <el-option label="内容组整体 — 按所有项目均摊" value="内容组整体" />
+            <el-option label="手动分摊 — 后续手动指定比例" value="手动分摊" />
           </el-select>
         </el-form-item>
         <el-form-item v-if="aiForm.allocation_type === '指定项目'" label="指定项目">
@@ -80,20 +82,29 @@
     <el-dialog v-model="showOutForm" title="新增外包成本" width="480px" destroy-on-close>
       <el-form :model="outForm" label-width="100px">
         <el-form-item label="所属项目">
-          <el-select v-model="outForm.project_id" style="width:100%">
+          <el-select v-model="outForm.project_id" placeholder="选择外包所属的项目" style="width:100%">
             <el-option v-for="p in projects" :key="p.id" :label="p.name" :value="p.id" />
           </el-select>
         </el-form-item>
         <el-form-item label="外包类型">
-          <el-select v-model="outForm.outsource_type" style="width:100%">
-            <el-option label="动画" value="动画" /><el-option label="剪辑" value="剪辑" /><el-option label="整集" value="整集" />
+          <el-select v-model="outForm.outsource_type" placeholder="外包的工作内容" style="width:100%">
+            <el-option label="动画 — 外包动画制作" value="动画" />
+            <el-option label="剪辑 — 外包剪辑/后期" value="剪辑" />
+            <el-option label="整集 — 整集外包" value="整集" />
           </el-select>
         </el-form-item>
-        <el-row :gutter="16">
-          <el-col :span="12"><el-form-item label="起始集"><el-input-number v-model="outForm.episode_start" :min="1" style="width:100%" /></el-form-item></el-col>
-          <el-col :span="12"><el-form-item label="结束集"><el-input-number v-model="outForm.episode_end" :min="1" style="width:100%" /></el-form-item></el-col>
-        </el-row>
-        <el-form-item label="金额"><el-input-number v-model="outForm.amount" :min="0" :controls="false" style="width:100%" /></el-form-item>
+        <el-form-item label="集数范围">
+          <div style="display:flex;align-items:center;gap:8px">
+            <span style="font-size:13px;color:var(--text-secondary)">第</span>
+            <el-input-number v-model="outForm.episode_start" :min="1" style="width:100px" />
+            <span style="font-size:13px;color:var(--text-secondary)">集 至 第</span>
+            <el-input-number v-model="outForm.episode_end" :min="1" style="width:100px" />
+            <span style="font-size:13px;color:var(--text-secondary)">集</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="外包金额">
+          <el-input-number v-model="outForm.amount" :min="0" :controls="false" placeholder="外包总费用（元）" style="width:100%" />
+        </el-form-item>
         <el-form-item label="录入日期"><el-date-picker v-model="outForm.record_date" value-format="YYYY-MM-DD" style="width:100%" /></el-form-item>
       </el-form>
       <template #footer>
diff --git a/frontend/src/views/Projects.vue b/frontend/src/views/Projects.vue
index d837a2b..32d41be 100644
--- a/frontend/src/views/Projects.vue
+++ b/frontend/src/views/Projects.vue
@@ -75,23 +75,24 @@
             <el-option v-for="u in users" :key="u.id" :label="u.name" :value="u.id" />
           </el-select>
         </el-form-item>
-        <el-row :gutter="16">
-          <el-col :span="12">
-            <el-form-item label="单集时长(分)" required>
-              <el-input-number v-model="form.episode_duration_minutes" :min="0.1" :step="0.5" style="width:100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="集数" required>
-              <el-input-number v-model="form.episode_count" :min="1" style="width:100%" />
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <el-form-item label="单集时长" required>
+          <div class="inline-field">
+            <el-input-number v-model="form.episode_duration_minutes" :min="0.1" :step="0.5" style="width:140px" />
+            <span class="field-unit">分钟/集</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="集数" required>
+          <div class="inline-field">
+            <el-input-number v-model="form.episode_count" :min="1" style="width:140px" />
+            <span class="field-unit">集</span>
+            <span class="field-hint">目标总时长 = {{ form.episode_duration_minutes }} 分 × {{ form.episode_count }} 集 = {{ (form.episode_duration_minutes * form.episode_count).toFixed(1) }} 分钟</span>
+          </div>
+        </el-form-item>
         <el-form-item label="预估完成日期">
-          <el-date-picker v-model="form.estimated_completion_date" value-format="YYYY-MM-DD" style="width:100%" />
+          <el-date-picker v-model="form.estimated_completion_date" value-format="YYYY-MM-DD" placeholder="选择预计交付日期" style="width:100%" />
         </el-form-item>
         <el-form-item v-if="form.project_type === '客户正式项目'" label="合同金额">
-          <el-input-number v-model="form.contract_amount" :min="0" :step="10000" :controls="false" style="width:100%" />
+          <el-input-number v-model="form.contract_amount" :min="0" :step="10000" :controls="false" placeholder="甲方合同总金额（元）" style="width:100%" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -164,4 +165,7 @@ onMounted(async () => {
   background: var(--bg-hover); padding: 2px 8px; border-radius: 4px; display: inline-block;
 }
 .rate-badge.danger { background: #FFE8E7; color: #FF3B30; }
+.inline-field { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.field-unit { font-size: 13px; color: var(--text-secondary); white-space: nowrap; }
+.field-hint { font-size: 12px; color: var(--text-placeholder, #C0C4CC); margin-left: 4px; }
 </style>
diff --git a/frontend/src/views/Submissions.vue b/frontend/src/views/Submissions.vue
index 980fb88..c78f6c6 100644
--- a/frontend/src/views/Submissions.vue
+++ b/frontend/src/views/Submissions.vue
@@ -65,35 +65,36 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-form-item label="内容制作类型" required>
-          <el-select v-model="form.content_type" style="width:100%">
-            <el-option label="内容制作" value="内容制作" />
-            <el-option label="设定策划" value="设定策划" />
-            <el-option label="剪辑后期" value="剪辑后期" />
+        <el-form-item label="内容类型" required>
+          <el-select v-model="form.content_type" placeholder="本次提交的产出类型" style="width:100%">
+            <el-option label="内容制作 — 动画/视频制作" value="内容制作" />
+            <el-option label="设定策划 — 剧本/方案/设定图" value="设定策划" />
+            <el-option label="剪辑后期 — 剪辑/调色/合成" value="剪辑后期" />
             <el-option label="其他" value="其他" />
           </el-select>
         </el-form-item>
-        <el-row :gutter="16">
-          <el-col :span="12">
-            <el-form-item label="产出(分钟)">
-              <el-input-number v-model="form.duration_minutes" :min="0" :step="1" style="width:100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="产出(秒)">
-              <el-input-number v-model="form.duration_seconds" :min="0" :step="5" style="width:100%" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-form-item label="投入时长(时)">
-          <el-input-number v-model="form.hours_spent" :min="0" :step="0.5" :precision="1" style="width:100%" placeholder="可选" />
+        <el-form-item label="产出时长">
+          <div class="inline-field">
+            <el-input-number v-model="form.duration_minutes" :min="0" :step="1" style="width:120px" />
+            <span class="field-unit">分</span>
+            <el-input-number v-model="form.duration_seconds" :min="0" :max="59" :step="5" style="width:120px" />
+            <span class="field-unit">秒</span>
+            <span class="field-hint">无产出秒数的工作可填 0</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="投入时长">
+          <div class="inline-field">
+            <el-input-number v-model="form.hours_spent" :min="0" :step="0.5" :precision="1" style="width:140px" />
+            <span class="field-unit">小时</span>
+            <span class="field-hint">（选填）实际花费的工作时间</span>
+          </div>
         </el-form-item>
         <el-form-item label="提交对象" required>
-          <el-select v-model="form.submit_to" style="width:100%">
-            <el-option label="组长" value="组长" />
-            <el-option label="制片" value="制片" />
-            <el-option label="内部" value="内部" />
-            <el-option label="外部" value="外部" />
+          <el-select v-model="form.submit_to" placeholder="本次内容提交给谁审阅" style="width:100%">
+            <el-option label="组长 — 日常提交给组长" value="组长" />
+            <el-option label="制片 — 直接提交给制片人" value="制片" />
+            <el-option label="内部 — 内部评审/测试" value="内部" />
+            <el-option label="外部 — 提交给甲方/客户" value="外部" />
           </el-select>
         </el-form-item>
         <el-form-item label="制作描述">
@@ -177,4 +178,7 @@ onMounted(async () => {
 .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
 .page-header h2 { font-size: 18px; font-weight: 600; }
 .filter-card { margin-bottom: 16px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 16px; }
+.inline-field { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.field-unit { font-size: 13px; color: var(--text-secondary); white-space: nowrap; }
+.field-hint { font-size: 12px; color: var(--text-placeholder, #C0C4CC); }
 </style>
diff --git a/frontend/src/views/Users.vue b/frontend/src/views/Users.vue
index dc34ed1..3e2c8ff 100644
--- a/frontend/src/views/Users.vue
+++ b/frontend/src/views/Users.vue
@@ -36,18 +36,24 @@
         <el-form-item label="姓名"><el-input v-model="form.name" /></el-form-item>
         <el-form-item v-if="!editingId" label="用户名"><el-input v-model="form.username" /></el-form-item>
         <el-form-item v-if="!editingId" label="密码"><el-input v-model="form.password" type="password" /></el-form-item>
-        <el-form-item label="阶段组">
-          <el-select v-model="form.phase_group" style="width:100%">
-            <el-option label="前期" value="前期" /><el-option label="制作" value="制作" /><el-option label="后期" value="后期" />
+        <el-form-item label="所属阶段">
+          <el-select v-model="form.phase_group" placeholder="该成员主要参与的制作阶段" style="width:100%">
+            <el-option label="前期 — 剧本/策划/设定" value="前期" />
+            <el-option label="制作 — 动画/图片制作" value="制作" />
+            <el-option label="后期 — 剪辑/合成/调色" value="后期" />
           </el-select>
         </el-form-item>
         <el-form-item label="角色">
-          <el-select v-model="form.role" style="width:100%">
-            <el-option label="成员" value="成员" /><el-option label="组长" value="组长" />
-            <el-option label="主管" value="主管" /><el-option label="Owner" value="Owner" />
+          <el-select v-model="form.role" placeholder="系统权限角色" style="width:100%">
+            <el-option label="成员 — 仅提交内容" value="成员" />
+            <el-option label="组长 — 管理本组提交" value="组长" />
+            <el-option label="主管 — 管理项目和人员" value="主管" />
+            <el-option label="Owner — 全部权限" value="Owner" />
           </el-select>
         </el-form-item>
-        <el-form-item label="月薪"><el-input-number v-model="form.monthly_salary" :min="0" :step="1000" :controls="false" style="width:100%" /></el-form-item>
+        <el-form-item label="月薪">
+          <el-input-number v-model="form.monthly_salary" :min="0" :step="1000" :controls="false" placeholder="月薪（元），日成本=月薪÷22" style="width:100%" />
+        </el-form-item>
         <el-form-item v-if="editingId" label="状态">
           <el-switch v-model="form.is_active" :active-value="1" :inactive-value="0" active-text="启用" inactive-text="停用" />
         </el-form-item>