<template>
  <view class="iconBox">
    <view class="iconItem"@tap="goDevice">
      <view class="icon">
        <image src="../static/iconfont/autoDevice.svg" mode="scaleToFill" />
      </view>
      <view class="text">自动盘点</view>
    </view>
    <view class="iconItem"@tap="goInventory">
      <view class="icon">
        <image src="../static/iconfont/handDevice.svg" style="width: 108rpx;height: 108rpx;" mode="scaleToFill" />
      </view>
      <view class="text">手持盘点</view>
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";


onLoad(() => {
})

const goDevice = () => {
  uni.navigateTo({
    url: '/pagesInventory/inventoryTask',
  })
}

// const goInventory = () => {
//   if (uni.getStorageSync("deviceInfo") && Object.keys(uni.getStorageSync("deviceInfo")).length > 0) {
//     uni.navigateTo({
//       url: '/pagesInventory/inventory',
//     })
//     console.log("有数据")
//   } else {
//     console.log("无数据")
//     uni.showToast({
//       title: '请先去绑定设备',
//       icon: 'none'
//     })
//   }
// }

const goHistory = () => {
  uni.navigateTo({
    url: '/pagesInventory/history',
  })
}
</script>

<style scoped lang="scss">
.iconBox {
  display: flex;
  justify-content: space-evenly;
  margin-top: 440rpx;

  .iconItem {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20rpx;
    background-color: #f8f9fa;
    height: 300rpx;
    border-radius: 20rpx;

    .icon {
      width: 110rpx;
      height: 110rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      image {
        width: 90rpx;
        height: 90rpx;
      }
    }

    .text {
      margin-top: 14rpx;
      // font-size: 28rpx;
    }
  }
}
</style>
