baoshi-swms-app-web/src/views/index.vue

<template>
  <div class="container">
    <van-image class="image" :src="imageUrl" ></van-image>
    <div class="name" >{{userInfo.username}}</div>
    <div class="home" @click="onRouter('picking')">拣货</div>
<!--    <div class="home" @click="onRouter('picking-aisle')">巷道拣货</div>-->
    <div class="home" @click="onRouter('blind-receiving')">盲扫</div>
<!--    <div class="home" @click="onRouter('check-move-stock')">反拣还库</div>-->
    <div class="home" @click="onRouter('piece-dashboard')">计件面板</div>
    <div class="home" @click="onRouter('take-delivery')">收货</div>
    <div class="home" @click="onRouter('hik-putaway-allocation')">海康上架-调度</div>
    <div class="home" @click="onRouter('hik-putaway')">海康上架</div>
    <div class="home" @click="onRouter('hik-box-return')">海康-入库</div>
    <div class="home" @click="onRouter('check-activity')">复核-活动单</div>
    <div class="home" @click="onRouter('check-large')">复核-大件单</div>

  </div>
</template>
<script setup>
import imageUrl from '@/assets/img.png'
import { useRouter } from 'vue-router'
import { getHeader } from '@/utils/android.ts'
import { useStore } from '@/store/modules/user.ts'
import { getUserInfo } from '@/api/login/index.ts'
import { ref } from 'vue'
const router = useRouter()
const onRouter=(path)=>{
  router.push(`/${path}`)
}
const store = useStore()
const userInfo=ref({})
try {
  getHeader()
}catch (error) {
}
setTimeout(()=>{
  getUserInfo().then(res => {
    userInfo.value=res.data
  })
},300)

</script>
<style scoped lang="sass" >
.container
  height: 100vh
  .image
    margin: 20px
  .home
    cursor: pointer
    padding: 10px
    font-size: 18px
    text-decoration: underline
    color: #0077ff
  .name
    font-size: 20px
    color: #0077ff
</style>