<template>
  <q-page class="q-pa-md">
    <div class="row q-col-gutter-none">
      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round color="negative" size="35px" icon="img:statics/icons/receiving_white.png"
          @click="goLinks('zebra_sorting')" />
        <div class="q-mt-sm text-h6 text-weight-bold">收货</div>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="purple" icon="img:statics/icons/putaway_white.png"
          @click="goLinks('zebra_putaway')" />
        <div class="q-mt-sm text-h6 text-weight-bold">上架</div>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="primary" icon="img:statics/icons/unshelve_white.png"
          @click="goLinks('zebra_pick')" />
        <div class="q-mt-sm text-h6 text-weight-bold">下架</div>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="secondary" icon="img:statics/icons/returns_whit.png"
          @click="goLinks('zebra_outWarehouse')" />
        <div class="q-mt-sm text-h6 text-weight-bold">出库</div>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="info" icon="img:statics/icons/search.png"
          @click="goLinks('zebra_inquiry')" />
        <div class="q-mt-sm text-h6 text-weight-bold">货物查询</div>
      </div>
      <!-- <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="info" icon="img:statics/icons/inventory.png"
          @click="goLinks('zebra_inventory')" />
        <div class="q-mt-sm text-h6 text-weight-bold">盘点</div>
      </div> -->
      <!-- <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="brown" icon="wysiwyg" />
        <div class="q-mt-sm text-h6 text-weight-bold">工厂管理</div>
      </div> -->
      <!-- <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="positive" icon="find_in_page" />
        <div class="q-mt-sm text-h6 text-weight-bold">入库管理</div>
      </div> -->
      <!-- <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="teal" icon="assessment" />
        <div class="q-mt-sm text-h6 text-weight-bold">入库管理</div>
      </div> -->
      <!-- <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 col-xl-4" align="center">
        <q-btn push glossy round size="35px" color="deep-orange" icon="business_center" />
        <div class="q-mt-sm text-h6 text-weight-bold">入库管理</div>
      </div> -->
    </div>
  </q-page>
  <!-- <router-view /> -->
  <!-- <q-page>
    <router-view />
    <q-page-sticky position="bottom-left" :offset="[18, 18]">
      <input id="scannedBarcodes" v-model="</q-page-sticky>barscan" type="text" readonly disabled />
    </q-page-sticky>
    <q-page-sticky position="bottom-right" :offset="[18, 18]">
      <q-fab v-model="fab" icon="add" direction="up" color="accent" vertical-actions-align="left">
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_locationquery')" label-style="background-color:transparent"
          :to="{ name: 'zebra_locationquery' }" :style="{
            'margin-top': fab8.top,
            'margin-bottom': fab8.bottom,
            'margin-left': fab8.left,
            'margin-right': fab8.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/stock/stocklist.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_goodsquery')" label-style="background-color:transparent" :to="{ name: 'zebra_goodslist' }"
          :style="{
            'margin-top': fab7.top,
            'margin-bottom': fab7.bottom,
            'margin-left': fab7.left,
            'margin-right': fab7.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/goods/goodslist.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          icon="img:statics/stock/cyclecount.png" :label="$t('scan.scan_inventory')"
          label-style="background-color:transparent" :to="{ name: 'zebra_cyclecount' }" :style="{
            'margin-top': fab6.top,
            'margin-bottom': fab6.bottom,
            'margin-left': fab6.left,
            'margin-right': fab6.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/stock/cyclecount.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_movetobin')" label-style="background-color:transparent" :to="{ name: 'zebra_movetobin' }"
          :style="{
            'margin-top': fab5.top,
            'margin-bottom': fab5.bottom,
            'margin-left': fab5.left,
            'margin-right': fab5.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/icons/movetobin.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_shipping')" label-style="background-color:transparent" :to="{ name: 'zebra_shipping' }"
          :style="{
            'margin-top': fab4.top,
            'margin-bottom': fab4.bottom,
            'margin-left': fab4.left,
            'margin-right': fab4.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/icons/car.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_picking')" label-style="background-color:transparent" :to="{ name: 'zebra_picking' }"
          :style="{
            'margin-top': fab3.top,
            'margin-bottom': fab3.bottom,
            'margin-left': fab3.left,
            'margin-right': fab3.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/outbound/picked.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_uptobin')" label-style="background-color:transparent" :to="{ name: 'zebra_uptobin' }"
          :style="{
            'margin-top': fab2.top,
            'margin-bottom': fab2.bottom,
            'margin-left': fab2.left,
            'margin-right': fab2.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/inbound/presortstock.png" />
        </q-fab-action>
        <q-fab-action square flat external-label label-position="bottom" label-class="text-black"
          :label="$t('scan.scan_sorting')" label-style="background-color:transparent" :to="{ name: 'zebra_sorting' }"
          :style="{
            'margin-top': fab1.top,
            'margin-bottom': fab1.bottom,
            'margin-left': fab1.left,
            'margin-right': fab1.right,
            height: touchheight,
            width: touchwidth,
          }">
          <q-img src="statics/inbound/preloadstock.png" />
        </q-fab-action>
      </q-fab>
    </q-page-sticky>
  </q-page> -->
</template>

<script setup lang="ts">
// import { scangetauth, baseurl } from '/src/boot/axios';
// import { LocalStorage, Notify } from 'quasar';
// import { ref } from 'vue';
// import { RouterLink } from 'vue-router';
import { useRouter } from 'vue-router';

const router = useRouter();

const goLinks = (name: any) => {
  router.push({ name: name });
}

</script>

<style scoped>
.row>div {
  padding: 25px 25px;
  background: white;
  border: 0.5px dotted #dadada;
}
</style>
