From 54d8c97f9aee6bb4bd55ee576041ec90f1d2dd5a Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 07 四月 2026 15:19:20 +0800
Subject: [PATCH] 升级app 1.工作台图标切换
---
src/pages/works.vue | 345 ++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 279 insertions(+), 66 deletions(-)
diff --git a/src/pages/works.vue b/src/pages/works.vue
index 7528e8a..88a7c66 100644
--- a/src/pages/works.vue
+++ b/src/pages/works.vue
@@ -1,5 +1,27 @@
<template>
<view class="content">
+ <!-- 鍗忓悓鍔炲叕妯″潡 -->
+ <view class="common-module collaboration-module"
+ v-if="hasCollaborationItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">鍗忓悓鍔炲叕</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in collaborationItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
<!-- 钀ラ攢绠＄悊妯″潡 -->
<view class="common-module marketing-module"
v-if="hasMarketingItems">
@@ -22,7 +44,7 @@
</up-grid>
</view>
</view>
- <!-- <!– 閲囪喘绠＄悊妯″潡 –>-->
+ <!-- 閲囪喘绠＄悊妯″潡 -->
<view class="common-module purchase-module"
v-if="hasPurchaseItems">
<view class="module-header">
@@ -44,62 +66,18 @@
</up-grid>
</view>
</view>
- <!-- <!– 鍗忓悓鍔炲叕妯″潡 –> -->
- <view class="common-module collaboration-module"
- v-if="hasCollaborationItems">
+ <!-- 浠撳偍鐗╂祦妯″潡 -->
+ <view class="common-module warehouse-logistics-module"
+ v-if="hasWarehouseLogisticsItems">
<view class="module-header">
<view class="module-title-container">
- <text class="module-title">鍗忓悓鍔炲叕</text>
+ <text class="module-title">浠撳偍鐗╂祦</text>
</view>
</view>
<view class="module-content">
<up-grid :border="false"
col="4">
- <up-grid-item v-for="(item, index) in collaborationItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container">
- <image :src="item.icon" class="item-icon"></image>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- 瀹夊叏鐢熶骇妯″潡 -->
- <view class="common-module collaboration-module"
- v-if="hasSafetyItems">
- <view class="module-header">
- <view class="module-title-container">
- <text class="module-title">瀹夊叏鐢熶骇</text>
- </view>
- </view>
- <view class="module-content">
- <up-grid :border="false"
- col="4">
- <up-grid-item v-for="(item, index) in safetyItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container">
- <image :src="item.icon" class="item-icon"></image>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- 璐ㄩ噺绠＄悊妯″潡 -->
- <view class="common-module collaboration-module"
- v-if="hasQualityItems">
- <view class="module-header">
- <view class="module-title-container">
- <text class="module-title">璐ㄩ噺绠＄悊</text>
- </view>
- </view>
- <view class="module-content">
- <up-grid :border="false"
- col="4">
- <up-grid-item v-for="(item, index) in qualityItems"
+ <up-grid-item v-for="(item, index) in warehouseLogisticsItems"
:key="index"
@click="handleCommonItemClick(item)">
<view class="icon-container">
@@ -154,6 +132,94 @@
</up-grid>
</view>
</view>
+ <!-- 璐㈠姟绠＄悊妯″潡 -->
+ <view class="common-module finance-module"
+ v-if="hasFinanceManagementItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">璐㈠姟绠＄悊</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in financeManagementItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
+ <!-- 妗ｆ绠＄悊妯″潡 -->
+ <view class="common-module archive-module"
+ v-if="hasArchiveManagementItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">妗ｆ绠＄悊</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in archiveManagementItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
+ <!-- 鍞悗鏈嶅姟妯″潡 -->
+ <view class="common-module after-sales-module"
+ v-if="hasAfterSalesServiceItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">鍞悗鏈嶅姟</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in afterSalesServiceItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
+ <!-- 璐ㄩ噺绠＄悊妯″潡 -->
+ <view class="common-module collaboration-module"
+ v-if="hasQualityItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">璐ㄩ噺绠＄悊</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in qualityItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
<!-- 璁惧绠＄悊妯″潡 -->
<view class="common-module equipment-module"
v-if="hasEquipmentItems">
@@ -166,6 +232,28 @@
<up-grid :border="false"
col="4">
<up-grid-item v-for="(item, index) in equipmentItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
+ <!-- 瀹夊叏鐢熶骇妯″潡 -->
+ <view class="common-module collaboration-module"
+ v-if="hasSafetyItems">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">瀹夊叏鐢熶骇</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in safetyItems"
:key="index"
@click="handleCommonItemClick(item)">
<view class="icon-container">
@@ -212,9 +300,41 @@
// 钀ラ攢绠＄悊鍔熻兘鏁版嵁
const marketingItems = reactive([
{
+ icon: "/static/images/icon/kehudangan.svg",
+ label: "瀹㈡埛妗ｆ",
+ },
+ {
+ icon: "/static/images/icon/xiaoshoubaojia.svg",
+ label: "閿�鍞姤浠�",
+ },
+ {
icon: "/static/images/icon/xiaoshoutaizhang.svg",
label: "閿�鍞彴璐�",
},
+ {
+ icon: "/static/images/icon/kehuwanglai.svg",
+ label: "瀹㈡埛寰�鏉�",
+ },
+ ]);
+
+ // 閲囪喘绠＄悊鍔熻兘鏁版嵁
+ const purchaseItems = reactive([
+ {
+ icon: "/static/images/icon/caigoutaizhang.svg",
+ label: "閲囪喘鍙拌处",
+ },
+ {
+ icon: "/static/images/icon/gongyingshangwanglai.svg",
+ label: "渚涘簲鍟嗗線鏉�",
+ },
+ {
+ icon: "/static/images/icon/caigouguanli.svg",
+ label: "閲囪喘閫�璐�",
+ },
+ ]);
+
+ // 璐㈠姟绠＄悊鍔熻兘鏁版嵁
+ const financeManagementItems = reactive([
{
icon: "/static/images/icon/kaipiaodengji.svg",
label: "寮�绁ㄧ櫥璁�",
@@ -230,18 +350,6 @@
{
icon: "/static/images/icon/huikuanliushui.svg",
label: "鍥炴娴佹按",
- },
- {
- icon: "/static/images/icon/kehuwanglai.svg",
- label: "瀹㈡埛寰�鏉�",
- },
- ]);
-
- // 閲囪喘绠＄悊鍔熻兘鏁版嵁
- const purchaseItems = reactive([
- {
- icon: "/static/images/icon/caigoutaizhang.svg",
- label: "閲囪喘鍙拌处",
},
{
icon: "/static/images/icon/laipiaodengji.svg",
@@ -260,10 +368,47 @@
label: "浠樻娴佹按",
},
{
- icon: "/static/images/icon/gongyingshangwanglai.svg",
- label: "渚涘簲鍟嗗線鏉�",
+ icon: "/static/images/icon/shouruguanli.svg",
+ label: "鏀跺叆绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/zhichuguanli.svg",
+ label: "鏀嚭绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/jiekuanguanli.svg",
+ label: "鍊熸绠＄悊",
},
]);
+
+ // 妗ｆ绠＄悊鍔熻兘鏁版嵁
+ const archiveManagementItems = reactive([
+ {
+ icon: "/static/images/icon/gongyingshangdangan.svg",
+ label: "渚涘簲鍟嗘。妗�",
+ },
+ ]);
+
+ // 鍞悗鏈嶅姟鍔熻兘鏁版嵁
+ const afterSalesServiceItems = reactive([
+ {
+ icon: "/static/images/icon/fankuidengji.svg",
+ label: "鍙嶉鐧昏",
+ },
+ {
+ icon: "/static/images/icon/shouhouchuli.svg",
+ label: "鍞悗澶勭悊",
+ },
+ ]);
+
+ // 浠撳偍鐗╂祦鍔熻兘鏁版嵁
+ const warehouseLogisticsItems = reactive([
+ {
+ icon: "/static/images/icon/xiaoshoutaizhang.svg",
+ label: "搴撳瓨绠＄悊",
+ },
+ ]);
+
const humanResourcesItems = reactive([
{
icon: "/static/images/icon/dakaqiandao.svg",
@@ -376,6 +521,10 @@
icon: "/static/images/icon/shengchanbaogong.svg",
label: "鐢熶骇鎶ュ伐",
},
+ {
+ icon: "/static/images/icon/shengchanbaogong.svg",
+ label: "鐢熶骇宸ュ崟",
+ },
// {
// icon: "/static/images/icon/shengchanhesuan@2x.svg",
// label: "鐢熶骇鏍哥畻",
@@ -410,9 +559,19 @@
const handleCommonItemClick = item => {
// 鏍规嵁涓嶅悓鐨勫姛鑳介」杩涜璺宠浆
switch (item.label) {
+ case "瀹㈡埛妗ｆ":
+ uni.navigateTo({
+ url: "/pages/basicData/customerFile/index",
+ });
+ break;
case "閿�鍞彴璐�":
uni.navigateTo({
url: "/pages/sales/salesAccount/index",
+ });
+ break;
+ case "閿�鍞姤浠�":
+ uni.navigateTo({
+ url: "/pages/sales/salesQuotation/index",
});
break;
case "寮�绁ㄧ櫥璁�":
@@ -465,9 +624,34 @@
url: "/pages/procurementManagement/receiptPaymentHistory/index",
});
break;
+ case "鏀跺叆绠＄悊":
+ uni.navigateTo({
+ url: "/pages/financialManagement/revenueManagement/index",
+ });
+ break;
+ case "鏀嚭绠＄悊":
+ uni.navigateTo({
+ url: "/pages/financialManagement/expenseManagement/index",
+ });
+ break;
+ case "鍊熸绠＄悊":
+ uni.navigateTo({
+ url: "/pages/financialManagement/loanManagement/index",
+ });
+ break;
case "渚涘簲鍟嗗線鏉�":
uni.navigateTo({
url: "/pages/procurementManagement/paymentLedger/index",
+ });
+ break;
+ case "閲囪喘閫�璐�":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/purchaseReturnOrder/index",
+ });
+ break;
+ case "渚涘簲鍟嗘。妗�":
+ uni.navigateTo({
+ url: "/pages/basicData/supplierManage/index",
});
break;
case "鍏嚭绠＄悊":
@@ -588,6 +772,11 @@
case "宸ュ簭鎺掍骇":
uni.navigateTo({
url: "/pages/productionManagement/processScheduling/index",
+ });
+ break;
+ case "鐢熶骇宸ュ崟":
+ uni.navigateTo({
+ url: "/pages/productionManagement/workOrder/index",
});
break;
case "鐢熶骇鎶ュ伐":
@@ -711,6 +900,21 @@
case "鍑哄巶妫�楠�":
uni.navigateTo({
url: "/pages/qualityManagement/finalInspection/index",
+ });
+ break;
+ case "搴撳瓨绠＄悊":
+ uni.navigateTo({
+ url: "/pages/inventoryManagement/stockManagement/index",
+ });
+ break;
+ case "鍙嶉鐧昏":
+ uni.navigateTo({
+ url: "/pages/customerService/feedbackRegistration/index",
+ });
+ break;
+ case "鍞悗澶勭悊":
+ uni.navigateTo({
+ url: "/pages/customerService/afterSalesHandling/index",
});
break;
default:
@@ -884,6 +1088,7 @@
// 鏀堕泦鎵�鏈夋湁鏉冮檺鐨勮彍鍗曟爣棰橈紙鏍规嵁 meta.title锛�
const allowedMenuTitles = new Set();
+ const alwaysShowTitles = new Set(["閲囪喘閫�璐у崟", "渚涘簲鍟嗙鐞�"]);
const collectMenuTitles = routes => {
if (!Array.isArray(routes)) return;
routes.forEach(route => {
@@ -900,8 +1105,9 @@
// 瀹氫箟鑿滃崟閰嶇疆鏄犲皠
const menuMapping = {
collaboration: { target: collaborationItems, specialMapping: { "瑙勭珷鍒跺害": "瑙勭珷鍒跺害绠＄悊" } },
+ archiveManagement: { target: archiveManagementItems, specialMapping: { "渚涘簲鍟嗘。妗�": "渚涘簲鍟嗙鐞�" } },
};
-
+ console.log(allowedMenuTitles)
// 閫氱敤杩囨护鍑芥暟
const filterArray = (targetArray, specialMapping) => {
const filtered = targetArray.filter(item => {
@@ -917,9 +1123,12 @@
// 杩囨护鍚勪釜妯″潡
filterArray(marketingItems);
filterArray(purchaseItems);
+ filterArray(financeManagementItems);
+ filterArray(archiveManagementItems, menuMapping.archiveManagement.specialMapping);
filterArray(collaborationItems, menuMapping.collaboration.specialMapping);
filterArray(safetyItems);
filterArray(humanResourcesItems);
+ filterArray(warehouseLogisticsItems);
filterArray(qualityItems);
filterArray(productionItems);
filterArray(equipmentItems);
@@ -928,10 +1137,14 @@
// 妫�鏌ユā鍧楁槸鍚︽湁鑿滃崟椤归渶瑕佹樉绀�
const hasMarketingItems = computed(() => marketingItems.length > 0);
const hasPurchaseItems = computed(() => purchaseItems.length > 0);
+ const hasFinanceManagementItems = computed(() => financeManagementItems.length > 0);
+ const hasArchiveManagementItems = computed(() => archiveManagementItems.length > 0);
+ const hasAfterSalesServiceItems = computed(() => afterSalesServiceItems.length > 0);
const hasCollaborationItems = computed(() => collaborationItems.length > 0);
const hasSafetyItems = computed(() => safetyItems.length > 0);
const hasQualityItems = computed(() => qualityItems.length > 0);
const hasHumanResourcesItems = computed(() => humanResourcesItems.length > 0);
+ const hasWarehouseLogisticsItems = computed(() => warehouseLogisticsItems.length > 0);
const hasProductionItems = computed(() => productionItems.length > 0);
const hasEquipmentItems = computed(() => equipmentItems.length > 0);
@@ -1617,4 +1830,4 @@
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.4);
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3