Ver Fonte

feat(photography): 更新进度步骤组件以支持禁用按钮功能- 在 LoadingDialog.vue 中为 ProgressSteps 组件添加 disabledButton 和 useNewProgress 属性绑定
-修正 ProgressSteps.vue 中的属性定义,将 buttonText 类型注释中的多余逗号去除
- 修改 ProgressSteps.vue 模板逻辑,根据 disabledButton 控制完成按钮显示
- 调整完成按钮文本内容,去掉“全部”前缀使表达更简洁- 新增 disabledButton 和 useNewProgress 的 props 定义及默认值设置

panqiuyao há 1 mês atrás
pai
commit
6914089511

+ 3 - 1
frontend/src/views/Photography/components/LoadingDialog.vue

@@ -14,6 +14,8 @@
       <ProgressSteps
         v-if="useNewProgress && progressSteps.length > 0"
         :steps="progressSteps"
+        :disabled-button="disabledButton"
+        :use-new-progress="useNewProgress"
         @complete="handleButtonClick"
       />
 
@@ -66,7 +68,7 @@ interface Props {
   progress?: number
   message?: string
   disabledButton?: boolean
-  buttonText?: string,
+  buttonText?: string
   requesting?: boolean
   useNewProgress?: boolean
   progressSteps?: StepData[]

+ 8 - 2
frontend/src/views/Photography/components/ProgressSteps.vue

@@ -47,13 +47,15 @@
     </div>
 
     <!-- 完成按钮 -->
-    <div v-if="allStepsCompleted" class="completion-section">
+    <div
+        v-if="!disabledButton"
+         class="completion-section">
       <el-button
         type="primary"
         class="completion-button"
         @click="handleComplete"
       >
-        全部处理完毕,点击打开最终图片目录
+        处理完毕,点击打开最终图片目录
       </el-button>
     </div>
   </div>
@@ -75,11 +77,15 @@ interface StepData {
 
 interface Props {
   steps: StepData[]
+  disabledButton?: boolean
+  useNewProgress?: boolean
   onComplete?: () => void
 }
 
 const props = withDefaults(defineProps<Props>(), {
   steps: () => [],
+  useNewProgress: false,
+  disabledButton: true,
   onComplete: () => {}
 })