|
|
@@ -1,158 +1,168 @@
|
|
|
<template>
|
|
|
- <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 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',
|
|
|
- data(){
|
|
|
- return {
|
|
|
- menuList: [
|
|
|
- {
|
|
|
- title:'门店仓库',
|
|
|
- list:[
|
|
|
- {
|
|
|
- name: "商品管理",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
- url: "/admin/goodsManage/list"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "花材管理",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
- url: "/pagesStorehouse/flower/manage"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "门店管理",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
|
|
|
- url: "/admin/shop/list"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "调拨出库",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/dbck.png`,
|
|
|
- url: "/pagesStorehouse/allot/allotEx"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "调拨入库",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`,
|
|
|
- url: "/pagesStorehouse/allot/allotPut"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "库存预警",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,
|
|
|
- url: "/pagesStorehouse/stockWarn/manage"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "盘点",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/pandian.png`,
|
|
|
- url: "/pagesStorehouse/inventory/list"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "员工管理",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
- url: "/admin/staff/list"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "员工业绩",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/kdyj.png`,
|
|
|
- url: "/admin/staff/achieve"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "供货商",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
- url: "/admin/ghs/shop"
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- title:'赚钱分红',
|
|
|
- list:[{
|
|
|
- name: "邀请开店",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/yqyl.png`,
|
|
|
- url: "/pagesInvite/list"
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- title:'数据统计',
|
|
|
- list:[
|
|
|
- {
|
|
|
- name: "经营概况",
|
|
|
- img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,
|
|
|
- url: "/pagesStatistics/business"
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
+export default { // 应用页面
|
|
|
+ name: 'Apply',
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ menuList: [
|
|
|
+ {
|
|
|
+ title: '门店仓库',
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ name: "商品管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
+ url: "/admin/goodsManage/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "花材管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,
|
|
|
+ url: "/pagesStorehouse/flower/manage"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "门店管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/shop.png`,
|
|
|
+ url: "/admin/shop/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨出库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbck.png`,
|
|
|
+ url: "/pagesStorehouse/allot/allotEx"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "调拨入库",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/dbrk.png`,
|
|
|
+ url: "/pagesStorehouse/allot/allotPut"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "库存预警",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,
|
|
|
+ url: "/pagesStorehouse/stockWarn/manage"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "盘点",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/pandian.png`,
|
|
|
+ url: "/pagesStorehouse/inventory/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "员工管理",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
+ url: "/admin/staff/list"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "员工业绩",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/kdyj.png`,
|
|
|
+ url: "/admin/staff/achieve"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "供货商",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
+ url: "/admin/ghs/shop"
|
|
|
+ }, {
|
|
|
+ name: "培训班",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yggl.png`,
|
|
|
+ url: "/training/trainingClass"
|
|
|
+ },
|
|
|
+ ]
|
|
|
},
|
|
|
- onPullDownRefresh() {
|
|
|
- uni.stopPullDownRefresh();
|
|
|
+ {
|
|
|
+ title: '赚钱分红',
|
|
|
+ list: [{
|
|
|
+ name: "邀请开店",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/yqyl.png`,
|
|
|
+ url: "/pagesInvite/list"
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '数据统计',
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ name: "经营概况",
|
|
|
+ img: `${this.$constant.imgUrl}/ghs/home/jyzk.png`,
|
|
|
+ url: "/pagesStatistics/business"
|
|
|
+ }
|
|
|
+ ]
|
|
|
}
|
|
|
+ ]
|
|
|
}
|
|
|
+ },
|
|
|
+ onPullDownRefresh () {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ }
|
|
|
+}
|
|
|
</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;
|
|
|
- }
|
|
|
+.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-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;
|
|
|
+ .tabs-name {
|
|
|
+ color: $fontColor2;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ &:nth-child(-n + 4) {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
</style>
|
wangn