<template>
  <!-- 任务消息列表 -->
  <div class="taskMessagePage flex-col">
    <s-header :name="'任务消息'" :noback="false"></s-header>
    <div class="taskMessageBox flex-col">
      <div class="taskListRow flex-col" @click="pushPageList('/taskEquipment')">
        <div class="taskIcon deviceIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">设备初始化审批</div>
        </div>
      </div>
      <div class="taskListRow flex-col" @click="pushPageList('/taskProportion')">
        <div class="taskIcon retailIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">分销申请审批</div>
        </div>
      </div>
      <div class="taskListRow flex-col" @click="pushPageList('/taskJoinPayMchCheck')">
        <div class="taskIcon withIcon"></div>
        <div class="taskRight">
          <div class="taskTitle">提现账号审批</div>
        </div>
      </div>
    </div>
    <nav-bar></nav-bar>
  </div>
</template>

<script>
import { onMounted } from 'vue';
import navBar from '@/components/NavBar';
import sHeader from "@/components/SimpleHeader";
import { useRouter } from "vue-router";

export default {
  components: { sHeader, navBar },
  setup() {
    const router = useRouter();
    // 初始化页面获取列表
    onMounted(async () => {});
    const pushPageList = (url) => {
      router.push(url);
    }
    return { pushPageList };
  }
};
</script>

<style lang="less" scoped>
@import "../../common/style/common.less";
@import "./index.less";
</style>
