From 05357b9c587f64cd548e987643066b253cd9bfe0 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期五, 14 二月 2025 15:06:59 +0800
Subject: [PATCH] fix: b端

---
 apps/bMiniApp/src/pages/workbenches/InnerPage.vue |   82 ++++++++++++++++++++++++++++++++++++++++
 1 files changed, 81 insertions(+), 1 deletions(-)

diff --git a/apps/bMiniApp/src/pages/workbenches/InnerPage.vue b/apps/bMiniApp/src/pages/workbenches/InnerPage.vue
index 77f18e3..e906178 100644
--- a/apps/bMiniApp/src/pages/workbenches/InnerPage.vue
+++ b/apps/bMiniApp/src/pages/workbenches/InnerPage.vue
@@ -1,13 +1,93 @@
 <template>
-  <div>InnerPage</div>
+  <ContentView>
+    <div class="workbenches-banner-wrapper">
+      <nut-swiper :auto-play="3000">
+        <nut-swiper-item v-for="(item, index) in list" :key="index">
+          <img :src="item" class="banner-img" draggable="false" />
+        </nut-swiper-item>
+      </nut-swiper>
+    </div>
+
+    <Cell :show-title="false" class="workbenches-cell">
+      <CellChunk title="浠诲姟">
+        <div class="workbenches-cell-list">
+          <TaskDetailWelfareItem :icon="IconPublishTask" text="鍙戝竷浠诲姟" @click="goPublishTask" />
+          <TaskDetailWelfareItem :icon="IconPersonManage" text="鐢ㄤ汉绠$悊" />
+        </div>
+      </CellChunk>
+      <CellChunk title="鐢ㄤ汉">
+        <div class="workbenches-cell-list">
+          <TaskDetailWelfareItem :icon="IconFlexjobManage" text="鐏靛伐绠$悊" />
+          <TaskDetailWelfareItem
+            :icon="IconTaskManage"
+            text="浠诲姟绠$悊"
+            @click="goPage(RouterPath.taskManage)"
+          />
+          <TaskDetailWelfareItem
+            :icon="IconAcceptManage"
+            text="楠屾敹绠$悊"
+            @click="goPage(RouterPath.taskCheck)"
+          />
+        </div>
+      </CellChunk>
+    </Cell>
+  </ContentView>
 </template>
 
 <script setup lang="ts">
+import Taro from '@tarojs/taro';
+import { TaskDetailWelfareItem } from '@12333/components';
+import { RouterPath } from '@/constants';
+import IconAcceptManage from '@/assets/workbenches/icon-accept-manage.png';
+import IconFlexjobManage from '@/assets/workbenches/icon-flexjob-manage.png';
+import IconPersonManage from '@/assets/workbenches/icon-person-manage.png';
+import IconPublishTask from '@/assets/workbenches/icon-publish-task.png';
+import IconTaskManage from '@/assets/workbenches/icon-task-manage.png';
+
 defineOptions({
   name: 'InnerPage',
 });
+
+const list = ref([
+  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
+  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
+  'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
+  'https://storage.360buyimg.com/jdc-article/fristfabu.jpg',
+]);
+
+function goPage(routeName: string) {
+  Taro.navigateTo({
+    url: routeName,
+  });
+}
+
+function goPublishTask() {
+  goPage(RouterPath.publishTask);
+}
 </script>
 
 <style lang="scss">
 @import '@/styles/common.scss';
+
+.workbenches-page-wrapper {
+  .workbenches-banner-wrapper {
+    .banner-img {
+      width: 100%;
+      height: 260px;
+      object-fit: cover;
+    }
+  }
+
+  .workbenches-cell {
+    margin-top: 24px;
+
+    .cell-title-wrapper {
+      margin-bottom: 36px;
+    }
+
+    .workbenches-cell-list {
+      display: flex;
+    }
+  }
+}
 </style>

--
Gitblit v1.9.1