|
|
@@ -1,15 +1,154 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <view class="app-content">
|
|
|
+ <view class="apply-content_box">
|
|
|
+ <view
|
|
|
+ v-for="item in menuList"
|
|
|
+ :key="item.title"
|
|
|
+ class="apply-list_box">
|
|
|
+ <view class="tit">
|
|
|
+ {{item.title}}
|
|
|
+ </view>
|
|
|
+ <div class="tabs-wrap">
|
|
|
+ <div
|
|
|
+ v-for="s in item.list"
|
|
|
+ :key="s.url"
|
|
|
+ class="tabs-list">
|
|
|
+ <div @click="pageTo(s)">
|
|
|
+ <div class="tabs-img">
|
|
|
+ <img :src="s.img" alt mode="widthFix" />
|
|
|
+ </div>
|
|
|
+ <div class="tabs-name">{{s.name}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default { // 应用页面
|
|
|
- name:'Apply'
|
|
|
+ name:'Apply',
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ menuList: [
|
|
|
+ {
|
|
|
+ title:'门店仓库',
|
|
|
+ list:[
|
|
|
+ {
|
|
|
+ name: "花材管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "门店管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
|
|
|
+ url: "/admin/shop/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨出库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbck.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨入库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "库存预警",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/kcyj.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "盘点",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/pandian.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "员工管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'赚钱分红',
|
|
|
+ list:[{
|
|
|
+ name: "邀请开店",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yqyl.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'数据统计',
|
|
|
+ list:[
|
|
|
+ {
|
|
|
+ name: "经营概况",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "开单业绩",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/kdyj.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },{
|
|
|
+ title:'资金管理',
|
|
|
+ list:[
|
|
|
+ {
|
|
|
+ name: "客户欠款",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/khqk.png`,
|
|
|
+ url: "/admin/interest/my-invite"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-
|
|
|
+ .apply-content_box {
|
|
|
+ padding-top: 1upx;
|
|
|
+ padding-bottom: 60upx;
|
|
|
+ & .apply-list_box {
|
|
|
+ margin-top: 20px;
|
|
|
+ padding:40upx 30upx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ & > .tit {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+.tabs-wrap {
|
|
|
+ padding: 40px 0px;
|
|
|
+ @include disFlex(center, flex-start);
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .tabs-list {
|
|
|
+ width: 25%;
|
|
|
+ margin-top: 50px;
|
|
|
+ text-align: center;
|
|
|
+ .tabs-img {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ margin: 0 auto;
|
|
|
+ img {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tabs-name {
|
|
|
+ color: $fontColor2;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ &:nth-child(-n + 4) {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+ }
|
|
|
</style>
|
fuwei