feat: 完整功能迭代 — 移动端+PC端全面优化

新增:
- 今日纪要 (6分类+彩色标签+时间选择器)
- 客户经理PC端工作台 (我的数据,5模块CRUD)
- 用户管理页 (支局长修改角色)
- 客户备注/收支费用(金额+单位)/联系人管理
- 拜访人姓名+电话字段
- 客户导入导出/旧周报导入模板下载
- 序号列+分页(25/50/100)

修复/优化:
- Hash路由→HTML5 History, Casdoor回调正常
- 时区统一为Asia/Shanghai (today_cst)
- 数据库懒加载→selectinload预加载
- 日期解析兼容ISO datetime字符串
- 文件上传定位修复 (position:relative)
- 表单button type='button'防止误提交
- 分管领导权限(只读客户档案,不可编辑)
- 侧边栏折叠+SVG图标
- 拜访方式/紧急度统一chip风格
- 时间范围统一为el-time-picker(is-range)
- 全局CSS设计变量+box-sizing修复滚动条

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/views/mobile/MiniBusinessForm.vue

@@ -44,43 +44,127 @@ async function handleSubmit() {
 
 <template>
   <div class="form-page">
-    <div class="form-header">
-      <el-button text @click="router.back()">← 返回</el-button>
-      <h3>添加商机跟单</h3>
-      <span style="width:60px"></span>
-    </div>
-    <el-form label-position="top">
-      <el-form-item label="客户单位">
+    <header class="form-editorial-header">
+      <button class="form-back-btn" @click="router.back()">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="19" y1="12" x2="5" y2="12"></line>
+          <polyline points="12 19 5 12 12 5"></polyline>
+        </svg>
+      </button>
+      <div class="form-title-group">
+        <h2 class="form-title">添加商机跟单</h2>
+        <span class="form-subtitle">BUSINESS OPPORTUNITY</span>
+      </div>
+      <div class="form-rule"></div>
+    </header>
+
+    <el-form label-position="top" class="editorial-form">
+      <el-form-item>
+        <template #label><span class="form-label">客户单位</span></template>
         <el-select v-model="form.customer_id" filterable remote :remote-method="loadCustomers" placeholder="搜索客户" style="width:100%">
           <el-option v-for="c in customers" :key="c.id" :label="c.name" :value="c.id" />
         </el-select>
       </el-form-item>
-      <el-form-item label="产品类型">
+
+      <el-form-item>
+        <template #label><span class="form-label">产品类型</span></template>
         <el-input v-model="form.product_type" placeholder="例如: 云桌面、专线..." />
       </el-form-item>
-      <el-form-item label="金额">
+
+      <el-form-item>
+        <template #label><span class="form-label">金额</span></template>
         <el-input v-model="form.amount" placeholder="预估金额" />
       </el-form-item>
-      <el-form-item label="跟进内容">
+
+      <el-form-item>
+        <template #label><span class="form-label">跟进内容</span></template>
         <el-input v-model="form.follow_up_detail" type="textarea" :rows="4" placeholder="具体情况..." />
       </el-form-item>
-      <el-form-item label="跟进状态">
+
+      <el-form-item>
+        <template #label><span class="form-label">跟进状态</span></template>
         <el-select v-model="form.status" 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-form-item>
+        <template #label><span class="form-label">预计列收时间</span></template>
         <el-input v-model="form.expected_revenue_date" placeholder="如: 2026Q3" />
       </el-form-item>
-      <el-button type="primary" size="large" :loading="submitLoading" @click="handleSubmit" style="width:100%">提交</el-button>
+
+      <button class="submit-btn" :disabled="submitLoading" @click="handleSubmit">
+        <span v-if="submitLoading" class="btn-loading"></span>
+        提交商机
+      </button>
     </el-form>
   </div>
 </template>
 
 <style scoped>
-.form-page { max-width: 500px; margin: 0 auto; }
-.form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
-.form-header h3 { margin: 0; }
+.form-page { max-width: 100%; margin: 0 auto; padding-bottom: 20px; }
+
+.form-editorial-header {
+  display: flex; align-items: flex-start; gap: 14px;
+  margin-bottom: 26px; flex-wrap: wrap;
+}
+
+.form-back-btn {
+  background: var(--surface); border: 1px solid var(--warm-border);
+  padding: 8px 10px; cursor: pointer; color: var(--warm-gray);
+  display: flex; align-items: center; transition: all var(--transition);
+  flex-shrink: 0; margin-top: 2px;
+}
+.form-back-btn:hover { color: var(--ink); border-color: var(--ink); }
+
+.form-title-group { display: flex; flex-direction: column; gap: 0; flex: 1; }
+
+.form-title {
+  margin: 0; font-family: 'ZCOOL XiaoWei', STSong, serif;
+  font-size: 24px; font-weight: 400; color: var(--ink);
+  letter-spacing: 0.06em; line-height: 1.3;
+}
+
+.form-subtitle {
+  font-family: 'JetBrains Mono', 'SF Mono', monospace;
+  font-size: 9px; color: var(--gold); letter-spacing: 0.2em;
+}
+
+.form-rule {
+  width: 100%; height: 2px; background: var(--warm-border);
+  margin-top: 6px; position: relative;
+}
+.form-rule::after {
+  content: ''; position: absolute; left: 0; top: 0;
+  width: 32px; height: 2px; background: var(--gold);
+}
+
+.form-label {
+  font-family: 'ZCOOL XiaoWei', STSong, serif !important;
+  font-size: 14px !important; color: var(--ink) !important;
+  letter-spacing: 0.04em; font-weight: 500 !important;
+}
+
+.editorial-form .el-form-item { margin-bottom: 20px; }
+
+.submit-btn {
+  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 16px; background: var(--ink); color: #fff; border: none;
+  font-family: 'ZCOOL XiaoWei', STSong, serif;
+  font-size: 16px; letter-spacing: 0.08em; cursor: pointer; transition: all 0.25s;
+  margin-top: 24px;
+}
+.submit-btn:hover { background: var(--ink-light); }
+.submit-btn:active { transform: scale(0.98); }
+.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; }
+
+.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); } }
 </style>