```

feat(i18n): 添加“在线报名”国际化翻译字段

在中英文语言包中新增了“zaixianbaoming”对应的翻译内容，用于支持页面中的在线报名功能展示。

fix(workflowTrade): 调整需求列表项布局并添加价格和报名按钮

修改了 workflowTrade 页面的需求列表项结构，使用 flex 布局优化标题与价格的排列，
并在每项末尾增加了“在线报名”按钮，同时引入对应的图标资源。

style(css): 更新价格颜色变量值

将 .color_price 类的颜色从 #fc4f1d 修改为 #E43434，以统一视觉风格。
```

src/locales/en.js

@@ -8,10 +8,9 @@ export default {
     shousuo: 'Search',
     chuangjiangongzuoliu: 'Create Workflow',
     fabuxuqiu: 'Publish Demand',
-
-
     gongzuoliu: 'Workflow',
     gongzuoliu_trade: 'Workflow Trade',
+    zaixianbaoming: 'Online Registration',
   },
   login: {
     smsLogin: 'SMS Login',

src/locales/zh-CN.js

@@ -9,9 +9,9 @@ export default {
     shousuo: '搜索',
     chuangjiangongzuoliu: '创建工作流',
     fabuxuqiu: '发布需求',
-
     gongzuoliu: '工作流',
     gongzuoliu_trade: '工作流交易',
+    zaixianbaoming: '在线报名',
   },
   login: {
     smsLogin: '短信登录',

src/pages/workflowTrade/workflowTrade.vue

@@ -44,9 +44,12 @@
       <div class="course-list mt20">
         <div class="font_size20 bold mb10">共 <span class="color_theme">5</span> 条需求</div>
         <div class="padding16 bg_color_fff border_radius_16 mb20" v-for="item in 4" :key="item">
-          <div class="gap10">
-            <el-button type="primary">免费</el-button>
-            <div class="bold font_size30">AI智能线索富集与多渠道通知系统</div>
+          <div class="flex-between">
+            <div class="gap10">
+              <el-button type="primary">免费</el-button>
+              <div class="bold font_size30">AI智能线索富集与多渠道通知系统</div>
+            </div>
+            <div class="font_size24 color_price bold">￥2000.00-3000.00</div>
           </div>
           <div class="gap20 mt10">
             <el-button type="primary" size="large" plain>一级分类名称</el-button>
@@ -73,10 +76,18 @@
             </div> -->
           </div>
           <div class="font_size16 gray mt10">此n8n工作流是一款强大的AI驱动的潜在客户富集与通知系统，专为市场营销和销售团队设计。它通过智能表单收集线索，利用OpenAI深度分析并丰富客户数据，自动识别关键信息。系统能根据预设条件，通过多种渠道即时发送个性化通知，显著提升线索质量、转化率及团队协作效率，是优化客户关系管理的关键工具。</div>
-          <div class="mt20 gap10">
-            <el-avatar :size="32" :src="appStore.userInfo?.avatar || 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" />
-            <div class="font_size16 bold">张三</div>
-            <div class="font_size14 gray mt2">2024-10-16</div>
+          <div class="mt20">
+            <div class="flex-between">
+              <div class="gap10">
+                <el-avatar :size="32" :src="appStore.userInfo?.avatar || 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" />
+                <div class="font_size16 bold">张三</div>
+                <div class="font_size14 gray mt2">2024-10-16</div>
+              </div>
+              <el-button type="primary" size="large">
+                <img :src="zaixianbaomingIcon" alt="" class="mr10" style="width: 16px; height: 16px;">
+                <span class="font_size14">{{$t('common.zaixianbaoming')}}</span>
+              </el-button>
+            </div>
           </div>
         </div>
       </div>
@@ -101,6 +112,7 @@
   import shiyongIcon from '@/assets/imgs/shiyong.png'
   import yunIcon from '@/assets/imgs/yun.png'
   import biaoqianIcon from '@/assets/imgs/biaoqian.png'
+  import zaixianbaomingIcon from '@/assets/imgs/zaixianbaoming.png'
 
   import Pagination from '@/components/Pagination.vue'
 

src/styles/index.scss

@@ -553,7 +553,7 @@ wx-image{
 	border-radius: 4px;
 }
 .color_price{
-	color: #fc4f1d;
+	color: #E43434;
 }
 .color_vip{
 	color: #fee189;