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