From 552ec6b7d8ccc56c379da195fc6c9c74312b1070 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期五, 22 五月 2026 17:57:46 +0800
Subject: [PATCH] OA部分查询条件变更
---
src/pages/index.vue | 538 ++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 381 insertions(+), 157 deletions(-)
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 3998a68..2d253b2 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -3,16 +3,42 @@
<scroll-view class="scroll" scroll-y>
<!-- 椤堕儴 Banner锛氭斁鍏ユ粴鍔ㄥ尯鍩燂紝闅忛〉闈竴璧锋粴鍔紝涓嶅浐瀹氬湪椤堕儴 -->
<view class="hero-section">
- <view class="bg-img">
- <view class="hero-content">
- <!-- 棰勭暀锛氬鍚庣画闇�瑕佸彲鍦ㄦ鏀� logo 鎴栫畝鐭彁绀� -->
+ <view class="hero-banner">
+ <view class="hero-top">
+ <view class="hero-copy">
+ <view class="hero-badge">缁忚惀鐪嬫澘</view>
+ <text class="hero-title">{{ heroTitle }}</text>
+ <text class="hero-subtitle">{{ heroSubtitle }}</text>
+ <view class="hero-meta">
+ <text
+ v-for="item in heroMetaItems"
+ :key="item"
+ class="hero-meta-item"
+ >
+ {{ item }}
+ </text>
+ </view>
+ </view>
+ <view class="hero-avatar">
+ <text class="hero-avatar-text">{{ heroInitial }}</text>
+ </view>
</view>
- <view class="hero-wave"></view>
+ <view class="hero-panels">
+ <view
+ v-for="item in heroMetrics"
+ :key="item.label"
+ class="hero-panel"
+ >
+ <text class="hero-panel-label">{{ item.label }}</text>
+ <text class="hero-panel-value">{{ item.value }}</text>
+ <text class="hero-panel-hint">{{ item.hint }}</text>
+ </view>
+ </view>
</view>
</view>
<!-- 蹇嵎鍏ュ彛 -->
- <view class="quick-section">
+ <view v-if="quickTools.length" class="quick-section">
<up-grid :border="false" col="4">
<up-grid-item
v-for="item in quickTools"
@@ -28,7 +54,7 @@
</view>
<!-- 鏁版嵁鎬昏 -->
- <view class="section">
+ <view v-if="hasOverviewSection" class="section">
<view class="section-header">
<view class="section-title">
<view class="title-bar" />
@@ -41,7 +67,7 @@
</view>
<view v-show="overviewExpanded" class="overview">
- <view class="overview-card sales">
+ <view v-if="canShowSalesOverview" class="overview-card sales">
<view class="card-left">
<text class="card-title">閿�鍞暟鎹�</text>
<view class="card-metrics">
@@ -57,7 +83,7 @@
</view>
</view>
- <view class="overview-card purchase">
+ <view v-if="canShowPurchaseOverview" class="overview-card purchase">
<view class="card-left">
<text class="card-title">閲囪喘鏁版嵁</text>
<view class="card-metrics">
@@ -73,7 +99,7 @@
</view>
</view>
- <view class="overview-card stock">
+ <view v-if="canShowStockOverview" class="overview-card stock">
<view class="card-left">
<text class="card-title">搴撳瓨鏁版嵁</text>
<view class="card-metrics">
@@ -92,7 +118,7 @@
</view>
<!-- 瀹㈡埛鍚堝悓閲戦鍒嗘瀽 -->
- <view class="section">
+ <view v-if="canShowContractAnalysis" class="section">
<view class="section-header">
<view class="section-title">
<view class="title-bar" />
@@ -136,60 +162,43 @@
</view>
<view class="list-row">
- <swiper
- class="customer-swiper"
- :current="customerSwiperIndex"
- :indicator-dots="false"
- :autoplay="false"
- :circular="false"
- @change="onCustomerSwiperChange"
- >
- <swiper-item v-for="(page, pIdx) in customerPages" :key="pIdx">
- <view class="customer-page">
- <view v-for="item in page" :key="item.key" class="customer-item">
- <view class="customer-row">
- <view class="customer-name">
- <image
- v-if="item.rank === 1"
- class="rank-icon"
- :src="imgNum1"
- mode="heightFix"
- />
- <image
- v-else-if="item.rank === 2"
- class="rank-icon"
- :src="imgNum2"
- mode="heightFix"
- />
- <image
- v-else-if="item.rank === 3"
- class="rank-icon"
- :src="imgNum3"
- mode="heightFix"
- />
- <text class="name-text">{{ item.name }}</text>
- </view>
- <view class="customer-rate">
- <text class="rate-label">鍗犳瘮</text>
- <text class="rate-value">{{ item.rateText }}</text>
- </view>
- <view class="amount">
- <text class="amount-num">{{ item.valueText }}</text>
- <text class="amount-unit">鍏�</text>
- </view>
+ <scroll-view class="customer-scroll" scroll-y :show-scrollbar="false">
+ <view class="customer-page">
+ <view v-for="item in contractRawList" :key="item.key" class="customer-item">
+ <view class="customer-row">
+ <view class="customer-name">
+ <image
+ v-if="item.rank === 2"
+ class="rank-icon"
+ :src="imgNum1"
+ mode="heightFix"
+ />
+ <image
+ v-else-if="item.rank === 3"
+ class="rank-icon"
+ :src="imgNum2"
+ mode="heightFix"
+ />
+ <image
+ v-else-if="item.rank === 1"
+ class="rank-icon"
+ :src="imgNum3"
+ mode="heightFix"
+ />
+ <text class="name-text">{{ item.name }}</text>
+ </view>
+ <view class="customer-rate">
+ <text class="rate-label">鍗犳瘮</text>
+ <text class="rate-value">{{ item.rateText }}</text>
+ </view>
+ <view class="amount">
+ <text class="amount-num">{{ item.valueText }}</text>
+ <text class="amount-unit">鍏�</text>
</view>
</view>
</view>
- </swiper-item>
- </swiper>
-
- <view v-if="customerPages.length > 1" class="dots">
- <view
- v-for="i in customerPages.length"
- :key="i"
- :class="['dot', customerSwiperIndex === i - 1 ? 'active' : '']"
- />
- </view>
+ </view>
+ </scroll-view>
</view>
</view>
</view>
@@ -207,12 +216,15 @@
import { analysisCustomerContractAmounts, getBusiness } from "@/api/viewIndex";
import { createVersionUpgradeChecker } from "@/utils/versionUpgrade";
import DownloadProgressMask from "@/components/DownloadProgressMask.vue";
+import useUserStore from "@/store/modules/user";
const imgNum1 = "/static/images/index/num1.png";
const imgNum2 = "/static/images/index/num2.png";
const imgNum3 = "/static/images/index/num3.png";
-const quickTools = [
+const userStore = useUserStore();
+
+const quickToolSource = [
{
label: "鐢熶骇鎶ュ伐",
icon: "/static/images/icon/shengchanbaogong.svg",
@@ -234,6 +246,8 @@
route: "/pages/equipmentManagement/repair/index",
},
];
+const quickTools = ref([...quickToolSource]);
+const allowedMenuTitles = ref(new Set());
const isCanvas2d = ref(false);
@@ -282,6 +296,125 @@
uni.showToast({ title: "鏇村鍔熻兘寰呮帴鍏�", icon: "none" });
}
+
+function filterQuickToolsByRoutes() {
+ const routers = userStore.routers || [];
+
+ if (!routers || routers.length === 0) {
+ allowedMenuTitles.value = new Set();
+ quickTools.value = [...quickToolSource];
+ return;
+ }
+
+ const titles = new Set();
+ const collectMenuTitles = (routes) => {
+ if (!Array.isArray(routes)) return;
+ routes.forEach((route) => {
+ if (route.meta && route.meta.title) {
+ titles.add(route.meta.title);
+ }
+ if (route.children && route.children.length > 0) {
+ collectMenuTitles(route.children);
+ }
+ });
+ };
+ collectMenuTitles(routers);
+ allowedMenuTitles.value = titles;
+
+ quickTools.value = quickToolSource.filter((item) =>
+ titles.has(item.label)
+ );
+}
+
+function hasAnyPermission(titles) {
+ const titleSet = allowedMenuTitles.value;
+ if (!titleSet || titleSet.size === 0) return true;
+ return titles.some((title) => titleSet.has(title));
+}
+
+const canShowSalesOverview = computed(() => hasAnyPermission(["閿�鍞彴璐�"]));
+const canShowPurchaseOverview = computed(() => hasAnyPermission(["閲囪喘鍙拌处"]));
+const canShowStockOverview = computed(() => hasAnyPermission(["搴撳瓨绠＄悊"]));
+const hasOverviewSection = computed(
+ () =>
+ canShowSalesOverview.value ||
+ canShowPurchaseOverview.value ||
+ canShowStockOverview.value
+);
+const canShowContractAnalysis = computed(() =>
+ hasAnyPermission(["閿�鍞彴璐�", "瀹㈡埛妗ｆ", "瀹㈡埛寰�鏉�"])
+);
+
+const userDisplayName = computed(
+ () => userStore.nickName
+);
+const heroInitial = computed(() => userDisplayName.value.slice(0, 1).toUpperCase());
+const heroTitle = computed(() => `浣犲ソ锛�${userDisplayName.value}`);
+const heroSubtitle = computed(
+ () => userStore.currentFactoryName || "褰撳墠璐﹀彿宸茶繘鍏ヤ笟鍔￠椤�"
+);
+const heroMetaItems = computed(() => {
+ const items = [];
+ if (userStore.roleName) items.push(userStore.roleName);
+ if (userStore.currentLoginTime) items.push(`鐧诲綍浜� ${userStore.currentLoginTime}`);
+ if (!items.length) items.push("褰撳墠涓氬姟姒傝");
+ return items;
+});
+const visibleSectionCount = computed(() => {
+ let count = 0;
+ if (quickTools.value.length > 0) count += 1;
+ if (hasOverviewSection.value) count += 1;
+ if (canShowContractAnalysis.value) count += 1;
+ return count;
+});
+const heroMetrics = computed(() => {
+ const items = [];
+
+ if (canShowSalesOverview.value) {
+ items.push({
+ label: "閿�鍞�",
+ value: overviewCards.value.sales.today,
+ hint: "鏈湀钀ヤ笟棰�",
+ });
+ }
+ if (canShowPurchaseOverview.value) {
+ items.push({
+ label: "閲囪喘",
+ value: overviewCards.value.purchase.today,
+ hint: "鏈湀閲囪喘棰�",
+ });
+ }
+ if (canShowStockOverview.value) {
+ items.push({
+ label: "搴撳瓨",
+ value: overviewCards.value.stock.today,
+ hint: "褰撳墠搴撳瓨閲�",
+ });
+ }
+ if (canShowContractAnalysis.value && items.length < 3) {
+ items.push({
+ label: "鍚堝悓",
+ value: contractSummaryView.value.sumText,
+ hint: "瀹㈡埛鍚堝悓棰�",
+ });
+ }
+ if (items.length < 3) {
+ items.push({
+ label: "蹇嵎",
+ value: String(quickTools.value.length),
+ hint: "鍙敤鍏ュ彛",
+ });
+ }
+ if (items.length < 3) {
+ items.push({
+ label: "妯″潡",
+ value: String(visibleSectionCount.value),
+ hint: "鍙鏉垮潡",
+ });
+ }
+
+ return items.slice(0, 3);
+});
function getByPath(obj, path) {
if (!obj || !path) return undefined;
@@ -406,19 +539,6 @@
return { series: [{ data }] };
});
-const customerSwiperIndex = ref(0);
-function onCustomerSwiperChange(e) {
- customerSwiperIndex.value = e.detail?.current || 0;
-}
-
-const customerPages = computed(() => {
- const list = Array.isArray(contractRawList.value) ? contractRawList.value : [];
- const pageSize = 2;
- const pages = [];
- for (let i = 0; i < list.length; i += pageSize) pages.push(list.slice(i, i + pageSize));
- return pages.length ? pages : [[]];
-});
-
function normalizeContractList(raw) {
const rows = Array.isArray(raw?.item) ? raw.item : [];
@@ -437,7 +557,7 @@
rateText: `${formatPlain(rate)}%`,
};
})
- .sort((a, b) => (b.rate || 0) - (a.rate || 0))
+ .sort((a, b) => (b.value || 0) - (a.value || 0))
.map((it, index) => ({ ...it, rank: index + 1 }));
return mapped;
@@ -446,7 +566,13 @@
async function loadHome() {
chartReady.value = false;
try {
- const [bRes, cRes] = await Promise.all([getBusiness(), analysisCustomerContractAmounts()]);
+ const businessPromise = hasOverviewSection.value
+ ? getBusiness()
+ : Promise.resolve({ data: {} });
+ const contractPromise = canShowContractAnalysis.value
+ ? analysisCustomerContractAmounts()
+ : Promise.resolve({ data: { item: [], sum: "0", chain: "0", yny: "0" } });
+ const [bRes, cRes] = await Promise.all([businessPromise, contractPromise]);
businessRaw.value = bRes?.data || {};
const cData = cRes?.data || {};
contractSummary.value = {
@@ -459,7 +585,6 @@
contractSummary.value = { sum: "0", chain: "0", yny: "0" };
contractRawList.value = normalizeContractList({ item: [] });
} finally {
- customerSwiperIndex.value = 0;
chartReady.value = true;
}
}
@@ -472,11 +597,21 @@
isCanvas2d.value = false;
}
triggerVersionCheck("onMounted");
- loadHome();
+ userStore
+ .getRouters()
+ .then(() => {
+ filterQuickToolsByRoutes();
+ loadHome();
+ })
+ .catch(() => {
+ filterQuickToolsByRoutes();
+ loadHome();
+ });
});
onShow(() => {
triggerVersionCheck("onShow");
+ filterQuickToolsByRoutes();
});
</script>
@@ -532,66 +667,169 @@
}
}
.hero-section {
- margin: 0 12px;
- margin-bottom: 12px;
- animation: fadeInUp 0.6s ease-out 0.1s both;
+ margin: 0 14px 12px;
+ animation: fadeInUp 0.6s ease-out 0.1s both;
}
-.bg-img {
- width: 100%;
- height: 9.25rem;
- background-image: url("../static/images/banner/backview.png");
- background-size: cover;
- border-radius: 14px;
- position: relative;
- overflow: hidden;
- box-shadow: 0 10px 26px rgba(17, 24, 39, 0.08);
-
- &::before {
- content: "";
- position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 200%;
- background: conic-gradient(
- from 0deg,
- transparent,
- rgba(255, 255, 255, 0.1),
- transparent,
- rgba(255, 255, 255, 0.05),
- transparent
- );
- animation: rotate 20s linear infinite;
- }
-
- &::after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- width: 7.5rem;
- height: 7.5rem;
- background: radial-gradient(
- circle,
- rgba(255, 255, 255, 0.15) 0%,
- transparent 70%
- );
- border-radius: 50%;
- transform: translate(2.5rem, -2.5rem);
- }
+.hero-banner {
+ position: relative;
+ overflow: hidden;
+ border-radius: 18px;
+ padding: 18px 16px 16px;
+ min-height: 182px;
+ background:
+ linear-gradient(135deg, rgba(22, 74, 170, 0.92) 0%, rgba(33, 115, 185, 0.88) 48%, rgba(18, 156, 144, 0.82) 100%),
+ url("/static/images/banner/backview.png") center right / cover no-repeat;
+ box-shadow: 0 14px 34px rgba(29, 78, 137, 0.2);
+ border: 1px solid rgba(255, 255, 255, 0.18);
+
+ &::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background:
+ linear-gradient(120deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.02) 32%, rgba(255, 255, 255, 0) 60%),
+ radial-gradient(circle at top right, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 34%);
+ pointer-events: none;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ right: -28px;
+ bottom: -34px;
+ width: 156px;
+ height: 156px;
+ border-radius: 50%;
+ background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 72%);
+ pointer-events: none;
+ }
}
-.hero-content {
- position: relative;
- z-index: 1;
-
- padding: 14px 14px 18px 14px;
- margin: 0 12px;
- height: 100%;
+.hero-top {
+ position: relative;
+ z-index: 1;
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 14px;
}
-.hero-wave {
- height: 2.75rem;
+
+.hero-copy {
+ min-width: 0;
+ flex: 1;
+}
+
+.hero-badge {
+ display: inline-flex;
+ align-items: center;
+ height: 26px;
+ padding: 0 10px;
+ border-radius: 999px;
+ background: rgba(255, 255, 255, 0.16);
+ border: 1px solid rgba(255, 255, 255, 0.18);
+ color: rgba(255, 255, 255, 0.92);
+ font-size: 11px;
+ font-weight: 600;
+}
+
+.hero-title {
+ display: block;
+ margin-top: 12px;
+ color: #ffffff;
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 1.2;
+}
+
+.hero-subtitle {
+ display: block;
+ margin-top: 8px;
+ color: rgba(255, 255, 255, 0.84);
+ font-size: 13px;
+ line-height: 1.45;
+}
+
+.hero-meta {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-top: 12px;
+}
+
+.hero-meta-item {
+ padding: 3px 10px;
+ border-radius: 999px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.86);
+ font-size: 11px;
+ line-height: 18px;
+}
+
+.hero-avatar {
+ position: relative;
+ z-index: 1;
+ width: 52px;
+ height: 52px;
+ flex: 0 0 52px;
+ border-radius: 16px;
+ background: rgba(255, 255, 255, 0.18);
+ border: 1px solid rgba(255, 255, 255, 0.22);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
+}
+
+.hero-avatar-text {
+ color: #ffffff;
+ font-size: 20px;
+ font-weight: 700;
+}
+
+.hero-panels {
+ position: relative;
+ z-index: 1;
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 10px;
+ margin-top: 18px;
+}
+
+.hero-panel {
+ min-width: 0;
+ padding: 12px 10px;
+ border-radius: 14px;
+ background: rgba(11, 25, 48, 0.18);
+ border: 1px solid rgba(255, 255, 255, 0.14);
+ backdrop-filter: blur(10px);
+}
+
+.hero-panel-label {
+ display: block;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 11px;
+ line-height: 1.2;
+}
+
+.hero-panel-value {
+ display: block;
+ margin-top: 8px;
+ color: #ffffff;
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 1.2;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.hero-panel-hint {
+ display: block;
+ margin-top: 6px;
+ color: rgba(255, 255, 255, 0.72);
+ font-size: 11px;
+ line-height: 1.2;
}
.safe-top {
@@ -853,9 +1091,6 @@
gap: 8px;
}
-.list-row {
- width: 100%;
-}
.summary-chip {
flex: 1;
background: rgba(47, 107, 255, 0.06);
@@ -889,8 +1124,13 @@
width: 100%;
}
-.customer-swiper {
- height: 140px;
+.list-row {
+ width: 100%;
+ margin-top: 6px;
+}
+
+.customer-scroll {
+ height: 220px;
}
.customer-page {
@@ -898,6 +1138,7 @@
flex-direction: column;
gap: 14px;
padding-top: 4px;
+ padding-right: 4px;
}
.customer-item {
@@ -1007,23 +1248,6 @@
transform: translateY(1px);
}
-.dots {
- display: flex;
- gap: 6px;
- justify-content: center;
- margin-top: 6px;
-}
-.dot {
- width: 8px;
- height: 4px;
- border-radius: 99px;
- background: rgba(148, 163, 184, 0.35);
-}
-.dot.active {
- width: 14px;
- background: #2f6bff;
-}
-
.bottom-space {
height: 24px;
}
@@ -1088,4 +1312,4 @@
transform: translateY(0) scale(1);
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3