From 81dbb5d80f59a434702ea9264c66a93411430325 Mon Sep 17 00:00:00 2001
From: 周宾 <2802492122@qq.com>
Date: 星期四, 25 十二月 2025 17:37:14 +0800
Subject: [PATCH] 天津双奇点-仓储物流开发
---
src/pages/index.vue | 215 +++++++++++++++++++++++++++++++++++------------------
1 files changed, 142 insertions(+), 73 deletions(-)
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 0885a17..47eee18 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -11,8 +11,7 @@
<view class="hero-section">
<view class="bg-img">
<view class="hero-content">
- <text class="hero-title"></text>
- <text class="hero-subtitle"></text>
+ <text class="hero-title">鍙屽鐐�</text>
</view>
<view class="hero-wave"></view>
</view>
@@ -32,7 +31,35 @@
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
-
+ <!-- 浠撳偍鐗╂祦妯″潡 -->
+ <view class="common-module marketing-module">
+ <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 warehousingLogisticsItems"
+ :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 marketing-module">
<view class="module-header">
@@ -124,34 +151,34 @@
</view>
<!-- 鐢熶骇绠℃帶妯″潡 -->
-<!-- <view class="common-module production-module">-->
-<!-- <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 production-module">
+ <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">
@@ -214,6 +241,26 @@
currentStatus.value = statusList[statusIndex]
}, 3000)
}
+
+//浠撳偍鐗╂祦鍔熻兘鏁版嵁
+const warehousingLogisticsItems = 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: '搴撳瓨绠＄悊',
+ }
+]);
// 钀ラ攢绠＄悊鍔熻兘鏁版嵁
const marketingItems = reactive([
@@ -330,26 +377,26 @@
icon: '/static/images/icon/xunjianshangchuan@2x.png',
label: '宸℃涓婁紶',
},
- // {
- // icon: '/static/images/icon/guzhangfenxi@2x.png',
- // label: '鍒嗘瀽杩芥函',
- // bgColor: '#ff9800'
- // },
- // {
- // icon: '/static/images/icon/zhinengpaidan@2x.png',
- // label: '鏅鸿兘娲惧崟',
- // bgColor: '#ff6b35'
- // },
- // {
- // icon: '/static/images/icon/zuoyezhidao@2x.png',
- // label: '浣滀笟鎸囧',
- // bgColor: '#4caf50'
- // },
- // {
- // icon: '/static/images/icon/jieguoyanzheng@2x.png',
- // label: '缁撴灉楠岃瘉',
- // bgColor: '#9c27b0'
- // }
+ {
+ icon: '/static/images/icon/guzhangfenxi@2x.png',
+ label: '鍒嗘瀽杩芥函',
+ bgColor: '#ff9800'
+ },
+ {
+ icon: '/static/images/icon/zhinengpaidan@2x.png',
+ label: '鏅鸿兘娲惧崟',
+ bgColor: '#ff6b35'
+ },
+ {
+ icon: '/static/images/icon/zuoyezhidao@2x.png',
+ label: '浣滀笟鎸囧',
+ bgColor: '#4caf50'
+ },
+ {
+ icon: '/static/images/icon/jieguoyanzheng@2x.png',
+ label: '缁撴灉楠岃瘉',
+ bgColor: '#9c27b0'
+ }
]);
// 澶勭悊甯哥敤鍔熻兘鐐瑰嚮
@@ -471,26 +518,46 @@
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/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/inventoryManagement/receiptManagement/index'
+ });
+ break
+ case '鍑哄簱绠＄悊':
+ uni.navigateTo({
+ url: '/pages/inventoryManagement/issueManagement/index'
+ });
+ break
+ case '鍑哄簱鍙拌处':
+ uni.navigateTo({
+ url: '/pages/inventoryManagement/dispatchLog/index'
+ });
+ break
+ case '搴撳瓨绠＄悊':
+ uni.navigateTo({
+ url: '/pages/inventoryManagement/stockManagement/index'
+ });
+ break
default:
uni.showToast({
title: `鐐瑰嚮浜�${item.label}`,
@@ -675,12 +742,12 @@
.hero-content {
position: relative;
z-index: 1;
- padding: 1.25rem;
+ padding: 1.25rem 1.25rem 1.6rem 1.25rem;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
- justify-content: center;
+ justify-content: flex-start;
}
.hero-title {
@@ -688,6 +755,7 @@
font-size: 1.625rem;
font-weight: 700;
letter-spacing: 0.03125rem;
+ text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
.hero-subtitle { font-size: 0.8125rem; margin-top: 0.375rem; }
.hero-wave { height: 2.75rem; }
@@ -697,6 +765,7 @@
font-size: 0.8125rem;
margin-top: 0.375rem;
font-weight: 400;
+ text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
}
.hero-wave {
--
Gitblit v1.9.3