优化合同个管理和产品管理相关功能

backend/src/views/apps/crm/supplier/components/edit.vue

@@ -7,13 +7,13 @@
     @update:model-value="handleClose"
     @closed="handleClosed"
   >
-    <!-- 步骤条 -->
+    <!-- 步骤条（支持点击步骤直接跳转） -->
     <div class="steps-wrapper">
-      <el-steps :active="activeStep" finish-status="success" align-center>
-        <el-step title="基本信息" />
-        <el-step title="联系信息" />
-        <el-step title="开票信息" />
-        <el-step title="备注信息" />
+      <el-steps :active="activeStep" finish-status="success" align-center class="clickable-steps">
+        <el-step title="基本信息" class="step-clickable" @click="goStep(0)" />
+        <el-step title="联系信息" class="step-clickable" @click="goStep(1)" />
+        <el-step title="开票信息" class="step-clickable" @click="goStep(2)" />
+        <el-step title="备注信息" class="step-clickable" @click="goStep(3)" />
       </el-steps>
     </div>
 
@@ -382,6 +382,13 @@ function prevStep() {
   }
 }
 
+/** 点击上方步骤条直接跳转（无需按上一步 / 下一步） */
+function goStep(index) {
+  const target = Math.max(0, Math.min(3, Number(index) || 0));
+  if (target === activeStep.value) return;
+  activeStep.value = target;
+}
+
 async function handleSave(isDraft) {
   if (!formRef.value) return;
   if (isDraft) {
@@ -441,6 +448,15 @@ function handleSaveDraft() {
   padding: 0 20px;
 }
 
+/* 步骤条可点击跳转 */
+.clickable-steps {
+  :deep(.step-clickable),
+  :deep(.el-step__head),
+  :deep(.el-step__main) {
+    cursor: pointer;
+  }
+}
+
 .dialog-footer {
   display: flex;
   justify-content: space-between;