sales/todo-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 功能菜单分为订单和管理两部分，图标调小为36rpx
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Agent
2026-03-28 12:46:39 +00:00
parent 4aa855ed41
commit 38f68e06a1
1 changed files with 51 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/pages/index/index.vue
View File

@@ -50,72 +50,87 @@
<!-- 功能菜单 --> <!-- 功能菜单 -->
<view class="menu-section"> <view class="menu-section">
<text class="section-title">功能菜单</text> <!-- 订单相关 -->
<text class="section-title">订单</text>
<view class="menu-grid">
<!-- 管理员菜单 -->
<template v-if="isAdmin">
<view class="menu-card" @click="goTo('/pages/order/create')">
<Icon name="edit" :size="36" color="#fff" />
<text class="menu-card-title">创建订单</text>
</view>
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="36" color="#fff" />
<text class="menu-card-title">订单列表</text>
</view>
<view class="menu-card" @click="goTo('/pages/order/search')">
<Icon name="search" :size="36" color="#fff" />
<text class="menu-card-title">订单查询</text>
</view>
<view class="menu-card" @click="goTo('/pages/order/return')">
<Icon name="right" :size="36" color="#fff" />
<text class="menu-card-title">退货</text>
</view>
</template>
<!-- 销售菜单 -->
<template v-else-if="isSales">
<view class="menu-card" @click="goTo('/pages/order/create')">
<Icon name="edit" :size="36" color="#fff" />
<text class="menu-card-title">创建订单</text>
</view>
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="36" color="#fff" />
<text class="menu-card-title">订单列表</text>
</view>
</template>
<!-- 顾客菜单 -->
<template v-else-if="isCustomer">
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="36" color="#fff" />
<text class="menu-card-title">我的订单</text>
</view>
</template>
</view>
<!-- 管理相关 -->
<text class="section-title" style="margin-top: 30rpx;">管理</text>
<view class="menu-grid"> <view class="menu-grid">
<!-- 管理员菜单 --> <!-- 管理员菜单 -->
<template v-if="isAdmin"> <template v-if="isAdmin">
<view class="menu-card" @click="goTo('/pages/product/manage')"> <view class="menu-card" @click="goTo('/pages/product/manage')">
<Icon name="product" :size="48" color="#fff" /> <Icon name="product" :size="36" color="#fff" />
<text class="menu-card-title">商品管理</text> <text class="menu-card-title">商品管理</text>
</view> </view>
<view class="menu-card" @click="goTo('/pages/category/index')"> <view class="menu-card" @click="goTo('/pages/category/index')">
<Icon name="setting" :size="48" color="#fff" /> <Icon name="setting" :size="36" color="#fff" />
<text class="menu-card-title">种类管理</text> <text class="menu-card-title">种类管理</text>
</view> </view>
<view class="menu-card" @click="goTo('/pages/order/create')">
<Icon name="edit" :size="48" color="#fff" />
<text class="menu-card-title">创建订单</text>
</view>
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="48" color="#fff" />
<text class="menu-card-title">订单列表</text>
</view>
<view class="menu-card" @click="goTo('/pages/order/search')">
<Icon name="search" :size="48" color="#fff" />
<text class="menu-card-title">订单查询</text>
</view>
<view class="menu-card" @click="goTo('/pages/order/return')">
<Icon name="right" :size="48" color="#fff" />
<text class="menu-card-title">退货</text>
</view>
<view class="menu-card" @click="goStock()"> <view class="menu-card" @click="goStock()">
<Icon name="stock" :size="48" color="#fff" /> <Icon name="stock" :size="36" color="#fff" />
<text class="menu-card-title">库存管理</text> <text class="menu-card-title">库存管理</text>
</view> </view>
<view class="menu-card" @click="goTo('/pages/stock/in')"> <view class="menu-card" @click="goTo('/pages/stock/in')">
<Icon name="plus" :size="48" color="#fff" /> <Icon name="plus" :size="36" color="#fff" />
<text class="menu-card-title">入库</text> <text class="menu-card-title">入库</text>
</view> </view>
<view class="menu-card" @click="goTo('/pages/stock/flow')"> <view class="menu-card" @click="goTo('/pages/stock/flow')">
<Icon name="flow" :size="48" color="#fff" /> <Icon name="flow" :size="36" color="#fff" />
<text class="menu-card-title">库存流水</text> <text class="menu-card-title">库存流水</text>
</view> </view>
</template> </template>
<!-- 销售菜单 --> <!-- 销售菜单 -->
<template v-else-if="isSales"> <template v-else-if="isSales">
<view class="menu-card" @click="goTo('/pages/product/list')"> <view class="menu-card" @click="goTo('/pages/product/list')">
<Icon name="product" :size="48" color="#fff" /> <Icon name="product" :size="36" color="#fff" />
<text class="menu-card-title">商品浏览</text> <text class="menu-card-title">商品浏览</text>
</view> </view>
<view class="menu-card" @click="goTo('/pages/order/create')">
<Icon name="edit" :size="48" color="#fff" />
<text class="menu-card-title">创建订单</text>
</view>
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="48" color="#fff" />
<text class="menu-card-title">订单列表</text>
</view>
</template> </template>
<!-- 顾客菜单 --> <!-- 顾客菜单 -->
<template v-else-if="isCustomer"> <template v-else-if="isCustomer">
<view class="menu-card" @click="goTo('/pages/product/list')"> <view class="menu-card" @click="goTo('/pages/product/list')">
<Icon name="product" :size="48" color="#fff" /> <Icon name="product" :size="36" color="#fff" />
<text class="menu-card-title">商品浏览</text> <text class="menu-card-title">商品浏览</text>
</view> </view>
<view class="menu-card" @click="goToTab('/pages/order/list')">
<Icon name="order" :size="48" color="#fff" />
<text class="menu-card-title">我的订单</text>
</view>
</template> </template>
<!-- 游客菜单 --> <!-- 游客菜单 -->
<template v-else-if="isGuest"> <template v-else-if="isGuest">