|
|
@@ -3,16 +3,17 @@
|
|
|
<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="goPage(s)">
|
|
|
- <div class="tabs-img"> <img :src="s.img" alt mode="widthFix" />
|
|
|
- </div>
|
|
|
- <div class="tabs-name">{{s.name}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <view class="section-header">
|
|
|
+ <view class="section-title"> {{item.title}} </view>
|
|
|
+ </view>
|
|
|
+ <view class="icon-grid">
|
|
|
+ <view v-for="s in item.list" :key="s.url" class="icon-item" @click="goPage(s)">
|
|
|
+ <view class="icon-wrapper">
|
|
|
+ <view class="icon-emoji">{{ s.emoji }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="icon-text">{{s.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<NotLogin></NotLogin>
|
|
|
@@ -30,66 +31,66 @@ export default {
|
|
|
return {
|
|
|
menuList: [
|
|
|
{
|
|
|
- title:'绿植花束',
|
|
|
+ title:'🌹 绿植花束',
|
|
|
list:[
|
|
|
- { name: "列表", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/list",pf:1},
|
|
|
- { name: "分类", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/category",pf:1},
|
|
|
- { name: "排序", img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`, url: "/admin/goods/categorySort",pf:1},
|
|
|
- { name: "涨价设置", img: `${this.$constant.hostUrl}/image/ghs/home/gj2.png`, url: "/admin/goods/price-increase",pf:1}
|
|
|
+ { name: "列表", emoji: "📋", url: "/admin/goods/list",pf:1},
|
|
|
+ { name: "分类", emoji: "📂", url: "/admin/goods/category",pf:1},
|
|
|
+ { name: "排序", emoji: "↕️", url: "/admin/goods/categorySort",pf:1},
|
|
|
+ { name: "涨价设置", emoji: "📈", url: "/admin/goods/price-increase",pf:1}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
- title:'花材',
|
|
|
+ title:'🌿 花材',
|
|
|
list:[
|
|
|
- {name: "列表",img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`,url: "/admin/item/list2",pf:1},
|
|
|
- {name: "分类",img: `${this.$constant.hostUrl}/image/ghs/home/hcgl2.png`,url: "/admin/itemClass/list",pf:1},
|
|
|
- { name: "调拨出库", img: `${this.$constant.hostUrl}/image/ghs/home/dbck2.png`, url: "/pagesStorehouse/allot/allotEx",pf:0},
|
|
|
- { name: "调拨入库", img: `${this.$constant.hostUrl}/image/ghs/home/dbrk2.png`, url: "/pagesStorehouse/allot/allotPut",pf:0},
|
|
|
- { name: "库存预警", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/pagesStorehouse/stockWarn/manage",pf:1},
|
|
|
- { name: "买花", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ghs2.png`, url: "/pagesPurchase/order",pf:1},
|
|
|
- { name: "买花记录", img: `${this.$constant.hostUrl}/image/ghs/home/icon_caigou2.png`, url: "/pagesPurchase/shopping",pf:1},
|
|
|
- { name: "报损", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/breakage/list",pf:1},
|
|
|
- { name: "拆散", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/part/list",pf:1},
|
|
|
- { name: "盘点", img: `${this.$constant.hostUrl}/image/ghs/home/pandian2.png`, url: "/pagesStorehouse/inventory/list",pf:1}
|
|
|
+ {name: "列表", emoji: "📋", url: "/admin/item/list2",pf:1},
|
|
|
+ {name: "分类", emoji: "📂", url: "/admin/itemClass/list",pf:1},
|
|
|
+ { name: "调拨出库", emoji: "📤", url: "/pagesStorehouse/allot/allotEx",pf:0},
|
|
|
+ { name: "调拨入库", emoji: "📥", url: "/pagesStorehouse/allot/allotPut",pf:0},
|
|
|
+ { name: "库存预警", emoji: "⚠️", url: "/pagesStorehouse/stockWarn/manage",pf:1},
|
|
|
+ { name: "买花", emoji: "🛍️", url: "/pagesPurchase/order",pf:1},
|
|
|
+ { name: "买花记录", emoji: "📊", url: "/pagesPurchase/shopping",pf:1},
|
|
|
+ { name: "报损", emoji: "🗑️", url: "/admin/breakage/list",pf:1},
|
|
|
+ { name: "拆散", emoji: "✂️", url: "/admin/part/list",pf:1},
|
|
|
+ { name: "盘点", emoji: "📦", url: "/pagesStorehouse/inventory/list",pf:1}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
- title: '门店',
|
|
|
+ title: '🏪 门店',
|
|
|
list: [
|
|
|
- { name: "门店", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/shop/list",pf:1},
|
|
|
- { name: "员工", img: `${this.$constant.hostUrl}/image/ghs/home/yggl2.png`, url: "/admin/staff/list",pf:1},
|
|
|
- { name: "员工业绩", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ygyj2.png`, url: "/admin/staff/achieve",pf:1},
|
|
|
- { name: "功能开关", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/pagesPurchase/open",pf:1},
|
|
|
- { name: "失信人员", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/ll/list",pf:1},
|
|
|
- { name: "会员等级", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/member/level",pf:1},
|
|
|
- { name: "充值送钱", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/recharge/discount",pf:1},
|
|
|
- { name: "收款码", img: `${this.$constant.hostUrl}/image/ghs/home/shop2.png`, url: "/admin/cg/code",pf:1},
|
|
|
- { name: "收款流水", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/order/scanPay",pf:1},
|
|
|
- { name: "已删商家", img: `${this.$constant.hostUrl}/image/ghs/home/icon_ghs2.png`, url: "/pagesPurchase/pb",pf:1}
|
|
|
+ { name: "门店", emoji: "🏢", url: "/admin/shop/list",pf:1},
|
|
|
+ { name: "员工", emoji: "👥", url: "/admin/staff/list",pf:1},
|
|
|
+ { name: "员工业绩", emoji: "🏆", url: "/admin/staff/achieve",pf:1},
|
|
|
+ { name: "功能开关", emoji: "⚙️", url: "/pagesPurchase/open",pf:1},
|
|
|
+ { name: "失信人员", emoji: "⛔", url: "/admin/ll/list",pf:1},
|
|
|
+ { name: "会员等级", emoji: "👑", url: "/admin/member/level",pf:1},
|
|
|
+ { name: "充值送钱", emoji: "💝", url: "/admin/recharge/discount",pf:1},
|
|
|
+ { name: "收款码", emoji: "💳", url: "/admin/cg/code",pf:1},
|
|
|
+ { name: "收款流水", emoji: "📱", url: "/admin/order/scanPay",pf:1},
|
|
|
+ { name: "已删商家", emoji: "🗑️", url: "/pagesPurchase/pb",pf:1}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
- title: '数据统计',
|
|
|
+ title: '📊 数据统计',
|
|
|
list: [
|
|
|
- {name: "利润表",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/profit",pf:1},
|
|
|
- {name: "收入统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kdIncome",pf:1},
|
|
|
- {name: "花材销量",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/productSale",pf:1},
|
|
|
- {name: "客户榜单",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/customSale",pf:1},
|
|
|
- {name: "采购统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/cgStat",pf:1},
|
|
|
- {name: "采购花材",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/cgItem",pf:1},
|
|
|
- {name: "绿植统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kindLz",pf:1},
|
|
|
- {name: "损耗总览",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/waste"},
|
|
|
- {name: "赊账汇总",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/custom/showTotalBalance"},
|
|
|
+ {name: "利润表", emoji: "📈", url: "/admin/stat/profit",pf:1},
|
|
|
+ {name: "收入统计", emoji: "💰", url: "/admin/stat/kdIncome",pf:1},
|
|
|
+ {name: "花材销量", emoji: "📉", url: "/admin/stat/productSale",pf:1},
|
|
|
+ {name: "客户榜单", emoji: "🏅", url: "/admin/stat/customSale",pf:1},
|
|
|
+ {name: "采购统计", emoji: "📋", url: "/admin/stat/cgStat",pf:1},
|
|
|
+ {name: "采购花材", emoji: "🌸", url: "/admin/stat/cgItem",pf:1},
|
|
|
+ {name: "绿植统计", emoji: "🌿", url: "/admin/stat/kindLz",pf:1},
|
|
|
+ {name: "损耗总览", emoji: "⚠️", url: "/admin/stat/waste",pf:1},
|
|
|
+ {name: "赊账汇总", emoji: "💳", url: "/admin/custom/showTotalBalance",pf:1},
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
- title: '生产',
|
|
|
+ title: '🔧 生产',
|
|
|
list: [
|
|
|
|
|
|
- { name: "列表", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/work/list",pf:1},
|
|
|
- {name: "花材统计",img: `${this.$constant.hostUrl}/image/ghs/home/jyzk2.png`,url: "/admin/stat/kind",pf:1},
|
|
|
- { name: "员工统计", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/stat/makeStat",pf:1},
|
|
|
- { name: "设置", img: `${this.$constant.hostUrl}/image/ghs/home/kcyjs2.png`, url: "/admin/work/set",pf:1},
|
|
|
+ { name: "列表", emoji: "📋", url: "/admin/work/list",pf:1},
|
|
|
+ {name: "花材统计", emoji: "📊", url: "/admin/stat/kind",pf:1},
|
|
|
+ { name: "员工统计", emoji: "👥", url: "/admin/stat/makeStat",pf:1},
|
|
|
+ { name: "设置", emoji: "⚙️", url: "/admin/work/set",pf:1},
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
@@ -123,41 +124,85 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.app-content {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-bottom: 20upx;
|
|
|
+}
|
|
|
+
|
|
|
.apply-content_box {
|
|
|
- padding-top: 1upx;
|
|
|
- padding-bottom: 60upx;
|
|
|
- & .apply-list_box {
|
|
|
- margin-top: 20upx;
|
|
|
- padding: 40upx 30upx;
|
|
|
+ padding-top: 10upx;
|
|
|
+ padding-bottom: 20upx;
|
|
|
+
|
|
|
+ .apply-list_box {
|
|
|
+ margin: 20upx 10upx;
|
|
|
+ padding: 24upx 20upx;
|
|
|
background-color: #ffffff;
|
|
|
- & > .tit {
|
|
|
- color: #333333;
|
|
|
- font-size: 32upx;
|
|
|
- font-weight: 600;
|
|
|
+ border-radius: 12upx;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .section-header {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin-bottom: 24upx;
|
|
|
+ padding-left: 0;
|
|
|
+
|
|
|
+ .section-title {
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #333;
|
|
|
+ letter-spacing: 0.5upx;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .tabs-wrap {
|
|
|
- padding: 40upx 0upx;
|
|
|
- @include disFlex(center, flex-start);
|
|
|
- flex-wrap: wrap;
|
|
|
- .tabs-list {
|
|
|
- width: 25%;
|
|
|
- margin-top: 50upx;
|
|
|
- text-align: center;
|
|
|
- .tabs-img {
|
|
|
- width: 100upx;
|
|
|
- height: 100upx;
|
|
|
- margin: 0 auto;
|
|
|
- img {
|
|
|
- height: 100%;
|
|
|
+
|
|
|
+ .icon-grid {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(4, 1fr);
|
|
|
+ gap: 16upx;
|
|
|
+ max-width: 100%;
|
|
|
+
|
|
|
+ .icon-item {
|
|
|
+ width: 100%;
|
|
|
+ padding: 12upx;
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8upx;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ border-radius: 12upx;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ transform: scale(0.95);
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-wrapper {
|
|
|
+ width: 100upx;
|
|
|
+ height: 100upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
|
|
|
+ border-radius: 20upx;
|
|
|
+ transition: all 0.3s ease;
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.04);
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ background: linear-gradient(135deg, #e0f2fe 0%, #d1e7f5 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-emoji {
|
|
|
+ font-size: 48upx;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-text {
|
|
|
+ font-size: 22upx;
|
|
|
+ color: #333;
|
|
|
+ line-height: 1.3;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
- }
|
|
|
- .tabs-name {
|
|
|
- color: #444444;
|
|
|
- margin-top: 10upx;
|
|
|
- }
|
|
|
- &:nth-child(-n + 4) {
|
|
|
- margin-top: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
