Explorar o código

feat(workflowTrade): 重构需求详情页UI并优化交互体验

重构需求详情页的UI设计,采用现代化布局和视觉效果,包括:
1. 添加英雄区域和波浪动画背景
2. 重新设计卡片布局和信息展示方式
3. 优化联系方式展示为网格布局
4. 改进响应式设计适配不同设备
5. 添加状态徽章和统计信息展示

同时修复返回按钮事件冒泡问题和调整返回逻辑
ext.zhangbin71 hai 2 semanas
pai
achega
447f6031a2

+ 2 - 2
src/pages/workflowTrade/workflowTradeAdd.vue

@@ -398,7 +398,7 @@
                 <el-icon v-else><Promotion /></el-icon>
                 <span>{{ isSubmiting ? t('workflowTradeAdd.publishing') : $t('common.fabuxuqiu') }}</span>
               </button>
-              <button class="wta-btn-cancel" @click="goBack">
+              <button class="wta-btn-cancel" @click.stop.prevent="goBack">
                 <el-icon><Back /></el-icon>
                 <span>{{ $t('common.back') }}</span>
               </button>
@@ -685,7 +685,7 @@ const submitForm = async () => {
     })
   })
 }
-const goBack = () => router.back()
+const goBack = () => window.history.back()
 const getCategoryListTreeFn = () => {
   getCategoryListTree().then(res => { categoryListTree.value = res.rows || [] })
 }

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 891 - 158
src/pages/workflowTrade/workflowTradeDetail.vue