From ff0a38a3698a37b6e172e1a591b959664cce35a1 Mon Sep 17 00:00:00 2001
From: v6ole <voole@vip.qq.com>
Date: Sun, 12 Jul 2026 20:28:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E5=BF=85=E5=A1=AB=E9=A1=B9=E6=A0=87=E8=AE=B0=E7=BA=A2?=
 =?UTF-8?q?=E8=89=B2=20*=20=E5=8F=B7=20+=20=E6=8F=90=E4=BA=A4=E6=A0=A1?=
 =?UTF-8?q?=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 客户单位/日期/纪要内容/计划拜访时间 标记 *
- 缺失必填项时 ElMessage.warning 提示
- CSS: .required-star { color: var(--vermilion); }

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/src/views/mobile/DailyNoteForm.vue    | 6 ++++--
 frontend/src/views/mobile/KeyVisitForm.vue     | 3 ++-
 frontend/src/views/mobile/LeaveForm.vue        | 5 +++--
 frontend/src/views/mobile/MiniBusinessForm.vue | 3 ++-
 frontend/src/views/mobile/VisitForm.vue        | 3 ++-
 frontend/src/views/mobile/WorkPlanForm.vue     | 8 +++++---
 6 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/mobile/DailyNoteForm.vue b/frontend/src/views/mobile/DailyNoteForm.vue
index e4c9b9f..d9ca697 100644
--- a/frontend/src/views/mobile/DailyNoteForm.vue
+++ b/frontend/src/views/mobile/DailyNoteForm.vue
@@ -60,6 +60,7 @@ onMounted(async () => {
 })
 
 async function handleSubmit() {
+  if (!form.value.note_date) { ElMessage.warning('请选择日期'); return }
   if (!form.value.content.trim()) { ElMessage.warning('请输入纪要内容'); return }
   submitLoading.value = true
   try {
@@ -108,7 +109,7 @@ async function handleDelete() {
     <el-form label-position="top" class="editorial-form">
       <el-form-item>
         <template #label>
-          <span class="form-label">日期</span>
+          <span class="form-label">日期 <span class="required-star">*</span></span>
         </template>
         <el-date-picker v-model="form.note_date" type="date" style="width:100%" />
       </el-form-item>
@@ -158,7 +159,7 @@ async function handleDelete() {
 
       <el-form-item>
         <template #label>
-          <span class="form-label">工作内容 <span class="form-label-required">*</span></span>
+          <span class="form-label">工作内容 <span class="required-star">*</span></span>
         </template>
         <el-input v-model="form.content" type="textarea" :rows="5" placeholder="今天做了什么..." />
       </el-form-item>
@@ -288,4 +289,5 @@ async function handleDelete() {
   animation: spin 0.6s linear infinite;
 }
 @keyframes spin { to { transform: rotate(360deg); } }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>
diff --git a/frontend/src/views/mobile/KeyVisitForm.vue b/frontend/src/views/mobile/KeyVisitForm.vue
index 477c1b0..251db30 100644
--- a/frontend/src/views/mobile/KeyVisitForm.vue
+++ b/frontend/src/views/mobile/KeyVisitForm.vue
@@ -137,7 +137,7 @@ async function handleDelete() {
 
     <el-form label-position="top" class="editorial-form">
       <el-form-item>
-        <template #label><span class="form-label">客户单位</span></template>
+        <template #label><span class="form-label">客户单位 <span class="required-star">*</span></span></template>
         <el-select v-model="form.customer_id" filterable remote :remote-method="handleCustomerSearch" placeholder="搜索客户" style="width:100%">
           <el-option v-for="c in customers" :key="c.id" :label="c.name" :value="c.id" />
           <template #empty>
@@ -309,4 +309,5 @@ async function handleDelete() {
 .delete-btn:hover { background: var(--vermilion); color: #fff; }
 .header-delete-btn { margin-left: auto; margin-top: 4px; padding: 6px 14px; background: none; color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-body); font-size: 13px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
 .header-delete-btn:hover { background: var(--vermilion); color: #fff; }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>
diff --git a/frontend/src/views/mobile/LeaveForm.vue b/frontend/src/views/mobile/LeaveForm.vue
index 641f7e1..cafd8f2 100644
--- a/frontend/src/views/mobile/LeaveForm.vue
+++ b/frontend/src/views/mobile/LeaveForm.vue
@@ -123,12 +123,12 @@ async function handleDelete() {
       </el-form-item>
 
       <el-form-item>
-        <template #label><span class="form-label">开始日期</span></template>
+        <template #label><span class="form-label">开始日期 <span class="required-star">*</span></span></template>
         <el-date-picker v-model="form.start_date" type="date" placeholder="选择开始日期" style="width:100%" />
       </el-form-item>
 
       <el-form-item>
-        <template #label><span class="form-label">结束日期</span></template>
+        <template #label><span class="form-label">结束日期 <span class="required-star">*</span></span></template>
         <el-date-picker v-model="form.end_date" type="date" placeholder="选择结束日期" style="width:100%" />
       </el-form-item>
 
@@ -198,4 +198,5 @@ async function handleDelete() {
 .delete-btn:hover { background: var(--vermilion); color: #fff; }
 .btn-loading { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>
diff --git a/frontend/src/views/mobile/MiniBusinessForm.vue b/frontend/src/views/mobile/MiniBusinessForm.vue
index 638b1d9..7d508ec 100644
--- a/frontend/src/views/mobile/MiniBusinessForm.vue
+++ b/frontend/src/views/mobile/MiniBusinessForm.vue
@@ -118,7 +118,7 @@ async function handleDelete() {
 
     <el-form label-position="top" class="editorial-form">
       <el-form-item>
-        <template #label><span class="form-label">客户单位</span></template>
+        <template #label><span class="form-label">客户单位 <span class="required-star">*</span></span></template>
         <el-select v-model="form.customer_id" filterable remote :remote-method="handleCustomerSearch" placeholder="搜索客户" style="width:100%">
           <el-option v-for="c in customers" :key="c.id" :label="c.name" :value="c.id" />
           <template #empty>
@@ -254,4 +254,5 @@ async function handleDelete() {
 .header-delete-btn:hover { background: var(--vermilion); color: #fff; }
 .btn-loading { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>
diff --git a/frontend/src/views/mobile/VisitForm.vue b/frontend/src/views/mobile/VisitForm.vue
index 20558a7..11b3ddc 100644
--- a/frontend/src/views/mobile/VisitForm.vue
+++ b/frontend/src/views/mobile/VisitForm.vue
@@ -226,7 +226,7 @@ async function handleDelete() {
     <el-form label-position="top" class="editorial-form">
       <el-form-item>
         <template #label>
-          <span class="form-label">客户单位</span>
+          <span class="form-label">客户单位 <span class="required-star">*</span></span>
         </template>
         <el-select
           v-model="form.customer_id"
@@ -659,4 +659,5 @@ async function handleDelete() {
 .method--电话.method-chip--active { background: #5B7FA5; border-color: #5B7FA5; color: #fff; }
 .method--微信.method-chip--active { background: #22c55e; border-color: #22c55e; color: #fff; }
 .method--出差.method-chip--active { background: #C4934A; border-color: #C4934A; color: #fff; }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>
diff --git a/frontend/src/views/mobile/WorkPlanForm.vue b/frontend/src/views/mobile/WorkPlanForm.vue
index 0e90abc..2792c83 100644
--- a/frontend/src/views/mobile/WorkPlanForm.vue
+++ b/frontend/src/views/mobile/WorkPlanForm.vue
@@ -72,7 +72,8 @@ async function handleQuickCreate() {
 }
 
 async function handleSubmit() {
-  if (!form.value.customer_id) { ElMessage.warning('请选择客户'); return }
+  if (!form.value.customer_id) { ElMessage.warning('请选择客户单位'); return }
+  if (!form.value.plan_date) { ElMessage.warning('请选择计划拜访时间'); return }
   submitLoading.value = true
   try {
     if (isEdit.value) {
@@ -117,7 +118,7 @@ async function handleDelete() {
 
     <el-form label-position="top" class="editorial-form">
       <el-form-item>
-        <template #label><span class="form-label">客户单位</span></template>
+        <template #label><span class="form-label">客户单位 <span class="required-star">*</span></span></template>
         <el-select v-model="form.customer_id" filterable remote :remote-method="handleCustomerSearch" placeholder="搜索客户" style="width:100%">
           <el-option v-for="c in customers" :key="c.id" :label="c.name" :value="c.id" />
           <template #empty>
@@ -142,7 +143,7 @@ async function handleDelete() {
       </el-form-item>
 
       <el-form-item>
-        <template #label><span class="form-label">计划拜访时间</span></template>
+        <template #label><span class="form-label">计划拜访时间 <span class="required-star">*</span></span></template>
         <el-date-picker v-model="form.plan_date" type="date" style="width:100%" />
       </el-form-item>
 
@@ -234,4 +235,5 @@ async function handleDelete() {
 .header-delete-btn:hover { background: var(--vermilion); color: #fff; }
 .btn-loading { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }
+.required-star { color: var(--vermilion); font-weight: 700; }
 </style>