172 lines
4.3 KiB
Vue
172 lines
4.3 KiB
Vue
<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('productList')">
|
|
<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('brandList')"
|
|
>
|
|
<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>
|