From 9b2ace317d2b7623facf6e83c0e884572330c09d Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 11 三月 2026 13:59:15 +0800
Subject: [PATCH] 进销存升级app 1.将首页与工作台分开，添加新首页样式 2.首页饼状图不展示修改
---
src/pages/index.vue | 2663 ++++++++++++++++++++--------------------------------------
1 files changed, 931 insertions(+), 1,732 deletions(-)
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 960c788..bc5e836 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,1832 +1,1031 @@
<template>
- <view class="content">
- <!-- <view class="header-section">-->
- <!-- <view class="currentFactory">-->
- <!-- <up-text type="primary"-->
- <!-- :text="userStore.currentFactoryName"-->
- <!-- @click="show = true"-->
- <!-- size="18"-->
- <!-- class="factoryName"-->
- <!-- suffixIcon="arrow-right"-->
- <!-- :iconStyle="iconStyle"></up-text>-->
- <!-- </view>-->
- <!-- <up-picker :show="show"-->
- <!-- :columns="factoryList"-->
- <!-- @confirm="changeFactory"-->
- <!-- @cancel="show = false"></up-picker>-->
- <!-- </view>-->
- <view class="hero-section">
- <view class="bg-img">
- <view class="hero-content">
- <!-- 棰勭暀锛氬鍚庣画闇�瑕佸彲鍦ㄦ鏀� logo 鎴栫畝鐭彁绀� -->
- </view>
- <view class="hero-wave"></view>
- </view>
- </view>
- <!-- <view class="notice-section">-->
- <!-- <view class="notice">-->
- <!-- <view class="notice-content">-->
- <!-- <view class="notice-left">-->
- <!-- <text class="notice-status">閫氱煡</text>-->
- <!-- </view>-->
- <!-- <view class="notice-separator"></view>-->
- <!-- <view class="notice-right">-->
- <!-- <text class="notice-label">{{currentStatus}}</text>-->
- <!-- <text class="notice-text">褰撴棩閿�鍞澶囨暟:<text class="notice-number">{{number}}<text class="notice-unit">涓�</text></text></text>-->
- <!-- </view>-->
- <!-- </view>-->
- <!-- </view>-->
- <!-- </view>-->
- <!-- 钀ラ攢绠＄悊妯″潡 -->
- <view class="common-module marketing-module"
- v-if="hasMarketingItems">
- <view class="module-header">
- <view class="module-title-container">
- <text class="module-title">钀ラ攢绠＄悊</text>
+ <view class="page">
+ <scroll-view class="scroll" scroll-y>
+ <!-- 椤堕儴 Banner锛氭斁鍏ユ粴鍔ㄥ尯鍩燂紝闅忛〉闈竴璧锋粴鍔紝涓嶅浐瀹氬湪椤堕儴 -->
+ <view class="hero-section">
+ <view class="bg-img">
+ <view class="hero-content">
+ <!-- 棰勭暀锛氬鍚庣画闇�瑕佸彲鍦ㄦ鏀� logo 鎴栫畝鐭彁绀� -->
+ </view>
+ <view class="hero-wave"></view>
</view>
</view>
- <view class="module-content">
- <up-grid :border="false"
- col="4">
- <up-grid-item v-for="(item, index) in marketingItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+
+ <!-- 蹇嵎鍏ュ彛 -->
+ <view class="quick-section">
+ <up-grid :border="false" col="4">
+ <up-grid-item
+ v-for="item in quickTools"
+ :key="item.label"
+ @click="handleQuickTool(item)"
+ >
+ <view class="quick-icon" :style="{ background: item.bgColor }">
+ <image :src="item.icon" class="quick-icon-img" mode="aspectFit" />
</view>
- <text class="item-label">{{item.label}}</text>
+ <text class="quick-text">{{ item.label }}</text>
</up-grid-item>
</up-grid>
</view>
- </view>
- <!-- <!– 閲囪喘绠＄悊妯″潡 –>-->
- <view class="common-module purchase-module"
- v-if="hasPurchaseItems">
- <view class="module-header">
- <view class="module-title-container">
- <text class="module-title">閲囪喘绠＄悊</text>
+
+ <!-- 鏁版嵁鎬昏 -->
+ <view class="section">
+ <view class="section-header">
+ <view class="section-title">
+ <view class="title-bar" />
+ <text class="title-text">鏁版嵁鎬昏</text>
+ </view>
+ <view class="section-action" @tap="toggleOverview">
+ <text class="action-text">{{ overviewExpanded ? "鏀惰捣" : "灞曞紑" }}</text>
+ <view :class="['chev', overviewExpanded ? 'up' : 'down']" />
+ </view>
+ </view>
+
+ <view v-show="overviewExpanded" class="overview">
+ <view class="overview-card sales">
+ <view class="card-left">
+ <text class="card-title">閿�鍞暟鎹�</text>
+ <view class="card-metrics">
+ <view class="metric">
+ <text class="metric-label">鏈湀钀ヤ笟棰�(鍏�)</text>
+ <text class="metric-value">{{ overviewCards.sales.today }}</text>
+ </view>
+ <view class="metric">
+ <text class="metric-label">鏈湀宸插紑绁�(鍏�)</text>
+ <text class="metric-value">{{ overviewCards.sales.unbilled }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+
+ <view class="overview-card purchase">
+ <view class="card-left">
+ <text class="card-title">閲囪喘鏁版嵁</text>
+ <view class="card-metrics">
+ <view class="metric">
+ <text class="metric-label">鏈湀钀ヤ笟棰�(鍏�)</text>
+ <text class="metric-value">{{ overviewCards.purchase.today }}</text>
+ </view>
+ <view class="metric">
+ <text class="metric-label">鏈湀宸插紑绁�(鍏�)</text>
+ <text class="metric-value">{{ overviewCards.purchase.unbilled }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+
+ <view class="overview-card stock">
+ <view class="card-left">
+ <text class="card-title">搴撳瓨鏁版嵁</text>
+ <view class="card-metrics">
+ <view class="metric">
+ <text class="metric-label">搴撳瓨鏁伴噺</text>
+ <text class="metric-value">{{ overviewCards.stock.today }}</text>
+ </view>
+ <view class="metric">
+ <text class="metric-label">浠婃棩搴撳瓨鏁伴噺</text>
+ <text class="metric-value">{{ overviewCards.stock.unbilled }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
</view>
</view>
- <view class="module-content">
- <up-grid :border="false"
- col="4">
- <up-grid-item v-for="(item, index) in purchaseItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+
+ <!-- 瀹㈡埛鍚堝悓閲戦鍒嗘瀽 -->
+ <view class="section">
+ <view class="section-header">
+ <view class="section-title">
+ <view class="title-bar" />
+ <text class="title-text">瀹㈡埛鍚堝悓閲戦鍒嗘瀽</text>
+ </view>
+ <view class="section-action" @tap="goMore">
+ <text class="action-text">鏇村</text>
+ <view class="chev right" />
+ </view>
+ </view>
+
+ <view class="analysis-card">
+ <view class="chart-row">
+ <view class="chart-box big">
+ <qiun-data-charts
+ type="ring"
+ canvasId="home_contract_ring"
+ :canvas2d="isCanvas2d"
+ :reshow="chartReady"
+ :opts="ringOpts"
+ :chartData="ringChartData"
+ />
</view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- <!– 鍗忓悓鍔炲叕妯″潡 –> -->
- <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 class="summary">
+ <view class="summary-main">
+ <text class="summary-label">鎬诲悎鍚岄噾棰�(鍏�)</text>
+ <text class="summary-value">{{ contractSummaryView.sumText }}</text>
+ </view>
+ <view class="summary-sub">
+ <view class="summary-chip">
+ <text class="chip-label">鍛ㄥ悓姣�</text>
+ <text class="chip-value">{{ contractSummaryView.ynyText }}</text>
+ </view>
+ <view class="summary-chip">
+ <text class="chip-label">鏃ョ幆姣�</text>
+ <text class="chip-value">{{ contractSummaryView.chainText }}</text>
+ </view>
+ </view>
+ </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>
+ </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>
</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"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </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"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </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"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- 浜哄姏璧勬簮妯″潡 -->
- <view class="common-module collaboration-module"
- v-if="hasHumanResourcesItems">
- <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 humanResourcesItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- 鐢熶骇绠℃帶妯″潡 -->
- <view class="common-module equipment-module"
- v-if="hasProductionItems">
- <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 productionItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
- <!-- 璁惧绠＄悊妯″潡 -->
- <view class="common-module equipment-module"
- v-if="hasEquipmentItems">
- <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 equipmentItems"
- :key="index"
- @click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
- </view>
- <text class="item-label">{{item.label}}</text>
- </up-grid-item>
- </up-grid>
- </view>
- </view>
+
+ <view class="bottom-space" />
+ </scroll-view>
+
</view>
</template>
<script setup>
- import { ref, onMounted, nextTick, reactive, computed } from "vue";
- import { userLoginFacotryList } from "@/api/login";
- import { getProductWorkOrderById } from "@/api/productionManagement/productionReporting";
- import modal from "@/plugins/modal";
- import useUserStore from "@/store/modules/user";
+import { computed, onMounted, ref } from "vue";
+import { analysisCustomerContractAmounts, getBusiness } from "@/api/viewIndex";
- const userStore = useUserStore();
- const show = ref(false);
- const factoryList = ref([]);
- const factoryListTem = ref([]);
- const iconStyle = {
- fontSize: "1.125rem",
- color: "#2979ff",
- };
+const imgNum1 = "/static/images/index/num1.png";
+const imgNum2 = "/static/images/index/num2.png";
+const imgNum3 = "/static/images/index/num3.png";
- // 閫氱煡鐘舵�佸垏鎹�
- const statusList = ["閿�鍞�", "閲囪喘"];
- let statusIndex = 0;
- const currentStatus = ref(statusList[0]);
- const number = ref(7643);
+const quickTools = [
+ {
+ label: "鐢熶骇鎶ュ伐",
+ icon: "/static/images/icon/shengchanbaogong@2x.png",
+ bgColor: "linear-gradient(135deg,#3b82f6,#2563eb)",
+ route: "/pages/productionManagement/productionReport/index",
+ },
+ {
+ label: "璁惧宸℃",
+ icon: "/static/images/icon/xunjianshangchuan@2x.png",
+ bgColor: "linear-gradient(135deg,#22c55e,#16a34a)",
+ route: "/pages/inspectionUpload/index",
+ },
+ {
+ label: "璁惧淇濆吇",
+ icon: "/static/images/icon/shbeibaoyang@2x.png",
+ bgColor: "linear-gradient(135deg,#f97316,#ea580c)",
+ route: "/pages/equipmentManagement/upkeep/index",
+ },
+ {
+ label: "璁惧鎶ヤ慨",
+ icon: "/static/images/icon/shbeibaoxiu@2x.png",
+ bgColor: "linear-gradient(135deg,#a855f7,#7c3aed)",
+ route: "/pages/equipmentManagement/repair/index",
+ },
+];
- // 瀹氭椂鍣ㄥ垏鎹㈤�氱煡鐘舵��
- const startStatusTimer = () => {
- setInterval(() => {
- statusIndex = (statusIndex + 1) % statusList.length;
- currentStatus.value = statusList[statusIndex];
- }, 3000);
- };
+const isCanvas2d = ref(false);
- // 钀ラ攢绠＄悊鍔熻兘鏁版嵁
- const marketingItems = reactive([
- {
- icon: "/static/images/icon/xiaoshoutaizhang@2x.png",
- label: "閿�鍞彴璐�",
- },
- {
- icon: "/static/images/icon/kaipiaodengji@2x.png",
- label: "寮�绁ㄧ櫥璁�",
- },
- {
- icon: "/static/images/icon/kaipiaotaizhang@2x.png",
- label: "寮�绁ㄥ彴璐�",
- },
- {
- icon: "/static/images/icon/huikuandengji@2x.png",
- label: "鍥炴鐧昏",
- },
- {
- icon: "/static/images/icon/huikuanliushui@2x.png",
- label: "鍥炴娴佹按",
- },
- {
- icon: "/static/images/icon/kehuwanglai@2x.png",
- label: "瀹㈡埛寰�鏉�",
- },
- ]);
+const overviewExpanded = ref(true);
+const businessRaw = ref({});
+const contractRawList = ref([]);
+const chartReady = ref(false);
+const contractSummary = ref({ sum: "0", chain: "0", yny: "0" });
- // 閲囪喘绠＄悊鍔熻兘鏁版嵁
- const purchaseItems = reactive([
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "閲囪喘鍙拌处",
- },
- {
- icon: "/static/images/icon/laipiaodengji@2x.png",
- label: "鏉ョエ鐧昏",
- },
- {
- icon: "/static/images/icon/laipiaotaizhang@2x.png",
- label: "鏉ョエ鍙拌处",
- },
- {
- icon: "/static/images/icon/fukuanjingji@2x.png",
- label: "浠樻鐧昏",
- },
- {
- icon: "/static/images/icon/fukuanliushui@2x.png",
- label: "浠樻娴佹按",
- },
- {
- icon: "/static/images/icon/gongyingshangwanglai@2x.png",
- label: "渚涘簲鍟嗗線鏉�",
- },
- ]);
- const humanResourcesItems = reactive([
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鎵撳崱绛惧埌",
- },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "浜哄憳钖祫",
- },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍚堝悓绠＄悊",
- },
- ]);
- const qualityItems = reactive([
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍘熸潗鏂欐楠�",
- },
- ]);
- const safetyItems = reactive([
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "瑙勭▼涓庤祫璐�",
- },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍗遍櫓婧愬彴璐�",
- },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍗遍櫓浣滀笟瀹℃壒",
- },
- {
- icon: "/static/images/icon/guzhangfenxi@2x.png",
- label: "闅愭偅鎺掓煡涓婃姤",
- },
- {
- icon: "/static/images/icon/guzhangfenxi@2x.png",
- label: "鍗遍櫓鐗╂枡绠℃帶",
- },
- {
- icon: "/static/images/icon/guzhangfenxi@2x.png",
- label: "搴旀�ラ妗堟煡闃�",
- },
- {
- icon: "/static/images/icon/guzhangfenxi@2x.png",
- label: "浜嬫晠涓婃姤璁板綍",
- },
- {
- icon: "/static/images/icon/guzhangfenxi@2x.png",
- label: "瀹夊叏鍩硅鑰冩牳",
- },
- ]);
- // 鍗忓悓鍔炲叕鍔熻兘鏁版嵁
- const collaborationItems = reactive([
- {
- icon: "/static/images/icon/baoxiaoguanli.png",
- label: "鍗忓悓瀹℃壒",
- },
- {
- icon: "/static/images/icon/huiyiliebiao@2x.png",
- label: "浼氳绠＄悊",
- },
- {
- icon: "/static/images/icon/tongzhigonggao@2x.png",
- label: "閫氱煡鍏憡",
- },
- {
- icon: "/static/images/icon/zhishiku@2x.png",
- label: "鐭ヨ瘑搴�",
- },
- {
- icon: "/static/images/icon/yongyinguanli@2x.png",
- label: "鐢ㄥ嵃绠＄悊",
- },
- {
- icon: "/static/images/icon/guizhangzhidu@2x.png",
- label: "瑙勭珷鍒跺害",
- },
- {
- icon: "/static/images/icon/kehubaifang@2x.png",
- label: "瀹㈡埛鎷滆",
- },
- ]);
+// 瀹㈡埛鍚堝悓閲戦鍒嗘瀽锛氭棤闇�绛涢�夐」锛堟寜鎺ュ彛榛樿杩斿洖灞曠ず锛�
- // 鐢熶骇绠℃帶鍔熻兘鏁版嵁
- const productionItems = reactive([
- // {
- // icon: "/static/images/icon/shengchandingdan@2x.png",
- // label: "鐢熶骇璁㈠崟",
- // bgColor: "#FF9800",
- // },
- // {
- // icon: "/static/images/icon/shengchanpaigong@2x.png",
- // label: "鐢熶骇娲惧伐",
- // bgColor: "#FF6B35",
- // },
- // {
- // icon: "/static/images/icon/shengchanpaichan@2x.png",
- // label: "宸ュ簭鎺掍骇",
- // bgColor: "#E91E63",
- // },
- {
- icon: "/static/images/icon/shengchanbaogong@2x.png",
- label: "鐢熶骇鎶ュ伐",
- bgColor: "#673AB7",
- },
- // {
- // icon: "/static/images/icon/shengchanhesuan@2x.png",
- // label: "鐢熶骇鏍哥畻",
- // bgColor: "#3F51B5",
- // },
- ]);
+function toggleOverview() {
+ overviewExpanded.value = !overviewExpanded.value;
+}
- // 璁惧绠＄悊鍔熻兘鏁版嵁
- const equipmentItems = reactive([
- // {
- // icon: '/static/images/icon/shebeitaizhang@2x.png',
- // label: '璁惧鍙拌处',
- // },
- {
- icon: "/static/images/icon/shbeibaoxiu@2x.png",
- label: "杩愯绠＄悊",
- },
- {
- icon: "/static/images/icon/shbeibaoxiu@2x.png",
- label: "璁惧鎶ヤ慨",
- },
- {
- icon: "/static/images/icon/shbeibaoyang@2x.png",
- label: "璁惧淇濆吇",
- },
- {
- icon: "/static/images/icon/xunjianshangchuan@2x.png",
- label: "璁惧宸℃",
- },
- ]);
+function handleQuickTool(item) {
+ if (!item?.route) return;
+ uni.navigateTo({ url: item.route });
+}
- // 澶勭悊甯哥敤鍔熻兘鐐瑰嚮
- const handleCommonItemClick = item => {
- // 鏍规嵁涓嶅悓鐨勫姛鑳介」杩涜璺宠浆
- switch (item.label) {
- case "閿�鍞彴璐�":
- uni.navigateTo({
- url: "/pages/sales/salesAccount/index",
- });
- break;
- case "寮�绁ㄧ櫥璁�":
- uni.navigateTo({
- url: "/pages/sales/invoicingRegistration/index",
- });
- break;
- case "寮�绁ㄥ彴璐�":
- uni.navigateTo({
- url: "/pages/sales/invoiceLedger/index",
- });
- break;
- case "鍥炴鐧昏":
- uni.navigateTo({
- url: "/pages/sales/receiptPayment/index",
- });
- break;
- case "鍥炴娴佹按":
- uni.navigateTo({
- url: "/pages/sales/receiptPaymentHistory/index",
- });
- break;
- case "瀹㈡埛寰�鏉�":
- uni.navigateTo({
- url: "/pages/sales/receiptPaymentLedger/index",
- });
- break;
- case "閲囪喘鍙拌处":
- uni.navigateTo({
- url: "/pages/procurementManagement/procurementLedger/index",
- });
- break;
- case "鏉ョエ鐧昏":
- uni.navigateTo({
- url: "/pages/procurementManagement/invoiceEntry/index",
- });
- break;
- case "鏉ョエ鍙拌处":
- uni.navigateTo({
- url: "/pages/procurementManagement/procurementInvoiceLedger/index",
- });
- break;
- case "浠樻鐧昏":
- uni.navigateTo({
- url: "/pages/procurementManagement/paymentEntry/index",
- });
- break;
- case "浠樻娴佹按":
- uni.navigateTo({
- url: "/pages/procurementManagement/receiptPaymentHistory/index",
- });
- break;
- case "渚涘簲鍟嗗線鏉�":
- uni.navigateTo({
- url: "/pages/procurementManagement/paymentLedger/index",
- });
- break;
- case "鍏嚭绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index1",
- });
- break;
- case "璇峰亣绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index2",
- });
- break;
- case "鍑哄樊绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index3",
- });
- break;
- case "鎶ラ攢绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index4",
- });
- break;
- case "鍗忓悓瀹℃壒":
- uni.navigateTo({
- url: "/pages/indexItem?label=鍗忓悓瀹℃壒",
- });
- break;
- case "浼氳绠＄悊":
- uni.navigateTo({
- url: "/pages/indexItem?label=浼氳绠＄悊",
- });
- break;
- case "閫氱煡鍏憡":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/noticeManagement/index",
- });
- break;
- case "鐭ヨ瘑搴�":
- uni.navigateTo({
- url: "/pages/managementMeetings/knowledgeBase/index",
- });
- break;
- case "鐢ㄥ嵃绠＄悊":
- uni.navigateTo({
- url: "/pages/managementMeetings/sealManagement/index",
- });
- break;
- case "瑙勭珷鍒跺害":
- uni.navigateTo({
- url: "/pages/managementMeetings/rulesRegulationsManagement/index",
- });
- break;
- case "瀹㈡埛鎷滆":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/clientVisit/index",
- });
- break;
- case "閲囪喘绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index5",
- });
- break;
- case "鎶ヤ环绠＄悊":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index6",
- });
- break;
- case "鍙戣揣瀹℃壒":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index7",
- });
- break;
- case "浼氳璁剧疆":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetingSettings/index",
- });
- break;
- case "浼氳鍒楄〃":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetingList/index",
- });
- break;
- case "浼氳鐢宠":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetApplication/index",
- });
- break;
- case "浼氳瀹℃壒":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetExamine/index",
- });
- break;
- case "浼氳鍙戝竷":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetPublish/index",
- });
- break;
- case "浼氳鎬荤粨":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetSummary/index",
- });
- break;
- case "浼氳鐪嬫澘":
- uni.navigateTo({
- url: "/pages/managementMeetings/meetingBoard/index",
- });
- break;
- case "鐢熶骇璁㈠崟":
- uni.navigateTo({
- url: "/pages/productionManagement/productionOrder/index",
- });
- break;
- case "鐢熶骇娲惧伐":
- uni.navigateTo({
- url: "/pages/productionManagement/productionDispatching/index",
- });
- break;
- case "宸ュ簭鎺掍骇":
- uni.navigateTo({
- url: "/pages/productionManagement/processScheduling/index",
- });
- break;
- case "鐢熶骇鎶ュ伐":
- getcode();
- break;
- case "鐢熶骇鏍哥畻":
- uni.navigateTo({
- url: "/pages/productionManagement/productionAccounting/index",
- });
- break;
- case "璁惧鍙拌处":
- uni.navigateTo({
- url: "/pages/equipmentManagement/ledger/index",
- });
- break;
- case "杩愯绠＄悊":
- uni.navigateTo({
- url: "/pages/equipmentManagement/runManagement/index",
- });
- break;
- case "璁惧鎶ヤ慨":
- uni.navigateTo({
- url: "/pages/equipmentManagement/repair/index",
- });
- break;
- case "璁惧淇濆吇":
- uni.navigateTo({
- url: "/pages/equipmentManagement/upkeep/index",
- });
- break;
- case "璁惧宸℃":
- uni.navigateTo({
- url: "/pages/inspectionUpload/index",
- });
- break;
- case "鍒嗘瀽杩芥函":
- uni.navigateTo({
- url: "/pages/equipmentManagement/faultAnalysis/index",
- });
- break;
- case "鏅鸿兘娲惧崟":
- uni.navigateTo({
- url: "/pages/equipmentManagement/smartDispatch/index",
- });
- break;
- case "浣滀笟鎸囧":
- uni.navigateTo({
- url: "/pages/equipmentManagement/sop/index",
- });
- break;
- case "缁撴灉楠岃瘉":
- uni.navigateTo({
- url: "/pages/equipmentManagement/verification/index",
- });
- break;
- case "瑙勭▼涓庤祫璐�":
- uni.navigateTo({
- url: "/pages/safeProduction/safeQualifications/index",
- });
- break;
- case "鍗遍櫓婧愬彴璐�":
- uni.navigateTo({
- url: "/pages/safeProduction/hazardSourceLedger/index",
- });
- break;
- case "鍗遍櫓浣滀笟瀹℃壒":
- uni.navigateTo({
- url: "/pages/cooperativeOffice/collaborativeApproval/index8",
- });
- break;
- case "闅愭偅鎺掓煡涓婃姤":
- uni.navigateTo({
- url: "/pages/safeProduction/dangerInvestigation/index",
- });
- break;
- case "鍗遍櫓鐗╂枡绠℃帶":
- uni.navigateTo({
- url: "/pages/safeProduction/hazardousMaterialsControl/index",
- });
- break;
- case "搴旀�ラ妗堟煡闃�":
- uni.navigateTo({
- url: "/pages/safeProduction/emergencyPlanReview/index",
- });
- break;
- case "浜嬫晠涓婃姤璁板綍":
- uni.navigateTo({
- url: "/pages/safeProduction/accidentReportingRecord/index",
- });
- break;
- case "瀹夊叏鍩硅鑰冩牳":
- uni.navigateTo({
- url: "/pages/safeProduction/safetyTrainingAssessment/index",
- });
- break;
- case "鎵撳崱绛惧埌":
- uni.navigateTo({
- url: "/pages/humanResources/attendance/checkin",
- });
- break;
- case "浜哄憳钖祫":
- uni.navigateTo({
- url: "/pages/humanResources/monthlyStatistics/index",
- });
- break;
- case "鍚堝悓绠＄悊":
- uni.navigateTo({
- url: "/pages/humanResources/contractManagement/index",
- });
- break;
- case "鍘熸潗鏂欐楠�":
- uni.navigateTo({
- url: "/pages/qualityManagement/materialInspection/index",
- });
- break;
- default:
- uni.showToast({
- title: `鐐瑰嚮浜�${item.label}`,
- icon: "none",
- });
- }
- };
+function goMore() {
+ uni.showToast({ title: "鏇村鍔熻兘寰呮帴鍏�", icon: "none" });
+}
- // 鍒涘缓瀵瑰瓙缁勪欢鐨勫紩鐢�
- const uToastRef = ref(null);
- function getUserLoginFacotryList() {
- userLoginFacotryList({ userName: userStore.nickName })
- .then(res => {
- // 妫�鏌es.data鏄惁涓烘暟缁�
- factoryList.value[0] = [];
- if (res.data && Array.isArray(res.data)) {
- factoryListTem.value = res.data;
- res.data.forEach(item => {
- factoryList.value[0].push(item.deptName);
- });
- } else {
- // 濡傛灉res.data涓嶆槸鏁扮粍锛岃缃负绌烘暟缁�
- factoryList.value = [];
- }
- })
- .catch(error => {
- modal.msgError("鑾峰彇鍏徃鍒楄〃澶辫触:", error);
- factoryList.value = [];
- });
+function getByPath(obj, path) {
+ if (!obj || !path) return undefined;
+ const seg = String(path).split(".");
+ let cur = obj;
+ for (const k of seg) {
+ if (cur == null) return undefined;
+ cur = cur[k];
}
- const getcode = () => {
- uni.scanCode({
- success: async res => {
- // 瑙ｆ瀽浜岀淮鐮佸唴瀹�
- const scanResult = res.result;
- let orderRow = "";
+ return cur;
+}
- // 鍒ゆ柇鎵弿缁撴灉鏄惁涓虹函鏁板瓧锛坕d锛�
- const isNumericId = /^\d+$/.test(scanResult.trim());
-
- if (isNumericId) {
- // 濡傛灉鏄函鏁板瓧锛屾牴鎹� id 鑾峰彇宸ュ崟鏁版嵁
- const workOrderId = scanResult.trim();
- modal.loading("姝ｅ湪鑾峰彇宸ュ崟淇℃伅...");
- try {
- const workRes = await getProductWorkOrderById({ id: workOrderId });
- modal.closeLoading();
-
- console.log("宸ュ崟鏌ヨ缁撴灉:", workRes);
-
- if (workRes.code === 200 && workRes.data) {
- // 鏂版帴鍙ｈ繑鍥炵殑鏄崟涓璞★紝涓嶆槸鏁扮粍
- const workData = workRes.data;
- console.log("宸ュ崟鏁版嵁:", workData);
-
- orderRow = JSON.stringify({
- id: workData.id || workOrderId,
- planQuantity: workData.planQuantity - workData.completeQuantity,
- productProcessRouteItemId:
- workData.productProcessRouteItemId ||
- workData.浜у搧宸ヨ壓璺嚎椤笽D ||
- "",
- });
-
- console.log("鏋勯�犵殑orderRow:", orderRow);
- } else {
- modal.msgError("鏈壘鍒板搴旂殑宸ュ崟淇℃伅");
- return;
- }
- } catch (error) {
- modal.closeLoading();
- console.error("鑾峰彇宸ュ崟淇℃伅澶辫触:", error);
- modal.msgError("鑾峰彇宸ュ崟淇℃伅澶辫触: " + (error.message || "鏈煡閿欒"));
- return;
- }
- } else {
- // 濡傛灉涓嶆槸绾暟瀛楋紝灏濊瘯浠庢壂鐮佺粨鏋滀腑鎻愬彇orderRow鍙傛暟
- try {
- // 澶勭悊娣峰悎鏍煎紡: http://...?orderRow={...}
- const orderRowStart = scanResult.indexOf("orderRow={");
- if (orderRowStart !== -1) {
- // 鎻愬彇浠巓rderRow={寮�濮嬬殑JSON鍐呭
- const jsonPart = scanResult.substring(orderRowStart + 9); // 9鏄�"orderRow=".length
- orderRow = jsonPart;
- } else {
- // 濡傛灉鐩存帴鏄疛SON瀛楃涓诧紝灏濊瘯瑙ｆ瀽
- orderRow = scanResult;
- }
- } catch (e) {
- console.error(e, "瑙ｆ瀽澶辫触====????=====");
- orderRow = "";
- }
-
- // 楠岃瘉鏄惁涓烘湁鏁堢殑JSON
- try {
- JSON.parse(orderRow);
- } catch (error) {
- modal.msgError("璁㈠崟瑙ｆ瀽澶辫触锛岃妫�鏌ヤ簩缁寸爜鏍煎紡");
- return;
- }
- }
- // 鎵爜鎴愬姛鍚庤烦杞埌鐢熶骇鎶ュ伐椤甸潰锛屽苟浼犻�抩rderRow鍙傛暟
- uni.navigateTo({
- url: `/pages/productionManagement/productionReport/index?orderRow=${orderRow}`,
- });
- },
- fail: err => {
- uni.showToast({
- title: "鎵爜澶辫触",
- icon: "none",
- });
- },
- });
- };
- const changeFactory = async arr => {
- show.value = false;
- const factoryId = factoryListTem.value[arr.indexs[0]].deptId;
- const loginForm = {
- username: userStore.name,
- password: uni.getStorageSync("remembered_password"),
- };
- modal.loading("鍒锋柊涓紝璇疯�愬績绛夊緟...");
- userStore
- .loginCheckFactory(loginForm)
- .then(() => {
- modal.closeLoading();
- nextTick(() => {
- loginSuccess();
- });
- })
- .catch(() => {
- modal.closeLoading();
- });
- };
- function loginSuccess(result) {
- // 鑾峰彇璺敱鏉冮檺
- userStore
- .getRouters()
- .then(() => {
- console.log("璺敱鏉冮檺鑾峰彇鎴愬姛");
- // 杩囨护鑿滃崟椤�
- filterMenuItemsByRoutes();
- })
- .catch(error => {
- console.error("鑾峰彇璺敱鏉冮檺澶辫触:", error);
- });
- uni.reLaunch({
- url: "/pages/index",
- });
+function pick(obj, paths, fallback = undefined) {
+ for (const p of paths) {
+ const v = getByPath(obj, p);
+ if (v !== undefined && v !== null && v !== "") return v;
}
+ return fallback;
+}
- // 瀹氫箟鏂规硶
- const click = name => {
- if (uToastRef.value) {
- uToastRef.value.success(`鐐瑰嚮浜嗙${name + 1}涓猔); // 娉ㄦ剰锛氳繖閲屽姞1鏄洜涓洪�氬父鎴戜滑鏄粠绗�1涓紑濮嬭鏁扮殑
- }
+function toNumber(v) {
+ const n = Number(v);
+ return Number.isFinite(n) ? n : NaN;
+}
+
+function formatMoneyWan(v) {
+ const n = toNumber(v);
+ if (!Number.isFinite(n)) return "--";
+ const wan = n >= 10000 ? n / 10000 : n;
+ const fixed = wan >= 100 ? wan.toFixed(0) : wan >= 10 ? wan.toFixed(1) : wan.toFixed(2);
+ return fixed.replace(/\.0+$/, "");
+}
+
+function formatWanFromYuan(v) {
+ const n = toNumber(v);
+ if (!Number.isFinite(n)) return "--";
+ const wan = n / 10000;
+ const fixed = wan >= 100 ? wan.toFixed(0) : wan >= 10 ? wan.toFixed(1) : wan.toFixed(2);
+ return fixed.replace(/\.0+$/, "");
+}
+
+function formatPlain(v) {
+ const n = toNumber(v);
+ if (!Number.isFinite(n)) return "--";
+ const fixed = n >= 100 ? n.toFixed(0) : n >= 10 ? n.toFixed(1) : n.toFixed(2);
+ return fixed.replace(/\.0+$/, "");
+}
+
+function formatPercent(v) {
+ const n = toNumber(v);
+ if (!Number.isFinite(n)) return "--";
+ const p = n > 1 ? n : n * 100;
+ return `${p.toFixed(1).replace(/\.0$/, "")}%`;
+}
+
+const overviewCards = computed(() => {
+ const b = businessRaw.value || {};
+
+ // /home/business 鍏煎瀛楁锛堜綘鎻愪緵鐨勭粨鏋勪紭鍏堬級
+ const monthSaleMoney = pick(b, ["monthSaleMoney", "sale.monthMoney", "sales.monthMoney", "sales.monthSaleMoney"]);
+ const monthSaleHaveMoney = pick(b, ["monthSaleHaveMoney", "sale.monthHaveMoney", "sales.monthHaveMoney"]);
+ const monthPurchaseMoney = pick(b, ["monthPurchaseMoney", "purchase.monthMoney", "procurement.monthMoney"]);
+ const monthPurchaseHaveMoney = pick(b, ["monthPurchaseHaveMoney", "purchase.monthHaveMoney", "procurement.monthHaveMoney"]);
+ const inventoryNum = pick(b, ["inventoryNum", "stock.inventoryNum", "inventory.num", "stock.num"]);
+ const todayInventoryNum = pick(b, ["todayInventoryNum", "stock.todayInventoryNum", "inventory.todayNum", "stock.todayNum"]);
+
+ return {
+ // 閲戦鎸夆�滃厓鈥濆睍绀�
+ sales: { today: formatPlain(monthSaleMoney), unbilled: formatPlain(monthSaleHaveMoney) },
+ purchase: { today: formatPlain(monthPurchaseMoney), unbilled: formatPlain(monthPurchaseHaveMoney) },
+ // 搴撳瓨涓烘暟閲忥紙涓嶅仛鈥滀竾鈥濇崲绠楋級
+ stock: { today: formatPlain(inventoryNum), unbilled: formatPlain(todayInventoryNum) },
};
+});
- // 鏍规嵁璺敱鏉冮檺杩囨护鑿滃崟椤�
- const filterMenuItemsByRoutes = () => {
- const routers = userStore.routers || [];
+const contractSummaryView = computed(() => {
+ const sumText = formatPlain(contractSummary.value?.sum);
+ const chainText = formatPlain(contractSummary.value?.chain);
+ const ynyText = formatPlain(contractSummary.value?.yny);
+ return {
+ sumText,
+ chainText,
+ ynyText,
+ };
+});
- // 濡傛灉娌℃湁璺敱鏉冮檺鏁版嵁锛屼笉杩涜杩囨护锛堟樉绀烘墍鏈夎彍鍗曪級
- if (!routers || routers.length === 0) {
- console.log("鏆傛棤璺敱鏉冮檺鏁版嵁锛屾樉绀烘墍鏈夎彍鍗�");
- return;
- }
+const ringOpts = computed(() => {
+ const totalYuan = formatPlain(contractSummary.value?.sum);
+ return {
+ padding: [0, 0, 0, 0],
+ legend: { show: false },
+ rotate: false,
+ dataLabel: false,
+ title: { name: totalYuan, fontSize: 18, color: "#2b2b2b" },
+ subtitle: { name: "鍚堝悓閲戦(鍏�)", fontSize: 12, color: "#8a94a6" },
+ extra: {
+ ring: {
+ ringWidth: 18,
+ activeOpacity: 0.5,
+ activeRadius: 8,
+ offsetAngle: 0,
+ labelWidth: 0,
+ border: true,
+ borderWidth: 2,
+ borderColor: "#FFFFFF",
+ },
+ },
+ };
+});
- // 鏀堕泦鎵�鏈夋湁鏉冮檺鐨勮彍鍗曟爣棰橈紙鏍规嵁 meta.title锛�
- const allowedMenuTitles = new Set();
- const collectMenuTitles = routes => {
- if (!Array.isArray(routes)) return;
- routes.forEach(route => {
- // 鏀堕泦褰撳墠璺敱鐨勬爣棰�
- if (route.meta && route.meta.title) {
- allowedMenuTitles.add(route.meta.title);
- }
- // 閫掑綊澶勭悊瀛愯矾鐢�
- if (route.children && route.children.length > 0) {
- collectMenuTitles(route.children);
- }
- });
+const ringChartData = computed(() => {
+ const list = Array.isArray(contractRawList.value) ? contractRawList.value : [];
+ const top = list.slice(0, 5);
+ const other = list.slice(5);
+ const otherSum = other.reduce((acc, cur) => acc + (Number(cur.value) || 0), 0);
+
+ const data = [
+ ...top.map((x) => ({ name: x.name, value: Number(x.value) || 0 })),
+ ...(otherSum > 0 ? [{ name: "鍏朵粬", value: otherSum }] : []),
+ ].filter((x) => x.value > 0);
+
+ 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 : [];
+
+ const mapped = rows
+ .map((it, idx) => {
+ const name = pick(it, ["name"], `鍏徃${idx + 1}`);
+ const value = pick(it, ["value"], 0);
+ const rate = pick(it, ["rate"], 0);
+
+ return {
+ key: `${idx}-${name}`,
+ name: String(name),
+ value: toNumber(value),
+ valueText: formatPlain(value),
+ rate: toNumber(rate),
+ rateText: `${formatPlain(rate)}%`,
+ };
+ })
+ .sort((a, b) => (b.rate || 0) - (a.rate || 0))
+ .map((it, index) => ({ ...it, rank: index + 1 }));
+
+ return mapped;
+}
+
+async function loadHome() {
+ chartReady.value = false;
+ try {
+ const [bRes, cRes] = await Promise.all([getBusiness(), analysisCustomerContractAmounts()]);
+ businessRaw.value = bRes?.data || {};
+ const cData = cRes?.data || {};
+ contractSummary.value = {
+ sum: pick(cData, ["sum"], "0"),
+ chain: pick(cData, ["chain"], "0"),
+ yny: pick(cData, ["yny"], "0"),
};
- collectMenuTitles(routers);
+ contractRawList.value = normalizeContractList(cData);
+ } catch (e) {
+ contractSummary.value = { sum: "0", chain: "0", yny: "0" };
+ contractRawList.value = normalizeContractList({ item: [] });
+ } finally {
+ customerSwiperIndex.value = 0;
+ chartReady.value = true;
+ }
+}
- // 杩囨护钀ラ攢绠＄悊鑿滃崟
- const originalMarketing = [
- { icon: "/static/images/icon/xiaoshoutaizhang@2x.png", label: "閿�鍞彴璐�" },
- { icon: "/static/images/icon/kaipiaodengji@2x.png", label: "寮�绁ㄧ櫥璁�" },
- { icon: "/static/images/icon/kaipiaotaizhang@2x.png", label: "寮�绁ㄥ彴璐�" },
- { icon: "/static/images/icon/huikuandengji@2x.png", label: "鍥炴鐧昏" },
- { icon: "/static/images/icon/huikuanliushui@2x.png", label: "鍥炴娴佹按" },
- { icon: "/static/images/icon/kehuwanglai@2x.png", label: "瀹㈡埛寰�鏉�" },
- ];
- const filteredMarketing = originalMarketing.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- marketingItems.splice(0, marketingItems.length, ...filteredMarketing);
-
- // 杩囨护鍗忓悓鍔炲叕鑿滃崟
- const originalCollaboration = [
- { icon: "/static/images/icon/baoxiaoguanli.png", label: "鍗忓悓瀹℃壒" },
- { icon: "/static/images/icon/huiyiliebiao@2x.png", label: "浼氳绠＄悊" },
- { icon: "/static/images/icon/tongzhigonggao@2x.png", label: "閫氱煡鍏憡" },
- { icon: "/static/images/icon/zhishiku@2x.png", label: "鐭ヨ瘑搴�" },
- { icon: "/static/images/icon/yongyinguanli@2x.png", label: "鐢ㄥ嵃绠＄悊" },
- { icon: "/static/images/icon/guizhangzhidu@2x.png", label: "瑙勭珷鍒跺害" },
- { icon: "/static/images/icon/kehubaifang@2x.png", label: "瀹㈡埛鎷滆" },
- ];
- const filteredCollaboration = originalCollaboration.filter(item => {
- // 澶勭悊鏍囬涓嶅畬鍏ㄥ尮閰嶇殑鎯呭喌
- let matched = allowedMenuTitles.has(item.label);
- // 鐗规畩澶勭悊锛氳绔犲埗搴� -> 瑙勭珷鍒跺害绠＄悊
- if (!matched && item.label === "瑙勭珷鍒跺害") {
- matched = allowedMenuTitles.has("瑙勭珷鍒跺害绠＄悊");
- }
- return matched;
- });
- collaborationItems.splice(
- 0,
- collaborationItems.length,
- ...filteredCollaboration
- );
-
- // 杩囨护閲囪喘绠＄悊鑿滃崟
- const originalPurchase = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "閲囪喘鍙拌处" },
- { icon: "/static/images/icon/laipiaodengji@2x.png", label: "鏉ョエ鐧昏" },
- { icon: "/static/images/icon/laipiaotaizhang@2x.png", label: "鏉ョエ鍙拌处" },
- { icon: "/static/images/icon/fukuanjingji@2x.png", label: "浠樻鐧昏" },
- { icon: "/static/images/icon/fukuanliushui@2x.png", label: "浠樻娴佹按" },
- {
- icon: "/static/images/icon/gongyingshangwanglai@2x.png",
- label: "渚涘簲鍟嗗線鏉�",
- },
- ];
- const filteredPurchase = originalPurchase.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- purchaseItems.splice(0, purchaseItems.length, ...filteredPurchase);
-
- // 杩囨护瀹夊叏鐢熶骇鑿滃崟
- const originalSafety = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "瑙勭▼涓庤祫璐�" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍗遍櫓婧愬彴璐�" },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍗遍櫓浣滀笟瀹℃壒",
- },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "闅愭偅鎺掓煡涓婃姤" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "鍗遍櫓鐗╂枡绠℃帶" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "搴旀�ラ妗堟煡闃�" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "浜嬫晠涓婃姤璁板綍" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "瀹夊叏鍩硅鑰冩牳" },
- ];
- const filteredSafety = originalSafety.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- safetyItems.splice(0, safetyItems.length, ...filteredSafety);
-
- // 杩囨护浜哄姏璧勬簮鑿滃崟
- const originalHumanResources = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鎵撳崱绛惧埌" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "浜哄憳钖祫" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍚堝悓绠＄悊" },
- ];
- const filteredHumanResources = originalHumanResources.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- humanResourcesItems.splice(
- 0,
- humanResourcesItems.length,
- ...filteredHumanResources
- );
-
- // 杩囨护璐ㄩ噺绠＄悊鑿滃崟
- const originalQuality = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍘熸潗鏂欐楠�" },
- ];
- const filteredQuality = originalQuality.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- qualityItems.splice(0, qualityItems.length, ...filteredQuality);
-
- // 杩囨护鐢熶骇绠℃帶鑿滃崟
- const originalProduction = [
- {
- icon: "/static/images/icon/shengchanbaogong@2x.png",
- label: "鐢熶骇鎶ュ伐",
- bgColor: "#673AB7",
- },
- ];
- const filteredProduction = originalProduction.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- productionItems.splice(0, productionItems.length, ...filteredProduction);
-
- // 杩囨护璁惧绠＄悊鑿滃崟
- const originalEquipment = [
- { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "杩愯绠＄悊" },
- { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "璁惧鎶ヤ慨" },
- { icon: "/static/images/icon/shbeibaoyang@2x.png", label: "璁惧淇濆吇" },
- { icon: "/static/images/icon/xunjianshangchuan@2x.png", label: "璁惧宸℃" },
- ];
- const filteredEquipment = originalEquipment.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- equipmentItems.splice(0, equipmentItems.length, ...filteredEquipment);
- };
-
- // 妫�鏌ユā鍧楁槸鍚︽湁鑿滃崟椤归渶瑕佹樉绀�
- const hasMarketingItems = computed(() => marketingItems.length > 0);
- const hasPurchaseItems = computed(() => purchaseItems.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 hasProductionItems = computed(() => productionItems.length > 0);
- const hasEquipmentItems = computed(() => equipmentItems.length > 0);
-
- onMounted(() => {
- // 姣忔杩涘叆棣栭〉閮藉己鍒跺埛鏂扮敤鎴蜂俊鎭拰璺敱鏉冮檺锛屼笉鍋氭湰鍦扮紦瀛樺垽鏂�
- userStore.getInfo().then(() => {
- userStore
- .getRouters()
- .then(() => {
- filterMenuItemsByRoutes();
- })
- .catch(error => {
- console.error("鑾峰彇璺敱鏉冮檺澶辫触:", error);
- });
- });
- getUserLoginFacotryList();
- // 鍚姩閫氱煡鐘舵�佸畾鏃跺櫒
- startStatusTimer();
- });
+onMounted(() => {
+ try {
+ const platform = uni.getSystemInfoSync().platform;
+ isCanvas2d.value = platform === "android" || platform === "ios";
+ } catch (e) {
+ isCanvas2d.value = false;
+ }
+ loadHome();
+});
</script>
-
<style scoped lang="scss">
- .content {
- background: #f6f7fb;
- min-height: 100vh;
- // padding: 12px;
- /* 涓烘墍鏈夎澶囪缃熀纭�padding-top锛堝寘鍚畨鍏ㄥ尯锛� */
- padding-top: calc(env(safe-area-inset-top) + 30px);
- position: relative;
+.page {
+ background: #f6f7fb;
+ min-height: 100vh;
+ // padding: 12px;
+ /* 涓烘墍鏈夎澶囪缃熀纭�padding-top锛堝寘鍚畨鍏ㄥ尯锛� */
+ padding-top: calc(env(safe-area-inset-top) + 30px);
+ position: relative;
+
+ /* 涓哄畨鍗撹澶囪缃洿澶х殑椤堕儴鍐呰竟璺� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ padding-top: calc(env(safe-area-inset-top) + 45px);
+ /* #endif */
+
+ /* H5鍜屽皬绋嬪簭骞冲彴鐨勯�氱敤鏍峰紡 */
+ /* #ifdef H5 || MP */
+ padding-top: calc(env(safe-area-inset-top) + 30px);
+ /* #endif */
+ &::before {
+ content: "";
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1" fill="rgba(41, 121, 255, 0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
+ pointer-events: none;
+ z-index: -1;
+ }
+
+ &::after {
+ content: "";
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: radial-gradient(
+ circle at 20% 80%,
+ rgba(41, 121, 255, 0.02) 0%,
+ transparent 55%
+ ),
+ radial-gradient(
+ circle at 80% 20%,
+ rgba(156, 39, 176, 0.015) 0%,
+ transparent 55%
+ );
+ pointer-events: none;
+ z-index: -1;
+ }
+}
+.hero-section {
+ margin: 0 12px;
+ margin-bottom: 12px;
+ animation: fadeInUp 0.6s ease-out 0.1s both;
+}
- /* 涓哄畨鍗撹澶囪缃洿澶х殑椤堕儴鍐呰竟璺� */
- /* #ifdef APP-PLUS && !MP && !H5 */
- padding-top: calc(env(safe-area-inset-top) + 45px);
- /* #endif */
+.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);
+ }
+}
- /* H5鍜屽皬绋嬪簭骞冲彴鐨勯�氱敤鏍峰紡 */
- /* #ifdef H5 || MP */
- padding-top: calc(env(safe-area-inset-top) + 30px);
- /* #endif */
+.hero-content {
+ position: relative;
+ z-index: 1;
+
+ padding: 14px 14px 18px 14px;
+ margin: 0 12px;
+ height: 100%;
+}
+.hero-wave {
+ height: 2.75rem;
+}
- &::before {
- content: "";
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1" fill="rgba(41, 121, 255, 0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
- pointer-events: none;
- z-index: -1;
- }
+.safe-top {
+ height: calc(env(safe-area-inset-top) + 10px);
+}
- &::after {
- content: "";
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: radial-gradient(
- circle at 20% 80%,
- rgba(41, 121, 255, 0.02) 0%,
- transparent 55%
- ),
- radial-gradient(
- circle at 80% 20%,
- rgba(156, 39, 176, 0.015) 0%,
- transparent 55%
- );
- pointer-events: none;
- z-index: -1;
- }
- }
+.scroll {
+ min-height: calc(100vh - env(safe-area-inset-top) - 10px);
+}
- .header-section {
- margin-bottom: 1rem;
- animation: fadeInDown 0.6s ease-out;
- /* 涓哄畨鍗撹澶囬澶栬皟鏁村ご閮ㄤ綅缃� */
- /* #ifdef APP-PLUS && !MP && !H5 */
- margin-top: 10px;
- /* #endif */
- }
+.section {
+ margin: 0 14px 14px;
+}
- .currentFactory {
- margin-top: 0.5rem;
- margin-left: 0.25rem;
- font-weight: 500;
- display: flex;
- }
+.quick-section {
+ margin: 0 14px 10px;
+ padding: 6px 0 2px;
+}
- .factoryName {
- width: auto;
- }
+.quick-icon {
+ width: 44px;
+ height: 44px;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+}
- :deep(.u-text) {
- align-items: center;
- }
+.quick-icon-img {
+ width: 26px;
+ height: 26px;
+}
- .hero-section {
- margin: 0 12px;
- margin-bottom: 12px;
- animation: fadeInUp 0.6s ease-out 0.1s both;
- }
+.quick-text {
+ margin-top: 6px;
+ font-size: 12px;
+ color: #555555;
+ text-align: center;
+ white-space: nowrap;
+}
- .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);
+.section-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 8px 2px 10px;
+}
- &::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;
- }
+.section-title {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
- &::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);
- }
- }
+.title-bar {
+ width: 4px;
+ height: 16px;
+ border-radius: 2px;
+ background: #2f6bff;
+}
- .hero-content {
- position: relative;
- z-index: 1;
+.title-text {
+ font-size: 16px;
+ font-weight: 700;
+ color: #1f2937;
+}
- padding: 14px 14px 18px 14px;
- margin: 0 12px;
- height: 100%;
- }
- .hero-wave {
- height: 2.75rem;
- }
+.section-action {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ color: #8a94a6;
+ font-size: 12px;
+}
- .hero-wave {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- height: 2.75rem;
- background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23ffffff' fill-opacity='0.2' d='M0,224L48,218.7C96,213,192,203,288,197.3C384,192,480,192,576,176C672,160,768,128,864,122.7C960,117,1056,139,1152,144C1248,149,1344,139,1392,133.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'></path></svg>")
- no-repeat bottom center/cover;
- pointer-events: none;
- }
+.action-text {
+ color: #8a94a6;
+}
- .notice-section {
- margin-bottom: 1rem;
- animation: fadeInUp 0.6s ease-out 0.2s both;
- }
+.chev {
+ width: 8px;
+ height: 8px;
+ border-right: 2px solid #b9c0cf;
+ border-bottom: 2px solid #b9c0cf;
+ transform: rotate(45deg);
+}
+.chev.up {
+ transform: rotate(-135deg);
+}
+.chev.down {
+ transform: rotate(45deg);
+}
+.chev.right {
+ transform: rotate(-45deg);
+}
+.chev.small {
+ width: 7px;
+ height: 7px;
+ border-width: 2px;
+}
- .notice {
- width: 100%;
- background: linear-gradient(135deg, #eaf2ff 0%, #bbdefb 100%);
- border: 0.0625rem solid #e3f2fd;
- border-radius: 0.75rem;
- padding: 1rem;
- box-shadow: 0 0.25rem 1.25rem rgba(41, 121, 255, 0.08);
- position: relative;
- overflow: hidden;
+.overview {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
- &::before {
- content: "";
- position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 200%;
- background: linear-gradient(
- 45deg,
- transparent,
- rgba(255, 255, 255, 0.6),
- transparent
- );
- animation: shine 4s infinite;
- }
+.overview-card {
+ position: relative;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 14px 14px 12px;
+ border: 1px dashed rgba(31, 41, 55, 0.08);
+}
- &::after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- width: 5rem;
- height: 5rem;
- background: radial-gradient(
- circle,
- rgba(255, 255, 255, 0.2) 0%,
- transparent 70%
- );
- border-radius: 50%;
- transform: translate(1.875rem, -1.875rem);
- }
+.overview-card.sales {
+ background: url("/static/images/index/xiaoshoushuju.png") no-repeat center center;
+ background-size: cover;
+}
+.overview-card.purchase {
+ background: url("/static/images/index/caigoushuju.png") no-repeat center center;
+ background-size: cover;
+}
+.overview-card.stock {
+ background: url("/static/images/index/kucunshuju.png") no-repeat center center;
+ background-size: cover;
+}
- &:hover {
- transform: translateY(-0.125rem);
- box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
- }
- }
+.card-left {
+ position: relative;
+ z-index: 1;
+}
- @keyframes shine {
- 0% {
- transform: translateX(-100%) translateY(-100%) rotate(45deg);
- }
- 100% {
- transform: translateX(100%) translateY(100%) rotate(45deg);
- }
- }
+.card-title {
+ font-size: 14px;
+ font-weight: 700;
+ color: rgba(17, 24, 39, 0.85);
+ margin-bottom: 10px;
+}
- @keyframes fadeInDown {
- from {
- opacity: 0;
- transform: translateY(-1.25rem);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
+.card-metrics {
+ display: flex;
+ gap: 12px;
+ justify-content: space-between;
+ width: 100%;
+}
- @keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translateY(1.25rem);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
+.metric {
+ display: flex;
+ align-items: center;
+ min-width: 0;
+ flex: 1;
+}
- @keyframes fadeInScale {
- 0% {
- opacity: 0;
- transform: translateY(0.5rem) scale(0.96);
- }
- 100% {
- opacity: 1;
- transform: translateY(0) scale(1);
- }
- }
+.metric-label {
+ font-size: 11px;
+ color: rgba(107, 114, 128, 0.9);
+ white-space: nowrap;
+ width: 80px;
+}
- .notice-content {
- display: flex;
- align-items: center;
- height: 100%;
- position: relative;
- z-index: 1;
- }
+.metric-value {
+ font-size: 14px;
+ font-weight: 800;
+ color: rgba(17, 24, 39, 0.9);
+ white-space: nowrap;
+ flex: 1 1 auto;
+ min-width: 0;
+ overflow: visible;
+ text-overflow: clip;
+}
- .notice-left {
- margin-right: 1rem;
- }
+.metric-label,
+.metric-value {
+ line-height: 1.2;
+}
- .notice-status {
- font-weight: 600;
- font-size: 1rem;
- color: #1976d2;
- }
+.metric-value {
+ font-variant-numeric: tabular-nums;
+}
- .notice-separator {
- width: 0.0625rem;
- height: 1.5rem;
- background: #e0e0e0;
- margin-right: 1rem;
- }
+.overview-card.purchase .metric-value {
+ color: rgba(124, 84, 28, 0.95);
+}
+.overview-card.stock .metric-value {
+ color: rgba(24, 64, 136, 0.95);
+}
- .notice-right {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex: 1;
- }
+.card-icon {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ width: 78px;
+ opacity: 0.35;
+}
- .notice-label {
- color: #333;
- font-size: 0.875rem;
- font-weight: 500;
- margin-right: 0.75rem;
- }
+.analysis-card {
+ background: #ffffff;
+ border-radius: 14px;
+ padding: 12px;
+ border: 1px solid rgba(148, 163, 184, 0.18);
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
- .notice-text {
- font-weight: 400;
- font-size: 0.875rem;
- color: #666666;
- }
+.chart-row {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
- .notice-number {
- font-weight: 600;
- font-size: 1rem;
- color: #1976d2;
- margin-left: 0.25rem;
- }
+.summary {
+ padding: 2px 2px 10px;
+}
+.summary-main {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 10px;
+}
+.summary-label {
+ font-size: 12px;
+ color: #6b7280;
+ white-space: nowrap;
+}
+.summary-value {
+ font-size: 18px;
+ font-weight: 800;
+ color: #1f2937;
+ text-align: right;
+ min-width: 0;
+ white-space: nowrap;
+}
+.summary-sub {
+ margin-top: 6px;
+ display: flex;
+ gap: 8px;
+}
- .notice-unit {
- font-weight: 600;
- font-size: 1rem;
- color: #1976d2;
- margin-left: 0.25rem;
- }
-
- /* 鍔熻兘妯″潡鏍峰紡 */
- .common-module {
- margin-bottom: 12px;
- background: linear-gradient(135deg, #ffffff 0%, #f9fbff 100%);
- // border-radius: 14px;
- padding: 12px;
- box-shadow: 0 8px 22px rgba(17, 24, 39, 0.06);
- border: none;
- position: relative;
- overflow: hidden;
- transition: all 0.3s ease;
-
- &::after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- width: 3.75rem;
- height: 3.75rem;
- background: radial-gradient(
- circle,
- rgba(0, 0, 0, 0.02) 0%,
- transparent 70%
- );
- border-radius: 50%;
- transform: translate(1.875rem, -1.875rem);
- }
- }
-
- .marketing-module {
- --module-color: #2979ff;
- }
-
- .purchase-module {
- --module-color: #1976d2;
- }
-
- .collaboration-module {
- --module-color: #4caf50;
- }
-
- .production-module {
- --module-color: #ff9800;
- }
-
- .equipment-module {
- --module-color: #9c27b0;
- }
-
- .module-header {
- margin-bottom: 10px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .module-title-container {
- display: flex;
- align-items: center;
- }
-
- .module-title {
- color: #333333;
- font-size: 16px;
- font-weight: 600;
- position: relative;
- }
-
- .module-subtitle {
- color: #666666;
- font-size: 0.75rem;
- font-weight: 400;
- margin-left: 0.5rem;
- }
-
- .module-content {
- width: 100%;
- display: grid;
- gap: 10px;
- }
-
- .icon-container {
- width: 46px;
- height: 46px;
- border-radius: 12px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 0.375rem;
- box-shadow: 0 10px 20px rgba(17, 24, 39, 0.12);
- transition: all 0.2s ease;
- position: relative;
- overflow: hidden;
- animation: fadeInScale 0.5s ease both;
-
- &::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: linear-gradient(
- 135deg,
- rgba(255, 255, 255, 0.1) 0%,
- transparent 50%,
- rgba(255, 255, 255, 0.05) 100%
- );
- opacity: 0;
- transition: opacity 0.3s ease;
- }
-
- &::after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border-radius: 0.75rem;
- background: linear-gradient(
- 45deg,
- transparent,
- rgba(255, 255, 255, 0.2),
- transparent
- );
- opacity: 0;
- transition: opacity 0.3s ease;
- }
-
- &:hover {
- transform: translateY(-0.1875rem) scale(1.02);
- box-shadow: 0 0.5rem 1.5625rem rgba(0, 0, 0, 0.18);
-
- &::before,
- &::after {
- opacity: 1;
- }
- }
-
- &:active {
- transform: scale(0.97);
- box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.18);
- }
- }
-
- .item-label {
- font-size: 12px;
- color: #555555;
- text-align: center;
- display: block;
- line-height: 1.4;
- font-weight: 500;
- margin-top: 4px;
- margin-bottom: 6px;
- }
-
- /* grid-item 闂磋窛鏇寸揣鍑戜笖瑙嗚鏇村眳涓� */
- :deep(.up-grid-item) {
- padding: 6px 0;
- }
- :deep(.up-grid-item__content) {
- padding: 0;
- }
-
- .grid-text {
- font-size: 0.875rem;
- color: #909399;
- padding: 0.625rem 0 1.25rem 0;
- /* #ifndef APP-PLUS */
- box-sizing: border-box;
- /* #endif */
- }
-
- /* 鏆楄壊妯″紡閫傞厤 */
- @media (prefers-color-scheme: dark) {
- .content {
- background: linear-gradient(135deg, #121317 0%, #161a20 100%);
- }
- .content::before {
- background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255, 255, 255, 0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
- }
- .common-module {
- background: linear-gradient(135deg, #1e1f24 0%, #23252b 100%);
- box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.35);
- }
- .module-title {
- color: #e9edf3;
- }
- .module-subtitle,
- .item-label,
- .notice-text,
- .notice-unit,
- .notice-label {
- color: #c7cbd3;
- }
- .notice {
- background: linear-gradient(135deg, #1b2330 0%, #1a2432 100%);
- border-color: rgba(255, 255, 255, 0.06);
- box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.4);
- }
- .notice-status,
- .notice-number {
- color: #8ab4ff;
- }
- .bg-img {
- background: linear-gradient(135deg, #1f4fb9 0%, #0e3a8a 100%);
- }
- }
-
- @keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
+.list-row {
+ width: 100%;
+}
+.summary-chip {
+ flex: 1;
+ background: rgba(47, 107, 255, 0.06);
+ border: 1px solid rgba(47, 107, 255, 0.12);
+ border-radius: 10px;
+ padding: 6px 8px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+ min-width: 0;
+}
+.chip-label {
+ font-size: 11px;
+ color: #6b7280;
+ white-space: nowrap;
+}
+.chip-value {
+ font-size: 12px;
+ font-weight: 700;
+ color: #2f6bff;
+ white-space: nowrap;
+}
- @keyframes fadeInDown {
- from {
- opacity: 0;
- transform: translateY(-1.25rem);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
+.chart-box {
+ height: 170px;
+ width: 100%;
+}
+.chart-box.big {
+ height: 220px;
+ width: 100%;
+}
- @keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translateY(1.25rem);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
+.customer-swiper {
+ height: 140px;
+}
- @keyframes fadeInScale {
- 0% {
- opacity: 0;
- transform: translateY(0.5rem) scale(0.96);
- }
- 100% {
- opacity: 1;
- transform: translateY(0) scale(1);
- }
- }
+.customer-page {
+ display: flex;
+ flex-direction: column;
+ gap: 14px;
+ padding-top: 4px;
+}
- .notice-left {
- margin-right: 1rem;
- }
- .notice-status {
- font-size: 1rem;
- }
- .notice-separator {
- width: 0.0625rem;
- height: 1.5rem;
- margin-right: 1rem;
- }
- .notice-label {
- font-size: 0.875rem;
- margin-right: 0.75rem;
- }
- .notice-text {
- font-size: 0.875rem;
- }
- .notice-number {
- font-size: 1rem;
- margin-left: 0.25rem;
- }
- .notice-unit {
- font-size: 0.875rem;
- margin-left: 0.125rem;
- }
+.customer-item {
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
+}
- .common-module {
- margin-bottom: 12px;
- background: #ffffff;
- // border-radius: 16px;
- // padding: 0px;
- padding: 12px 0;
- box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
- border: 1px solid rgba(148, 163, 184, 0.18);
- position: relative;
- overflow: hidden;
- transition: all 0.22s ease;
+.customer-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+}
- &::after {
- content: "";
- position: absolute;
- top: -40px;
- right: -40px;
- width: 90px;
- height: 90px;
- background: radial-gradient(
- circle,
- rgba(148, 163, 184, 0.08) 0%,
- transparent 70%
- );
- border-radius: 50%;
- }
+.customer-name {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ min-width: 0;
+ flex: 1 1 auto;
+}
- &:hover {
- transform: translateY(-2px);
- box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
- }
- }
+.rank-icon {
+ width: 18px;
+ height: 18px;
+ flex: 0 0 auto;
+}
- .marketing-module {
- --module-color: #2979ff;
- }
+.name-text {
+ font-size: 13px;
+ color: #1f2937;
+ font-weight: 600;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
- .purchase-module {
- --module-color: #1976d2;
- }
+.amount {
+ display: flex;
+ align-items: baseline;
+ gap: 4px;
+ color: #1f2937;
+ font-weight: 800;
+ flex: 0 0 auto;
+}
+.amount-num {
+ font-size: 18px;
+ line-height: 1;
+}
+.amount-unit {
+ font-size: 12px;
+ color: #6b7280;
+ font-weight: 600;
+}
- .collaboration-module {
- --module-color: #4caf50;
- }
+.customer-rate {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ flex: 0 0 auto;
+ white-space: nowrap;
+}
+.rate-label {
+ font-size: 11px;
+ color: #6b7280;
+}
+.rate-value {
+ font-size: 12px;
+ font-weight: 600;
+ color: #2f6bff;
+}
- .production-module {
- --module-color: #ff9800;
- }
+.customer-sub {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: #6b7280;
+ font-size: 12px;
+}
+.sub-label {
+ color: #6b7280;
+}
+.sub-value {
+ font-weight: 700;
+ color: #6b7280;
+}
+.sub-value.up {
+ color: #16a34a;
+}
+.sub-value.down {
+ color: #dc2626;
+}
- .equipment-module {
- --module-color: #9c27b0;
- }
+.arrow {
+ width: 0;
+ height: 0;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+}
+.arrow.up {
+ border-bottom: 6px solid #16a34a;
+ transform: translateY(-1px);
+}
+.arrow.down {
+ border-top: 6px solid #dc2626;
+ transform: translateY(1px);
+}
- .module-header {
- margin-bottom: 18px;
- padding-left: 18px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
+.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;
+}
- .module-title-container {
- display: flex;
- align-items: center;
- }
+.bottom-space {
+ height: 24px;
+}
- .module-title {
- color: #1f2933;
- font-size: 16px;
- font-weight: 600;
- position: relative;
+@media (prefers-color-scheme: dark) {
+ .page {
+ background: #121317;
}
-
- .module-content {
- width: 100%;
- display: grid;
- gap: 10px;
+ .title-text {
+ color: #e9edf3;
}
-
- .icon-container {
- width: 48px;
- height: 48px;
- border-radius: 14px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 4px;
- box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
- transition: all 0.18s ease;
- position: relative;
- overflow: hidden;
- animation: fadeInScale 0.5s ease both;
- background: linear-gradient(135deg, #3b82f6, #2563eb);
+ .overview-card,
+ .filter-item,
+ .analysis-card {
+ border-color: rgba(255, 255, 255, 0.08);
}
-
- .marketing-module .icon-container {
- background: linear-gradient(135deg, #3b82f6, #2563eb);
+ .filter-item,
+ .analysis-card {
+ background: #1e1f24;
}
- .purchase-module .icon-container {
- background: linear-gradient(135deg, #1d4ed8, #0f766e);
+ .name-text,
+ .amount {
+ color: #e9edf3;
}
- .collaboration-module .icon-container {
- background: linear-gradient(135deg, #22c55e, #16a34a);
+ .amount-unit,
+ .metric-label,
+ .action-text,
+ .section-action,
+ .customer-sub,
+ .sub-label,
+ .sub-value {
+ color: #aab2c1;
}
- .equipment-module .icon-container {
- background: linear-gradient(135deg, #a855f7, #7c3aed);
+ .summary-value {
+ color: #e9edf3;
}
-
- .icon-container::before {
- content: "";
- position: absolute;
- inset: 0;
- border-radius: inherit;
- background: radial-gradient(
- circle at 20% 20%,
- rgba(255, 255, 255, 0.26),
- transparent 55%
- );
- opacity: 0.8;
- pointer-events: none;
+ .summary-chip {
+ background: rgba(47, 107, 255, 0.12);
+ border-color: rgba(47, 107, 255, 0.18);
}
-
- .icon-container:active {
- transform: scale(0.94);
- box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25);
+ .overview-card.sales {
+ background: linear-gradient(135deg, rgba(30, 91, 104, 0.35) 0%, rgba(18, 68, 80, 0.35) 100%);
}
-
- .item-label {
- font-size: 22rpx;
- margin-top: 4px;
- margin-bottom: 20px;
+ .overview-card.purchase {
+ background: linear-gradient(135deg, rgba(108, 76, 33, 0.35) 0%, rgba(80, 55, 20, 0.35) 100%);
}
- .grid-text {
- font-size: 0.875rem;
+ .overview-card.stock {
+ background: linear-gradient(135deg, rgba(36, 54, 110, 0.35) 0%, rgba(22, 35, 74, 0.35) 100%);
}
-
- @media (prefers-color-scheme: dark) {
- .common-module {
- box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.35);
- }
- .notice {
- box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.4);
- }
+ .metric-value {
+ color: #e9edf3;
}
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3