feat: 首页+tabs

@@ -23,7 +23,7 @@
       checkLogin() {
 		  
         if (!getToken()) {
-          this.$tab.reLaunch('/pages/login/login') 
+          this.$tab.reLaunch('/pages/login') 
         }
       }
     }
@@ -31,5 +31,5 @@
 </script>
 
 <style lang="scss">
-  @import '@/static/scss/index.scss'
+  @import '@/static/scss/index.scss';
 </style>

 {
 	"pages": [{
-			"path": "pages/login/login",
+			"path": "pages/login",
 			"style": {
 				"navigationBarTitleText": "登录",
 				"navigationStyle": "custom"
@@ -11,7 +11,7 @@
 				"navigationBarTitleText": "注册"
 			}
 		}, {
-			"path": "pages/index/index",
+			"path": "pages/index",
 			"style": {
 				"navigationBarTitleText": "首页",
 				"navigationStyle": "custom"
@@ -209,7 +209,7 @@
 		"selectedColor": "#3D48A3",
 		"borderStyle": "white",
 		"list": [{
-			"pagePath": "pages/index/index",
+			"pagePath": "pages/index",
 			"iconPath": "static/images/tabbar/home.png",
 			"selectedIconPath": "static/images/tabbar/home_act.png",
 			"text": "首页"

+<template>
+	<view class="home-page">
+		<!-- 自定义头部 -->
+		<view class="custom-header">
+			<view class="header-left">
+				<view class="bell-wrap">
+					<image class="icon" src="/static/images/index/bell.png" mode="widthFix" />
+					<view class="badge">8</view>
+				</view>
+			</view>
+			<view class="header-title">首页</view>
+			<view class="header-right" />
+		</view>
+
+		<!-- 顶部统计卡片 -->
+		<view class="stats-row">
+			<view class="stat-card">
+				<image class="card-bg" src="/static/images/index/card_wait.png" mode="aspectFill" />
+				<view class="card-content">
+					<text class="card-title">待审批的</text>
+					<text class="card-num">24</text>
+				</view>
+			</view>
+			<view class="stat-card">
+				<image class="card-bg" src="/static/images/index/card_launch.png" mode="aspectFill" />
+				<view class="card-content">
+					<text class="card-title">我发起的</text>
+					<text class="card-num">87</text>
+				</view>
+			</view>
+		</view>
+		<!-- 分组入口 -->
+		<view class="section" v-for="(it, index) in sectionList"  :key="index">
+			<text class="section-title">{{ it.title }}</text>
+			<view class="grid">
+				<view class="grid-item" v-for="(g, idx) in it.items" :key="idx" @click="navigateTo(g.link)">
+					<image class="grid-icon" :src="g.icon" />
+					<text class="grid-text omit1">{{ g.text }}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+        sectionList: [
+          {
+            title: '客户开发管理',
+            items: [
+              {
+                text: '开发管理',
+                icon: '/static/images/index/dev_manage.png',
+                link: '/pages/dev_manage/index'
+              }
+            ]
+          },
+          {
+            title: '客户资信管理',
+            items: [
+              {
+                text: '资信管理',
+                icon: '/static/images/index/credit_manage.png',
+                link: '/pages/credit_manage/index'
+              }
+            ]
+          },
+          {
+            title: '合同管理',
+            items: [
+              {
+                text: '框架合同',
+                icon: '/static/images/index/contract_framework.png',
+                link: '/pages/contract_framework/index'
+              },
+              {
+                text: '经销标准合同',
+                icon: '/static/images/index/contract_retail.png',
+                link: '/pages/contract_retail/index'
+              },
+              {
+                text: '经销库存合同',
+                icon: '/static/images/index/contract_stock.png',
+                link: '/pages/contract_stock/index'
+              },
+              {
+                  text: '经销未规划合同',
+                icon: '/static/images/index/contract_unplan.png',
+                link: '/pages/contract_unplan/index'
+              },
+              {
+                text: '加工标准合同',
+                icon: '/static/images/index/contract_process.png',
+                link: '/pages/contract_process/index'
+              },
+              {
+                text: '外贸标准合同',
+                icon: '/static/images/index/contract_foreign_std.png',
+                link: '/pages/contract_foreign_std/index'
+              },
+              {
+                text: '外贸库存合同',
+                icon: '/static/images/index/contract_foreign_stock.png',
+                link: '/pages/contract_foreign_stock/index'
+              },
+              {
+                text: '外贸未规划合同',
+                icon: '/static/images/index/contract_foreign_unplan.png',
+                link: '/pages/contract_foreign_unplan/index'
+              },
+				    ],
+          }
+        ]
+			}
+		},
+		methods: {
+			// 普通页面
+			navigateTo(link) {
+				if (!link || link === '#') {
+					return;
+				}
+				// 规范化路径，确保以斜杠开头
+				const url = link.startsWith('/') ? link : `/${link}`;
+				
+				// 普通页面使用 navigateTo
+				uni.navigateTo({
+					url,
+					fail: () => {
+						uni.showToast({ title: '页面暂未开放', icon: 'none' });
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		background-color: #fff;
+	}
+
+	.home-page {
+		padding: 0 32rpx 32rpx;
+    padding-top: 96rpx;
+	}
+
+	/* 自定义头部 */
+	.custom-header {
+		height: 96rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+    position: fixed;
+    top: 0; 
+    left: 0; 
+    right: 0; 
+    z-index: 1000; 
+    background-color: #fff;
+		padding: 0 32rpx;
+
+		.header-left {
+			display: flex;
+			align-items: center;
+		}
+
+		.header-title {
+			font-size: 36rpx;
+			font-weight: 600;
+			color: rgba(0, 0, 0, 0.9);
+		}
+
+		.icon {
+			width: 48rpx;
+			height: 48rpx;
+		}
+
+		.bell-wrap {
+			position: relative;
+		}
+
+		.header-right {
+			width: 48rpx;
+		}
+
+		.badge {
+			position: absolute;
+			top: -8rpx;
+			right: -8rpx;
+			background-color: #ff3b30;
+			color: #fff;
+			font-size: 20rpx;
+			height: 32rpx;
+			min-width: 32rpx;
+			padding: 0 8rpx;
+			border-radius: 16rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+
+
+	/* 统计卡片 */
+	.stats-row {
+		display: flex;
+		gap: 26rpx;
+		padding-top: 20rpx;
+
+		.stat-card {
+			flex: 1;
+			height: 168rpx;
+			position: relative;
+			overflow: hidden;
+			border-radius: 16rpx;
+		}
+
+		.card-bg {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+		}
+
+		.card-content {
+			position: absolute;
+			left: 32rpx;
+			top: 36rpx;
+			display: flex;
+			flex-direction: column;
+			gap: 12rpx;
+		}
+
+		.card-title {
+			color: rgba(0, 0, 0, 0.9);
+			font-size: 32rpx;
+      line-height: 44rpx;
+		}
+
+		.card-num {
+			color: rgba(0,0,0,0.4);
+			font-size: 32rpx;
+			font-weight: 600;
+      line-height: 44rpx;
+		}
+	}
+
+
+	/* 分组入口 */
+	.section {
+		margin-top: 32rpx;
+    .section-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: rgba(0, 0, 0, 0.9);
+      line-height: 44rpx;
+    }
+
+	.grid {
+		margin-top: 28rpx;
+		display: grid;
+		grid-template-columns: repeat(4, 1fr);
+		gap: 32rpx;
+	}
+
+	.grid-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.grid-icon {
+		width: 96rpx;
+		height: 96rpx;
+		border-radius: 24rpx;
+	}
+
+		.grid-text {
+			margin-top: 16rpx;
+			font-size: 24rpx;
+			color: rgba(0,0,0,0.6);
+			text-align: center;
+		}
+
+	}
+
+	
+</style>
\ No newline at end of file

-<template>
-	<view class="mine-container">
-		<!-- 轮播图 -->
-		<uni-swiper-dot class="uni-swiper-dot-box" :info="data" :current="current" field="content">
-			<swiper class="swiper-box" :current="swiperDotIndex" @change="changeSwiper">
-				<swiper-item v-for="(item, index) in data" :key="index">
-					<view class="swiper-item" @click="clickBannerItem(item)">
-						<image :src="item.image" mode="aspectFill" :draggable="false" />
-					</view>
-				</swiper-item>
-			</swiper>
-		</uni-swiper-dot>
-		<view class="content-section">
-			<view class="mine-actions grid col-4 text-center">
-				<view class="action-item" @click="handleBarClick(1)">
-					<view class=" cuIcon-message text-pink icon"></view>
-					<text class="text">消息通知</text>
-				</view>
-				<view class="action-item" @click="handleBarClick(2)">
-					<view class=" cuIcon-edit text-blue icon"></view>
-					<text class="text">任务审批</text>
-				</view>
-				<view class="action-item" @click="handleBarClick(3)">
-					<view class=" cuIcon-warn text-mauve icon"></view>
-					<text class="text">库存预警</text>
-				</view>
-				<view class="action-item" @click="handleBarClick(4)">
-					<view class="cuIcon-question text-green icon"></view>
-					<text class="text">问题反馈</text>
-				</view>
-			</view>
-		</view>
-
-		<!-- <uni-section class="uni-section" title="" type="line" padding> -->
-		<view class="uni-section">
-			<uni-grid :column="4" :highlight="true" @change="change">
-				<uni-grid-item>
-					<view class="grid-item-box" style="background-color: #fff;">
-						<text class="text">￥{{formData.today.order.totalAmount}}</text>
-						<text class="text">今日订单 {{formData.today.order.totalNum}}</text>
-					</view>
-				</uni-grid-item>
-				<uni-grid-item>
-					<view class="grid-item-box" style="background-color: #fff;">
-						<text class="text">￥{{formData.today.returned.totalAmount}}</text>
-						<text class="text">今日退单 {{formData.today.returned.totalNum}}</text>
-					</view>
-				</uni-grid-item>
-				<uni-grid-item>
-					<view class="grid-item-box" style="background-color: #fff;">
-						<text class="text">￥{{formData.sameMonth.order.totalAmount}}</text>
-						<text class="text">本月订单 {{formData.sameMonth.order.totalNum}}</text>
-					</view>
-				</uni-grid-item>
-				<uni-grid-item>
-					<view class="grid-item-box" style="background-color: #fff;">
-						<text class="text">￥{{formData.sameMonth.returned.totalAmount}}</text>
-						<text class="text">本月退单 {{formData.sameMonth.returned.totalNum}}</text>
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</view>
-		<!-- </uni-section> -->
-		<!-- <view ref="echartContainer"></view>
-	  -->
-		<view ref="echartContainer" id="echartContainer" style="width: 100%; height: 300px;"></view>
-	</view>
-
-</template>
-
-<script>
-	import storage from '@/utils/storage'
-	import {
-		orderChart
-	} from '@/api/dashboard/analysis'
-
-	import * as echarts from 'echarts';
-
-	export default {
-		data() {
-			return {
-				current: 0,
-				swiperDotIndex: 0,
-				data: [{
-						image: 'http://xy.wecando21cn.com/static/images/banner/banner01.jpg'
-					},
-					{
-						image: 'http://xy.wecando21cn.com/static/images/banner/banner02.jpg'
-					},
-					{
-						image: 'http://xy.wecando21cn.com/static/images/banner/banner03.jpg'
-					}
-				],
-				chartInstance: null,
-				loading: false,
-				formData: {
-					today: {
-						order: {
-							totalAmount: '0',
-							totalNum: '0',
-							charts: [],
-						},
-						returned: {
-							totalAmount: '0',
-							totalNum: '0',
-							charts: [],
-						},
-					},
-					sameMonth: {
-						order: {
-							totalAmount: '0',
-							totalNum: '0',
-							charts: [],
-						},
-						returned: {
-							totalAmount: '0',
-							totalNum: '0',
-							charts: [],
-						},
-					},
-				},
-			}
-		},
-
-		mounted() {
-			this.loadData();
-
-		},
-
-		methods: {
-			clickBannerItem(item) {
-				console.info(item)
-			},
-			changeSwiper(e) {
-				this.current = e.detail.current
-			},
-
-			handleToInfo() {
-				// this.$tab.navigateTo('/pages/mine/info/index')
-				this.$tab.redirectTo('/pages/mine/info/index')
-			},
-
-			loadData() {
-				orderChart()
-					.then((res) => {
-						this.formData = res.data;
-						this.initChart();
-					});
-			},
-
-
-
-			async initChart() {
-				// 等待 canvas 元素渲染完成（对于 H5 环境可能需要）
-				await this.$nextTick();
-
-				// 获取 canvas 元素
-				const chartDom = document.getElementById('echartContainer');
-				// const chartDom = this.$refs.echartContainer;  //这种写法无效，暂时找不到原因
-
-				// 初始化 ECharts 实例
-				this.chartInstance = echarts.init(chartDom);
-
-				// 设置图表配置项
-				const option = {
-					title: {
-						text: '',
-					},
-					tooltip: {},
-					legend: {
-						data: [],
-					},
-					xAxis: {
-						data: [],
-					},
-					yAxis: {},
-					series: [],
-				};
-
-				if (this.formData) {
-					option.legend.data.push("今天订单");
-					option.legend.data.push("今日退单");
-					option.legend.data.push("本月订单");
-					option.legend.data.push("本月退单");
-
-					this.initSeriesData(this.formData.today.order.charts, "今天订单", option);
-					this.initSeriesData(this.formData.today.returned.charts, "今日退单", option);
-					this.initSeriesData(this.formData.sameMonth.order.charts, "本月订单", option);
-					this.initSeriesData(this.formData.sameMonth.returned.charts, "本月退单", option);
-				}
-
-				this.chartInstance.setOption(option);
-
-			},
-
-			initSeriesData(charts, name, option) {
-
-				let seriedata = [];
-				let xAxisData = [];
-				let seriesdataUnitData = {
-					name: name,
-					type: 'line'
-				};
-				for (let item of charts) {
-					seriedata.push(item.totalAmount)
-					xAxisData.push(item.createDate);
-				}
-				this.$set(option.xAxis, "data", xAxisData);
-				this.$set(seriesdataUnitData, "data", seriedata);
-				option.series.push(seriesdataUnitData);
-			},
-
-			beforeDestroy() {
-				// 销毁图表实例以避免内存泄漏
-				if (this.chartInstance) {
-					this.chartInstance.dispose();
-					this.chartInstance = null;
-				}
-			},
-
-			handleBarClick(type) {
-				//type: 1、消息通知   2、审批任务  3、库存预警  4、问题反馈
-				if (type == 1) {
-					//跳转到消息通知页
-					this.$tab.navigateTo('/pages/notice/index')
-				} else {
-					uni.showToast({
-						title: '持续开放中......',
-						icon: 'none',
-					})
-				}
-
-			},
-		},
-	}
-</script>
-
-<style lang="scss">
-	.image {
-		width: 25px;
-		height: 25px;
-	}
-
-	.text {
-		font-size: 14px;
-		margin-top: 5px;
-	}
-
-	.grid-dynamic-box {
-		margin-bottom: 15px;
-	}
-
-	.grid-item-box {
-		flex: 1;
-		// position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 15px 0;
-	}
-
-	.grid-item-box-row {
-		flex: 1;
-		// position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		padding: 15px 0;
-	}
-
-	.grid-dot {
-		position: absolute;
-		top: 5px;
-		right: 15px;
-	}
-
-	.swiper {
-		height: 420px;
-	}
-
-	/* #ifdef H5 */
-	@media screen and (min-width: 768px) and (max-width: 1425px) {
-		.swiper {
-			height: 630px;
-		}
-	}
-
-	@media screen and (min-width: 1425px) {
-		.swiper {
-			height: 830px;
-		}
-	}
-
-	/* #endif */
-
-	.title {
-		font-size: 16rpx;
-		color: #8f8f94;
-	}
-
-	/*以下为轮播图样式*/
-	.uni-margin-wrap {
-		width: 690rpx;
-		width: 100%;
-		;
-	}
-
-	.swiper {
-		height: 300rpx;
-	}
-
-	.swiper-box {
-		height: 150px;
-	}
-
-	.swiper-item {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		color: #fff;
-		height: 300rpx;
-		line-height: 300rpx;
-	}
-
-	@media screen and (min-width: 500px) {
-		.uni-swiper-dot-box {
-			width: 400px;
-			/* #ifndef APP-NVUE */
-			margin: 0 auto;
-			/* #endif */
-			margin-top: 8px;
-		}
-
-		.image {
-			width: 100%;
-		}
-	}
-
-	.mine-container {
-		width: 100%;
-		height: 100%;
-
-
-		.header-section {
-			padding: 15px 15px 45px 15px;
-			background-color: #3c96f3;
-			color: white;
-
-			.login-tip {
-				font-size: 18px;
-				margin-left: 10px;
-			}
-
-			.cu-avatar {
-				border: 2px solid #eaeaea;
-
-				.icon {
-					font-size: 40px;
-				}
-			}
-
-			.user-info {
-				margin-left: 15px;
-
-				.u_title {
-					font-size: 14px;
-					line-height: 30px;
-				}
-			}
-		}
-
-		.content-section {
-			position: relative;
-			top: -30px;
-
-
-			.mine-actions {
-				margin: 15px 15px;
-				padding: 20px 0px;
-				border-radius: 8px;
-				background-color: #ffffff;
-
-				.action-item {
-					.icon {
-						font-size: 28px;
-					}
-
-					.text {
-						display: block;
-						font-size: 13px;
-						margin: 8px 0px;
-					}
-				}
-			}
-		}
-
-		.uni-section {
-			position: relative;
-			top: -30px;
-		}
-	}
-</style>
\ No newline at end of file

@@ -2,7 +2,7 @@
 	<view class="login-page">
 		<!-- 自定义头部 -->
 		<view class="header">
-			<image class="header-bg" src="./header_bg.png" />
+			<image class="header-bg" src="/static/images/login/header_bg.png" />
 			<view class="header-content">
 				<image class="header-logo" src="/static/logo201.png" mode="widthFix" />
 				<text class="header-title">欢迎登录楚江销售系统</text>
@@ -115,7 +115,7 @@
 			},
 			// 登录成功后，处理函数
 			loginSuccess(result) {
-				this.$tab.reLaunch('/pages/index/index')
+				this.$tab.reLaunch('/pages/index')
 			}
 		}
 	}

@@ -118,7 +118,7 @@
         this.$tab.navigateTo('/pages/mine/setting/index')
       },
       handleToLogin() {
-        this.$tab.reLaunch('/pages/login/login')
+        this.$tab.reLaunch('/pages/login')
       },
       handleToAvatar() {
         this.$tab.navigateTo('/pages/mine/avatar/index')
@@ -126,7 +126,7 @@
       handleLogout() {
         this.$modal.confirm('确定注销并退出系统吗？').then(() => {
           this.$store.dispatch('LogOut').then(() => {
-            this.$tab.reLaunch('/pages/index/index')
+            this.$tab.reLaunch('/pages/index')
           })
         })
       },

@@ -50,7 +50,7 @@
       handleLogout() {
         this.$modal.confirm('确定注销并退出系统吗？').then(() => {
           this.$store.dispatch('LogOut').then(() => {
-            this.$tab.reLaunch('/pages/index/index')
+            this.$tab.reLaunch('/pages/index')
           })
         })
       }

@@ -59,7 +59,7 @@
     methods: {
       // 用户登录
       handleUserLogin() {
-        this.$tab.navigateTo(`/pages/login/login`)
+        this.$tab.navigateTo(`/pages/login`)
       },
       // 获取图形验证码
       getCode() {
@@ -97,7 +97,7 @@
           	content: "恭喜你，您的账号 " + this.registerForm.username + " 注册成功！",
           	success: function (res) {
           		if (res.confirm) {
-                uni.redirectTo({ url: `/pages/login/login` });
+                uni.redirectTo({ url: `/pages/login` });
           		}
           	}
           })
@@ -111,7 +111,7 @@
       registerSuccess(result) {
         // 设置用户信息
         this.$store.dispatch('GetInfo').then(res => {
-          this.$tab.reLaunch('/pages/index/index')
+          this.$tab.reLaunch('/pages/index')
         })
       }
     }

 import { getToken } from '@/utils/auth'
 
 // 登录页面
-const loginPage = "/pages/login/login"
+const loginPage = "/pages/login"
   
 // 页面白名单
 const whiteList = [
-  '/pages/login/login', '/pages/register', '/pages/common/webview/index'
+  '/pages/login', '/pages/register', '/pages/common/webview/index'
 ]
 
 // 检查地址白名单

@@ -88,3 +88,82 @@
       }
     }
   }
+
+
+// 一行省略
+.omit1 {
+	word-break: break-all;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 1;
+	overflow: hidden;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+
+// 两行省略
+.omit2 {
+	word-break: break-all;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+
+// 三行省略
+.omit3 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	-webkit-box-orient: vertical;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+//四行省略
+.omit4 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 4;
+	-webkit-box-orient: vertical;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+
+//五行省略
+.omit5 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 5;
+	-webkit-box-orient: vertical;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+
+// 六行省略
+.omit6 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 6;
+	-webkit-box-orient: vertical;
+	overflow-wrap:break-word;
+    word-break: break-all;
+}
+
+// 十五行省略
+.omit15 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 15;
+	-webkit-box-orient: vertical;
+	overflow-wrap:break-word;
+	word-break: break-all;
+}

@@ -56,7 +56,7 @@ config.responseType = 'blob';
           showConfirm('登录状态已过期，您可以继续留在该页面，或者重新登录?').then(res => {
             if (res.confirm) {
               store.dispatch('LogOut').then(res => {
-                uni.reLaunch({ url: '/pages/login/login' })
+                uni.reLaunch({ url: '/pages/login' })
               })
             }
           })

@@ -38,7 +38,7 @@ const upload = config => {
             showConfirm("登录状态已过期，您可以继续留在该页面，或者重新登录?").then(res => {
               if (res.confirm) {
                 store.dispatch('LogOut').then(res => {
-                  uni.reLaunch({ url: '/pages/login/login/login' })
+                  uni.reLaunch({ url: '/pages/login' })
                 })
               }
             })