feat: 1.2.0.1

wupengfei

6 天以前 28a1ee009fdeb6bbd71e8263be704e2988204e04

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

@@ -1,13 +1,112 @@
<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="用人管理" @click="goPersonManage" />
        </div>
      </CellChunk>
      <CellChunk title="用人">
        <div class="workbenches-cell-list">
          <TaskDetailWelfareItem
            :icon="IconFlexjobManage"
            text="灵工管理"
            @click="goPage(RouterPath.flexJobManage)"
          />
          <TaskDetailWelfareItem
            :icon="IconTaskManage"
            text="任务安排"
            @click="goPage(RouterPath.taskManage)"
          />
          <TaskDetailWelfareItem
            :icon="IconAcceptManage"
            text="验收管理"
            @click="goPage(RouterPath.taskCheck)"
          />
        </div>
      </CellChunk>
      <CellChunk title="发薪">
        <div class="workbenches-cell-list">
          <TaskDetailWelfareItem
            :icon="IconPayrollManage"
            text="发薪管理"
            @click="goPage(RouterPath.payrollManage)"
          />
        </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';
import IconPayrollManage from '@/assets/workbenches/icon-payroll.png';
import { useAccessLogin } from '@/hooks';

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',
]);

const goPage = useAccessLogin((routeName: string) => {
  Taro.navigateTo({
    url: routeName,
  });
});

const goPublishTask = () => {
  goPage(RouterPath.publishTask);
};

function goPersonManage() {
  goPage(RouterPath.jobApplicationManage);
}
</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>