<template>
  <view class="warehouse-container">
    <status-bar :backgroundColor="'#fff'" v-if="true"></status-bar>
    <view class="shop-name">{{ dashboardInfo.store_info.store_name }}</view>
    <view class="warehouse-content">
      <view class="warehouse-list">
        <view class="warehouse-item" @click="skipu('productList')">
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/brand-2.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">商品管理</view>
        </view>
        <view class="warehouse-item" @click="skipu('specification')">
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/specification.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">规格管理</view>
        </view>
        <view
          class="warehouse-item warehouse-item-2"
          @click="skipu('typeManagement')"
        >
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/commodity-type.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">类型管理</view>
        </view>
        <view class="warehouse-item" @click="skipu('classifyList')">
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/classify.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">分类管理</view>
        </view>
      </view>
      <!-- <view class="warehouse-list warehouse-list-2">
        <view class="warehouse-item" @click="skipu('brandList')">
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/brand-3.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">品牌管理</view>
        </view>
        <view
          class="warehouse-item warehouse-item-2"
          @click="skipu('photoGallery')"
        >
          <view class="warehouse-item-img">
            <u--image
              src="../../static/warehouse/photo-gallery-1.png"
              :width="44"
              :height="44"
            ></u--image>
          </view>
          <view class="warehouse-item-name">商品图库</view>
        </view>
      </view> -->
    </view>
    <tabbar tabbarName="warehouse"></tabbar>
  </view>
</template>

<script>
import tabbar from "@/components/tabbar/tabbar.vue";
import statusBar from "@/components/status-bar.vue";
import { GetAccountDashboard } from "../../api/user";
import { mapState } from "vuex";
export default {
  name: "warehouse",
  components: {
    statusBar,
    tabbar,
  },
  data() {
    return {
      dashboardInfo: {
        store_info: {
          store_name: "",
        },
      },
    };
  },
  computed: {},
  onReady() {},
  onShow() {
    this.getAccountDashboard();
  },

  mounted() {},
  methods: {
    async getAccountDashboard() {
      let res = await GetAccountDashboard();

      if (res && res.status == 200) {
        this.dashboardInfo = res.data;
      }
    },
    skipu(url) {
      uni.navigateTo({
        url: `/pages/warehouse/manage/${url}`,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/styles/variables.scss";
.warehouse-container {
  height: calc(100vh - 120rpx);
  background: #f5f6fa;

  .shop-name {
    padding: 40rpx 24px;
    font-size: 40rpx;
    font-weight: bold;
    background: #fff;
  }

  .warehouse-content {
    margin: 10px;
    padding: 20px;
    border-radius: 24rpx;
    background: #fff;
    box-shadow: 0 12rpx 16rpx 0 rgba(0, 0, 0, 0.1);

    .warehouse-list {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .warehouse-item {
        display: flex;
        flex-flow: column;
        align-items: center;

        .warehouse-item-img {
          margin-bottom: 20rpx;
        }
      }
    }

    .warehouse-list-2 {
      margin-top: 40rpx;
      justify-content: flex-start;

      .warehouse-item-2 {
        margin-left: 48rpx;
      }
    }
  }
}
</style>
