feat: mine

wupengfei

2025-02-14 b61e0dd54ca5adf96bea4fd1f92d498fe5245ff4

 apps/bMiniApp/src/pages/workbenches/InnerPage.vue

@@ -1,13 +1,85 @@
<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="任务管理" />
          <TaskDetailWelfareItem :icon="IconAcceptManage" text="验收管理" />
        </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>