应用页面

ghs/src/admin/home/apply.vue

@@ -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>

ghs/src/admin/home/workbench.vue

@@ -240,12 +240,12 @@ export default {
           url: "/admin/staff/list"
         },
         {
-          name: "员工",
+          name: "员工管理",
           img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
           url: "/admin/staff/list"
         },
         {
-          name: "门店",
+          name: "门店管理",
           img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
           url: "/admin/shop/list"
         },