From 91c82965b2d987452ca276e3a03b48c8dcda2ae9 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期三, 19 八月 2026 11:47:26 +0800
Subject: [PATCH] config(env): 更新生产环境配置和公司名称
---
src/views/dashboard/bagCodeHome/modules/basic-cards.vue | 74 +++++++++++++++++++++++++++++++++++++
1 files changed, 74 insertions(+), 0 deletions(-)
diff --git a/src/views/dashboard/bagCodeHome/modules/basic-cards.vue b/src/views/dashboard/bagCodeHome/modules/basic-cards.vue
new file mode 100644
index 0000000..3ca866a
--- /dev/null
+++ b/src/views/dashboard/bagCodeHome/modules/basic-cards.vue
@@ -0,0 +1,74 @@
+<script lang="ts" setup>
+import type { MesBagCodeHomeApi } from '#/api/mes/bag-code-home';
+
+import { CountTo } from '@vben/common-ui';
+import { IconifyIcon } from '@vben/icons';
+
+import { Card, Col, Row } from 'ant-design-vue';
+
+defineOptions({ name: 'BagCodeHomeBasicCards' });
+
+const props = defineProps<{
+ summary: MesBagCodeHomeApi.Summary;
+}>();
+
+const emit = defineEmits<{
+ navigate: [name: string];
+}>();
+
+/** 鍩虹鏁版嵁鍗＄墖閰嶇疆 */
+const cards = [
+ {
+ gradient: 'linear-gradient(135deg, #409eff, #66b1ff)',
+ icon: 'lucide:package',
+ name: '鍝佺鎬绘暟',
+ routeName: 'MdmItem',
+ value: () => props.summary.mdmItemCount,
+ },
+ {
+ gradient: 'linear-gradient(135deg, #67c23a, #85ce61)',
+ icon: 'lucide:box',
+ name: 'MES 鍝佺',
+ routeName: 'MesMdItem',
+ value: () => props.summary.mesItemCount,
+ },
+ {
+ gradient: 'linear-gradient(135deg, #e6a23c, #ebb563)',
+ icon: 'lucide:folder-tree',
+ name: '鍝佺鍒嗙被',
+ routeName: 'MesMdItemType',
+ value: () => props.summary.itemTypeCount,
+ },
+ {
+ gradient: 'linear-gradient(135deg, #7c3aed, #9461f5)',
+ icon: 'lucide:ruler',
+ name: '璁￠噺鍗曚綅',
+ routeName: 'MdmUnit',
+ value: () => props.summary.unitMeasureCount,
+ },
+];
+</script>
+
+<template>
+ <Row :gutter="16">
+ <Col v-for="card in cards" :key="card.name" :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Card
+ class="kpi-card cursor-pointer transition-all hover:-translate-y-1 hover:shadow-lg"
+ @click="emit('navigate', card.routeName)"
+ >
+ <div class="flex items-center gap-4">
+ <div
+ class="flex size-14 flex-shrink-0 items-center justify-center rounded-xl text-white"
+ :style="{ background: card.gradient }"
+ >
+ <IconifyIcon class="size-7" :icon="card.icon" />
+ </div>
+ <div>
+ <div class="text-muted-foreground mb-1 text-sm">{{ card.name }}</div>
+ <CountTo class="text-2xl font-bold leading-tight" :end-val="card.value()" :duration="1500" />
+ </div>
+ </div>
+ </Card>
+ </Col>
+ </Row>
+</template>
--
Gitblit v1.9.3