From 787ad93deea5b3fee1dd4b8f2457da10e7005916 Mon Sep 17 00:00:00 2001
From: Zones <765289303@qq.com>
Date: Wed, 10 Jun 2026 14:17:54 +0800
Subject: [PATCH] =?UTF-8?q?=E7=84=8A=E6=8E=A5=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/auth.js                        |  10 +-
 api/base.js                        |  11 +
 api/hj.js                          |   9 +
 assets/css/page.scss               | 208 +++++++++++++++-
 assets/icon/nbd-icon.css           |  26 +-
 components/nbd-select-project.vue  |  79 +++++-
 components/nbd-select.vue          | 325 +++++++++++++++++++++++++
 pages.json                         |  39 +++
 pages/index/index.vue              | 155 ++++++++++--
 pages/mine/index.vue               | 277 +++++++++++++++++++++
 pipe/diankou/list.vue              | 371 +++++++++++++++++++++++++++++
 static/tabs/about-active.png       | Bin 0 -> 3649 bytes
 static/tabs/about.png              | Bin 0 -> 1237 bytes
 static/tabs/application-active.png | Bin 0 -> 4079 bytes
 static/tabs/application.png        | Bin 0 -> 1331 bytes
 static/tabs/home-active.png        | Bin 0 -> 1041 bytes
 static/tabs/home.png               | Bin 0 -> 1167 bytes
 static/tabs/mine-active.png        | Bin 0 -> 1260 bytes
 static/tabs/mine.png               | Bin 0 -> 1418 bytes
 store/index.js                     |   2 +
 store/modules/large.js             |  25 ++
 store/modules/menu.js              | 102 ++++++++
 store/modules/user.js              |  32 ++-
 utils/constant.js                  |  49 ++++
 24 files changed, 1682 insertions(+), 38 deletions(-)
 create mode 100644 api/base.js
 create mode 100644 api/hj.js
 create mode 100644 components/nbd-select.vue
 create mode 100644 pages/mine/index.vue
 create mode 100644 pipe/diankou/list.vue
 create mode 100644 static/tabs/about-active.png
 create mode 100644 static/tabs/about.png
 create mode 100644 static/tabs/application-active.png
 create mode 100644 static/tabs/application.png
 create mode 100644 static/tabs/home-active.png
 create mode 100644 static/tabs/home.png
 create mode 100644 static/tabs/mine-active.png
 create mode 100644 static/tabs/mine.png
 create mode 100644 store/modules/large.js
 create mode 100644 store/modules/menu.js
 create mode 100644 utils/constant.js

diff --git a/api/auth.js b/api/auth.js
index e3c852f..6192427 100644
--- a/api/auth.js
+++ b/api/auth.js
@@ -3,5 +3,13 @@ import {
 	post
 } from '@/utils/request.js'
 
+/**
+ * 登录接口
+ */
+export const reqLogin = (data) => post('user/postLoginOn', data)
 
-export const reqLogin = (data) => post('user/postLoginOn', data)
\ No newline at end of file
+/**
+ * 请求控制权限
+ */
+
+export const reqMenuPowerList = (userId,projectId)=>get(`User/getMenuPowerList?userId=${userId}&projectId=${projectId}`)
\ No newline at end of file
diff --git a/api/base.js b/api/base.js
new file mode 100644
index 0000000..d05d4e8
--- /dev/null
+++ b/api/base.js
@@ -0,0 +1,11 @@
+import {
+	get,
+	post
+} from '@/utils/request.js'
+
+// BaseInfo/getProjectWorkArea?projectId=0792b983-4de2-44d5-adba-361b7fc99a97&
+
+/**
+ * 请求单位工程
+ */
+export const reqProjectWorkArea = (projectId)=>get(`BaseInfo/getProjectWorkArea?projectId=${projectId}`)
\ No newline at end of file
diff --git a/api/hj.js b/api/hj.js
new file mode 100644
index 0000000..d2f9bc3
--- /dev/null
+++ b/api/hj.js
@@ -0,0 +1,9 @@
+import {
+	get,
+	post
+} from '@/utils/request.js'
+
+/**
+ * 获取焊接首页数据
+ */
+export const reqHJIndexData = (projectId)=>get(`HJGLIndex/GetJGLIndexItem?projectId=${projectId}`)
\ No newline at end of file
diff --git a/assets/css/page.scss b/assets/css/page.scss
index 843b307..e2ea56b 100644
--- a/assets/css/page.scss
+++ b/assets/css/page.scss
@@ -26,6 +26,8 @@
 
 // 首页
 .home {
+	padding-top: 80px;
+	padding-bottom: 60rpx;
 	.u-border-bottom:after {
 		border: none;
 	}
@@ -40,7 +42,9 @@
 	}
 
 	&-icons {
-		height: 160rpx;
+		position: fixed;
+		top: 95px;
+		height: 80px;
 		width: 100%;
 		background-color: $u-type-primary;
 		display: flex;
@@ -145,4 +149,206 @@
 			}
 		}
 	}
+	
+	// 快捷应用 & 业务查询公共样式
+	.section-card {
+		margin: 20rpx;
+		background: #fff;
+		border-radius: 16rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+		padding: 24rpx;
+	
+		.section-title {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 24rpx;
+			font-size: 28rpx;
+			font-weight: 600;
+			color: #333;
+	
+			.title-left {
+				display: flex;
+				align-items: center;
+			}
+	
+			.title-line {
+				display: inline-block;
+				width: 8rpx;
+				height: 28rpx;
+				background: $u-type-primary;
+				border-radius: 4rpx;
+				margin-right: 16rpx;
+			}
+	
+			.edit-btn {
+				padding: 8rpx;
+				opacity: 0.8;
+				&:active {
+					opacity: 1;
+				}
+			}
+		}
+	
+		.section-grid {
+			display: grid;
+			grid-template-columns: repeat(4, 1fr);
+			gap: 24rpx 16rpx;
+			overflow-x: hidden;
+		}
+	
+		.grid-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			padding: 16rpx 8rpx;
+			border-radius: 12rpx;
+			transition: background 0.2s;
+			min-width: 0;
+	
+			&:active {
+				background: #f5f6f8;
+			}
+	
+			.icon-box {
+				width: 100rpx;
+				height: 100rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-shrink: 0;
+			}
+	
+			.item-label {
+				margin-top: 12rpx;
+				font-size: 22rpx;
+				color: #666;
+				text-align: center;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				width: 100%;
+			}
+		}
+	}
+	
+	// 编辑快捷应用弹窗样式
+	.edit-quick {
+		padding: 32rpx 32rpx 0 32rpx;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+	
+		.edit-title {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-size: 28rpx;
+			font-weight: 600;
+			color: #333;
+			padding-bottom: 24rpx;
+			border-bottom: 1rpx solid #f0f0f0;
+	
+			.edit-tip {
+				font-size: 24rpx;
+				color: #999;
+				font-weight: 400;
+			}
+		}
+	
+		.edit-grid {
+			width: 100%;
+			overflow-y: scroll;
+			display: grid;
+			grid-template-columns: repeat(4, calc(25% - 20rpx));
+			gap: 20rpx;
+			padding: 24rpx 0;
+			min-height: 0;
+			box-sizing: border-box;
+		}
+	
+		.edit-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			height: 160rpx;
+			background: #f8f9fa;
+			border-radius: 16rpx;
+			position: relative;
+			transition: all 0.25s;
+			box-sizing: border-box;
+	
+			&.active {
+				background: rgba($color: #4a7df5, $alpha: 0.08);
+				border: 2rpx solid $u-type-primary;
+			}
+	
+			.icon-box {
+				width: 96rpx;
+				height: 96rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+	
+			.edit-label {
+				margin-top: 14rpx;
+				font-size: 22rpx;
+				color: #666;
+				text-align: center;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				width: 100%;
+			}
+	
+			.selected-mark {
+				position: absolute;
+				top: 6rpx;
+				right: 6rpx;
+				width: 40rpx;
+				height: 40rpx;
+				border-radius: 50%;
+				background: $u-type-primary;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				box-shadow: 0 4rpx 12rpx rgba($color: $u-type-primary, $alpha: 0.3);
+			}
+		}
+	
+		.edit-btns {
+			display: flex;
+			gap: 24rpx;
+			padding-top: 20rpx;
+			padding-bottom: 10rpx;
+			position: absolute;
+			bottom: 10px;left:0;right:0;
+			.u-size-medium {
+				width: 40%;
+			}
+			.btn-cancel,
+			.btn-confirm {
+				height: 88rpx;
+				font-size: 30rpx;
+				border: none;
+				&::after {
+					border: none;
+				}
+			
+			}
+	
+			.btn-cancel {
+				background: #f5f6f8;
+				color: #666;
+			}
+	
+			.btn-confirm {
+				box-shadow: 0 4rpx 16rpx rgba($color: $u-type-primary, $alpha: 0.25);
+			}
+		}
+	}
 }
\ No newline at end of file
diff --git a/assets/icon/nbd-icon.css b/assets/icon/nbd-icon.css
index 681d5ae..703c758 100644
--- a/assets/icon/nbd-icon.css
+++ b/assets/icon/nbd-icon.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nbd-icon"; /* Project id 5193086 */
-  src: url('//at.alicdn.com/t/c/font_5193086_zgg3m1cv22e.woff2?t=1781003671405') format('woff2'),
-       url('//at.alicdn.com/t/c/font_5193086_zgg3m1cv22e.woff?t=1781003671405') format('woff'),
-       url('//at.alicdn.com/t/c/font_5193086_zgg3m1cv22e.ttf?t=1781003671405') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_5193086_dyc00qt3bz.woff2?t=1781056075220') format('woff2'),
+       url('//at.alicdn.com/t/c/font_5193086_dyc00qt3bz.woff?t=1781056075220') format('woff'),
+       url('//at.alicdn.com/t/c/font_5193086_dyc00qt3bz.ttf?t=1781056075220') format('truetype');
 }
 
 .nbd-icon {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nbd-icon-a-facheguanli:before {
+  content: "\e683";
+}
+
+.nbd-icon-yuzhijian:before {
+  content: "\e647";
+}
+
+.nbd-icon-baozhuangguanli:before {
+  content: "\e60e";
+}
+
+.nbd-icon-diankouguanli:before {
+  content: "\e60f";
+}
+
+.nbd-icon-shiyabao:before {
+  content: "\e657";
+}
+
 .nbd-icon-daiban:before {
   content: "\e612";
 }
diff --git a/components/nbd-select-project.vue b/components/nbd-select-project.vue
index 62e7048..7308452 100644
--- a/components/nbd-select-project.vue
+++ b/components/nbd-select-project.vue
@@ -12,9 +12,13 @@
 			</view>
 			<scroll-view scroll-y="true" class="project-select-inner">
 				<view class="project-select-inner-wrap">
-					<view class="li" v-for="(item,idx) in props.list" :key="idx"
-						:class="selectObj[props.valueKey] == item[props.valueKey]?'active':''" @click="handerChangList(item)">{{item[props.labelKey]}}
+					<view class="li" v-for="(item,idx) in filteredList" :key="idx"
+						:class="selectObj && selectObj[props.valueKey] == item[props.valueKey] ? 'active' : ''"
+						@click="handerChangList(item)"
+					>
+						{{ item[props.labelKey] }}
 					</view>
+					<view v-if="filteredList.length === 0" class="empty-tip">暂无匹配项目</view>
 				</view>
 			</scroll-view>
 		</view>
@@ -24,7 +28,8 @@
 <script setup>
 	import {
 		ref,
-		watch
+		watch,
+		computed
 	} from 'vue';
 
 	const props = defineProps({
@@ -61,6 +66,14 @@
 
 	const selectObj = ref(null)
 
+	// 过滤后的列表
+	const filteredList = computed(() => {
+		if (!props.searchKey) return props.list
+		return props.list.filter(item =>
+			item[props.labelKey]?.includes(props.searchKey)
+		)
+	})
+
 	watch(() => props.modelValue, (val) => {
 		visible.value = val
 		if(val){
@@ -68,7 +81,7 @@
 			if (selectedItem) {
 				selectObj.value = selectedItem
 			} else {
-				selectObj.value = {}
+				selectObj.value = null
 			}
 		}
 	})
@@ -91,4 +104,60 @@
 	const handleSearchKey = (val) => {
 		emit('searchChange', val)
 	}
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+.project-select {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background: #fff;
+	border-radius: 24rpx 24rpx 0 0;
+
+	.project-select-btns {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 24rpx 32rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.project-select-filter {
+		padding: 16rpx 32rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.project-select-inner {
+		flex: 1;
+		overflow-y: auto;
+
+		.project-select-inner-wrap {
+			padding: 0 32rpx 32rpx;
+
+			.li {
+				padding: 28rpx 0;
+				border-bottom: 1rpx solid #f5f6f8;
+				font-size: 28rpx;
+				color: #333;
+				transition: all 0.2s;
+
+				&:last-child {
+					border-bottom: none;
+				}
+
+				&.active {
+					color: $u-type-primary;
+					font-weight: 500;
+				}
+			}
+
+			.empty-tip {
+				text-align: center;
+				padding: 80rpx 0;
+				color: #999;
+				font-size: 26rpx;
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/components/nbd-select.vue b/components/nbd-select.vue
new file mode 100644
index 0000000..f014e7c
--- /dev/null
+++ b/components/nbd-select.vue
@@ -0,0 +1,325 @@
+<template>
+	<u-popup v-model="localVisible" mode="bottom" :height="height">
+		<view class="nbd-select">
+			<!-- 标题栏 -->
+			<view class="nbd-select-header" v-if="title">
+				<text class="nbd-select-title">{{ title }}</text>
+				<text class="nbd-select-tip" v-if="tip">{{ tip }}</text>
+			</view>
+
+			<!-- 搜索栏 -->
+			<view class="nbd-select-filter" v-if="showSearch">
+				<u-search
+					:placeholder="searchPlaceholder"
+					:height="72"
+					v-model="searchKey"
+					:show-action="false"
+					@change="handleSearch"
+					@clear="handleSearch"
+				></u-search>
+			</view>
+
+			<!-- 列表内容 -->
+			<scroll-view scroll-y="true" class="nbd-select-inner">
+				<view class="nbd-select-inner-wrap">
+					<!-- 空状态 -->
+					<view class="nbd-select-empty" v-if="filteredList.length === 0">
+						<u-empty mode="list" text="暂无数据"></u-empty>
+					</view>
+
+					<!-- 列表项 -->
+					<view
+						v-for="(item, idx) in filteredList"
+						:key="idx"
+						class="nbd-select-item"
+						:class="{ active: isSelected(item) }"
+						@click="handleItemClick(item)"
+					>
+						<text class="nbd-select-item-text">{{ item[labelKey] }}</text>
+						<view v-if="multiple" class="nbd-select-checkbox">
+							<u-icon
+								:name="isSelected(item) ? 'checkbox-mark' : 'square'"
+								:size="36"
+								:color="isSelected(item) ? $u.type.primary : '#dcdee0'"
+							></u-icon>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+
+			<!-- 底部按钮 -->
+			<view class="nbd-select-footer">
+				<u-button class="nbd-select-btn-cancel" @click="handleCancel">
+					{{ cancelText }}
+				</u-button>
+				<u-button class="nbd-select-btn-confirm" type="primary" @click="handleConfirm">
+					{{ confirmText }}
+				</u-button>
+			</view>
+		</view>
+	</u-popup>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+
+const props = defineProps({
+	// 弹窗显示状态
+	modelValue: {
+		type: Boolean,
+		default: false
+	},
+	// 弹窗高度
+	height: {
+		type: String,
+		default: '70%'
+	},
+	// 标题
+	title: {
+		type: String,
+		default: ''
+	},
+	// 标题提示
+	tip: {
+		type: String,
+		default: ''
+	},
+	// 数据列表
+	list: {
+		type: Array,
+		default: () => []
+	},
+	// 选中项（支持数组，多选时使用）
+	model: {
+		type: [Object, Array, String, Number],
+		default: null
+	},
+	// 是否多选
+	multiple: {
+		type: Boolean,
+		default: false
+	},
+	// 显示搜索框
+	showSearch: {
+		type: Boolean,
+		default: false
+	},
+	// 搜索占位符
+	searchPlaceholder: {
+		type: String,
+		default: '请输入关键词搜索'
+	},
+	// 字段名配置
+	labelKey: {
+		type: String,
+		default: 'label'
+	},
+	valueKey: {
+		type: String,
+		default: 'value'
+	},
+	// 自定义搜索字段（默认搜索 labelKey）
+	searchKeyField: {
+		type: String,
+		default: ''
+	},
+	// 按钮文字
+	cancelText: {
+		type: String,
+		default: '取消'
+	},
+	confirmText: {
+		type: String,
+		default: '确定'
+	}
+})
+
+const emit = defineEmits([
+	'update:modelValue',
+	'update:model',
+	'cancel',
+	'confirm',
+	'searchChange',
+	'change'
+])
+
+const localVisible = ref(false)
+const searchKey = ref('')
+
+// 当前选中的项（多选时为数组）
+const selectedItems = ref(props.multiple ? (props.model || []) : (props.model || null))
+
+// 监听外部 model 变化
+watch(() => props.model, (newVal) => {
+	selectedItems.value = props.multiple ? (newVal || []) : newVal
+}, { deep: true })
+
+// 弹窗状态同步
+watch(() => props.modelValue, (val) => {
+	localVisible.value = val
+	if (val) {
+		// 打开时重置搜索
+		searchKey.value = ''
+	}
+})
+
+watch(localVisible, (val) => {
+	emit('update:modelValue', val)
+})
+
+// 过滤后的列表
+const filteredList = computed(() => {
+	if (!searchKey.value) return props.list
+
+	const keyword = searchKey.value.toLowerCase()
+	const searchField = props.searchKeyField || props.labelKey
+
+	return props.list.filter(item => {
+		const value = item[searchField]
+		if (value === null || value === undefined) return false
+		return String(value).toLowerCase().includes(keyword)
+	})
+})
+
+// 判断是否选中
+const isSelected = (item) => {
+	if (props.multiple) {
+		return selectedItems.value.some(
+			selected => selected[props.valueKey] === item[props.valueKey]
+		)
+	}
+	if (selectedItems.value && typeof selectedItems.value === 'object') {
+		return selectedItems.value[props.valueKey] === item[props.valueKey]
+	}
+	return selectedItems.value === item[props.valueKey]
+}
+
+// 点击列表项
+const handleItemClick = (item) => {
+	if (props.multiple) {
+		const index = selectedItems.value.findIndex(
+			selected => selected[props.valueKey] === item[props.valueKey]
+		)
+		if (index > -1) {
+			selectedItems.value.splice(index, 1)
+		} else {
+			selectedItems.value.push(item)
+		}
+	} else {
+		selectedItems.value = item
+	}
+	emit('change', selectedItems.value)
+}
+
+// 搜索
+const handleSearch = (val) => {
+	emit('searchChange', val)
+}
+
+// 取消
+const handleCancel = () => {
+	emit('cancel')
+	localVisible.value = false
+}
+
+// 确认
+const handleConfirm = () => {
+	emit('confirm', selectedItems.value)
+	emit('update:model', selectedItems.value)
+	localVisible.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.nbd-select {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	background: #ffffff;
+	border-radius: 24rpx 24rpx 0 0;
+	overflow: hidden;
+
+	&-header {
+		display: flex;
+		flex-direction: column;
+		padding: 24rpx 32rpx 20rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+
+		.nbd-select-title {
+			font-size: 32rpx;
+			font-weight: 600;
+			color: #333;
+			margin-bottom: 8rpx;
+		}
+
+		.nbd-select-tip {
+			font-size: 24rpx;
+			color: #999;
+		}
+	}
+
+	&-filter {
+		padding: 16rpx 32rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	&-inner {
+		flex: 1;
+		overflow-y: auto;
+		padding: 0 32rpx;
+
+		&-wrap {
+			padding: 16rpx 0;
+		}
+	}
+
+	&-empty {
+		padding: 80rpx 0;
+	}
+
+	&-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 28rpx 0;
+		border-bottom: 1rpx solid #f5f6f8;
+		transition: background 0.2s;
+
+		&:last-child {
+			border-bottom: none;
+		}
+
+		&.active .nbd-select-item-text {
+			color: $u-type-primary;
+			font-weight: 500;
+		}
+
+		.nbd-select-item-text {
+			flex: 1;
+			font-size: 28rpx;
+			color: #333;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+
+		.nbd-select-checkbox {
+			margin-left: 16rpx;
+		}
+	}
+
+	&-footer {
+		display: flex;
+		gap: 24rpx;
+		padding: 20rpx 32rpx 40rpx;
+
+		.nbd-select-btn-cancel,
+		.nbd-select-btn-confirm {
+			flex: 1;
+			height: 80rpx;
+			font-size: 28rpx;
+			border-radius: 40rpx;
+		}
+	}
+}
+</style>
diff --git a/pages.json b/pages.json
index e1fa50f..c3d5b98 100644
--- a/pages.json
+++ b/pages.json
@@ -20,8 +20,47 @@
 				"navigationBarTitleText": "首页",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/mine/index",
+			"style": {
+				"navigationBarTitleText": "我的"
+			}
 		}
 	],
+	"subPackages": [
+		{
+			"root": "pipe",
+			"pages": [
+				{
+					"path": "diankou/list",
+					"style": {
+						"navigationBarTitleText": "点口管理"
+					}
+				}
+			]
+		}
+	],
+	"tabBar": {
+		"color": "#cbcbcb",
+		"backgroundColor": "#2979ff",
+		"selectedColor": "#ffffff",
+		"borderStyle": "black",
+		"list": [{
+				"text": "首页",
+				"pagePath": "pages/index/index",
+				"iconPath": "/static/tabs/home.png",
+				"selectedIconPath": "/static/tabs/home-active.png"
+			},
+			{
+				"text": "个人中心",
+				"pagePath": "pages/mine/index",
+				"iconPath": "static/tabs/mine.png",
+				"selectedIconPath": "static/tabs/mine-active.png"
+			}
+		],
+		"position": "bottom"
+	},
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "施工管理",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index a9c98b6..f6b5d46 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -7,7 +7,7 @@
 			</view>
 		</u-navbar>
 		<view class="home-icons">
-			
+
 			<view class="home-icon" @click="handleScan">
 				<u-icon name="saoyisao" custom-prefix="nbd-icon" :size="68" color="#ffffff" />
 				<text>扫一扫</text>
@@ -18,48 +18,112 @@
 			</view>
 		</view>
 		<view class="home-hj">
-			<view class="hj-title">项目管道实时预制率</view>
 			<view class="hj-content">
 				<view class="hj-row">
 					<view class="hj-cell">
 						<text class="hj-label">工厂焊接一次合格率</text>
-						<text class="hj-value">99.5%</text>
+						<text class="hj-value">{{hjIndexData?.GCFirstPassRate}}</text>
 					</view>
 					<view class="hj-cell">
 						<text class="hj-label">现场焊接一次合格率</text>
-						<text class="hj-value">0%</text>
+						<text class="hj-value">{{hjIndexData?.XCFirstPassRate}}</text>
 					</view>
 				</view>
 				<view class="hj-row">
 					<view class="hj-cell">
 						<text class="hj-label">工厂预制进度</text>
-						<text class="hj-value hj-sub">49229.500/286639.000 DIN</text>
+						<text class="hj-value hj-sub">{{hjIndexData?.GCProgress}}</text>
 					</view>
 					<view class="hj-cell">
 						<text class="hj-label">现场焊接进度</text>
-						<text class="hj-value hj-sub">5906.500/84951.000 DIN</text>
+						<text class="hj-value hj-sub">{{hjIndexData?.XCProgress}}</text>
 					</view>
 				</view>
 				<view class="hj-row">
 					<view class="hj-cell">
 						<text class="hj-label">工厂焊工功效</text>
-						<text class="hj-value">252 DIN/天</text>
+						<text class="hj-value">{{hjIndexData?.GCWelderEfficacy}}</text>
 					</view>
 					<view class="hj-cell">
 						<text class="hj-label">现场焊接功效</text>
-						<text class="hj-value">95 DIN/天</text>
+						<text class="hj-value">{{hjIndexData?.XCWelderEfficacy}}</text>
 					</view>
 				</view>
 			</view>
 			<view class="hj-footer">
 				<text class="hj-footer-label">项目管道实时预制率 (包含工厂和现场的预制口)</text>
-				<text class="hj-footer-value">13%</text>
+				<text class="hj-footer-value">{{hjIndexData?.PipePrefabricationRate}}</text>
 			</view>
 		</view>
 
-		
+		<!-- 快捷应用 -->
+		<view class="section-card home-quick">
+			<view class="section-title">
+				<view class="title-left">
+					<text class="title-line"></text>
+					<text>快捷应用</text>
+				</view>
+				<u-icon class="edit-btn" name="edit-pen" :size="32" color="#999" @click="openEditQuick" />
+			</view>
+			<view class="section-grid">
+				<view class="grid-item" v-for="(item, idx) in quickApps" :key="idx" @click="handleSkip(item)">
+					<view class="icon-box">
+						<u-icon :name="item.icon" :size="56" :custom-prefix='item.prefix'
+							:color="pastelColors[idx % 6]" />
+					</view>
+					<text class="item-label">{{ item.name }}</text>
+				</view>
+			</view>
+		</view>
+
+
+
+		<!-- 业务查询 -->
+		<view class="section-card home-query" v-if="queryApps&&queryApps.length>0">
+			<view class="section-title">
+				<view class="title-left">
+					<text class="title-line"></text>
+					<text>业务查询</text>
+				</view>
+			</view>
+			<view class="section-grid">
+				<view class="grid-item" v-for="(item, idx) in queryApps" :key="idx" @click="handleSkip(item)">
+					<view class="icon-box">
+						<u-icon :name="item.icon" :custom-prefix='item.prefix' :size="56" :color="item.color" />
+					</view>
+					<text class="item-label">{{ item.name }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 编辑快捷应用弹窗 -->
+		<u-popup v-model="showEditQuick" mode="bottom" height="70%">
+			<view class="edit-quick">
+				<view class="edit-title">
+					<text>选择快捷应用</text>
+				</view>
+				<view class="edit-grid">
+					<view v-for="(item, idx) in editCache" :key="idx" class="edit-item"
+						:class="{ active: item.selected }" @click="toggleSelect(item)">
+						<view class="icon-box">
+							<u-icon :name="item.icon" :size="48" :custom-prefix='item.prefix'
+								:color="item.selected ? pastelColors[idx % 6] : '#ccc'" />
+						</view>
+						<text class="edit-label">{{ item.name }}</text>
+						<view v-if="item.selected" class="selected-mark">
+							<u-icon name="checkmark" :size="24" color="#fff" />
+						</view>
+					</view>
+				</view>
+				<view class="edit-btns">
+					<u-button size="medium" class="btn-cancel" @click="showEditQuick = false">取消</u-button>
+					<u-button size="medium" class="btn-confirm" type="primary" @click="handleConfirmEdit">确定</u-button>
+				</view>
+			</view>
+		</u-popup>
 		<nbd-select-project v-model="showProject" :select-id="currentProject?.ProjectId" :list="projectList"
-			label-key="ProjectName" value-key="ProjectId" @confirm="handleConfirmProject" />
+			label-key="ProjectName" value-key="ProjectId" :search-key="projectNameKeyword"
+			@search-change="handleSearchChange" @confirm="handleConfirmProject" />
 	</view>
 </template>
 
@@ -73,13 +137,18 @@
 		ref
 	} from 'vue'
 	import {
-		useUserStore
+		useUserStore,
+		useMenuStore,
+		useLargeStore
 	} from '@/store';
+
 	import {
 		storeToRefs
 	} from 'pinia';
 
 	const userStore = useUserStore()
+	const menuStore = useMenuStore()
+	const largeStore = useLargeStore()
 	const {
 		setProjectList,
 		setCurrentProject
@@ -89,12 +158,52 @@
 		projectList,
 		currentProject
 	} = storeToRefs(userStore)
+	const {
+		quickApps,
+		queryApps,
+		editCache
+	} = storeToRefs(menuStore)
+	const {
+		hjIndexData
+	} = storeToRefs(largeStore)
+	const {
+		pastelColors
+	} = menuStore
 	const navbarBg = reactive({
 		backgroundColor: "var(--u-type-primary)"
 	})
+	const projectNameKeyword = ref('')
 	const showProject = ref(false)
-	
-	const currentProjectName = computed(()=>currentProject.value?.ProjectName||'')
+	const showEditQuick = ref(false)
+
+	const currentProjectName = computed(() => currentProject.value?.ProjectName || '')
+
+	const handleSkip= (item) => {
+		uni.navigateTo({
+			url: item.path
+		})
+	}
+
+	// 打开编辑弹窗
+	const openEditQuick = () => {
+		menuStore.openEdit()
+		showEditQuick.value = true
+	}
+
+	// 切换选择状态
+	const toggleSelect = (item) => {
+		menuStore.toggleSelect(item)
+	}
+
+	// 确认编辑
+	const handleConfirmEdit = () => {
+		menuStore.confirmEdit()
+		showEditQuick.value = false
+		uni.showToast({
+			title: '已更新快捷应用',
+			icon: 'success'
+		})
+	}
 
 	const handleShowProjectSelect = () => {
 		reqProjectByUserId(userInfo.value.PersonId).then(res => {
@@ -105,24 +214,30 @@
 	/**
 	 * 项目列表点击确认
 	 */
-	const handleConfirmProject = (item)=>{
+	const handleConfirmProject = (item) => {
 		setCurrentProject(item)
 		showProject.value = false
 	}
-	
+	/**
+	 * 项目按名称搜索
+	 */
+	const handleSearchChange = (keyword) => {
+		projectNameKeyword.value = keyword
+	}
+
 	/**
 	 * 扫一扫
 	 */
-	const handleScan = ()=>{
+	const handleScan = () => {
 		uni.scanCode({
 			onlyFromCamera: true,
-			success (res) {
+			success(res) {
 				console.log('条码类型：' + res.scanType);
 				console.log('条码内容：' + res.result);
 			},
 			fail(err) {
-				console.log("扫码失败了====>",err)
+				console.log("扫码失败了====>", err)
 			}
 		});
 	}
-</script>
+</script>
\ No newline at end of file
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
new file mode 100644
index 0000000..ee5832e
--- /dev/null
+++ b/pages/mine/index.vue
@@ -0,0 +1,277 @@
+<template>
+	<view class="mine">
+		<!-- 用户信息卡片 -->
+		<view class="user-card">
+			<view class="user-info">
+				<u-avatar :size="120" icon="account" bgColor="#e0e7ff"></u-avatar>
+				<view class="user-detail">
+					<text class="user-name">{{ userInfo?.PersonName || '未登录' }}</text>
+					<text class="user-account">账号：{{ userInfo?.Account || '-' }}</text>
+					<text class="user-company">{{ userInfo?.CompanyName || '暂无公司信息' }}</text>
+					<text class="user-phone">{{ userInfo?.Telephone || '暂无手机号' }}</text>
+				</view>
+			</view>
+			<u-button v-if="!token" size="large" shape="circle" @click="goLogin">
+				立即登录
+			</u-button>
+		</view>
+
+		<!-- 项目信息 -->
+		<view class="project-card" v-if="currentProject?.ProjectId">
+			<view class="card-title">
+				<u-icon name="home" :size="36" color="#2979ff"></u-icon>
+				<text>当前项目</text>
+			</view>
+			<view class="project-info">
+				<text class="project-name">{{ currentProject.ProjectName }}</text>
+			</view>
+		</view>
+
+		<!-- 功能菜单 -->
+		<view class="menu-list">
+			<view class="menu-item" @click="handleMenuClick('profile')">
+				<view class="menu-left">
+					<u-icon name="setting" :size="40" color="#2979ff"></u-icon>
+					<text>个人设置</text>
+				</view>
+				<u-icon name="arrow-right" :size="28" color="#ccc"></u-icon>
+			</view>
+
+			<view class="menu-item" @click="handleMenuClick('password')">
+				<view class="menu-left">
+					<u-icon name="lock" :size="40" color="#2979ff"></u-icon>
+					<text>修改密码</text>
+				</view>
+				<u-icon name="arrow-right" :size="28" color="#ccc"></u-icon>
+			</view>
+
+			<view class="menu-item" @click="handleMenuClick('about')">
+				<view class="menu-left">
+					<u-icon name="info-circle" :size="40" color="#2979ff"></u-icon>
+					<text>关于我们</text>
+				</view>
+				<u-icon name="arrow-right" :size="28" color="#ccc"></u-icon>
+			</view>
+		</view>
+
+		<!-- 退出登录 -->
+		<view class="logout-btn" v-if="token">
+			<u-button text="退出登录" @click="handleLogout"></u-button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		computed
+	} from 'vue'
+	import {
+		useUserStore
+	} from '@/store'
+	import {
+		storeToRefs
+	} from 'pinia'
+
+	const userStore = useUserStore()
+	const {
+		logout
+	} = userStore
+	const {
+		userInfo,
+		token,
+		currentProject
+	} = storeToRefs(userStore)
+
+	// 跳转登录
+	const goLogin = () => {
+		uni.reLaunch({
+			url: '/pages/login/index'
+		})
+	}
+
+	// 切换项目
+	const handleSwitchProject = () => {
+		// TODO: 打开项目选择弹窗
+		uni.showToast({
+			title: '项目选择功能开发中',
+			icon: 'none'
+		})
+	}
+
+	// 菜单点击
+	const handleMenuClick = (type) => {
+		const menuMap = {
+			profile: '个人设置',
+			password: '修改密码',
+			about: '关于我们'
+		}
+		uni.showToast({
+			title: `${menuMap[type]}功能开发中`,
+			icon: 'none'
+		})
+	}
+
+	// 退出登录
+	const handleLogout = () => {
+		uni.showModal({
+			title: '提示',
+			content: '确定要退出登录吗？',
+			success: (res) => {
+				if (res.confirm) {
+					logout()
+					uni.reLaunch({
+						url: '/pages/login/index'
+					})
+				}
+			}
+		})
+	}
+</script>
+
+<style lang="scss" scoped>
+	.mine {
+		min-height: 100vh;
+		background: #f5f6f8;
+		padding: 32rpx;
+	}
+
+	// 用户信息卡片
+	.user-card {
+		background: linear-gradient(135deg, #2979ff 0%, #6ba7ff 100%);
+		border-radius: 24rpx;
+		padding: 40rpx 32rpx;
+		margin-bottom: 24rpx;
+		color: #ffffff;
+
+		.user-info {
+			display: flex;
+			align-items: flex-start;
+			margin-bottom: 32rpx;
+
+			.user-detail {
+				margin-left: 24rpx;
+				display: flex;
+				flex-direction: column;
+				flex: 1;
+
+				.user-name {
+					font-size: 36rpx;
+					font-weight: 600;
+					margin-bottom: 8rpx;
+				}
+
+				.user-account,
+				.user-company,
+				.user-phone {
+					font-size: 24rpx;
+					opacity: 0.85;
+					margin-bottom: 4rpx;
+				}
+
+				.user-account {
+					color: rgba(255, 255, 255, 0.9);
+				}
+
+				.user-company {
+					color: rgba(255, 255, 255, 0.9);
+				}
+
+				.user-phone {
+					color: rgba(255, 255, 255, 0.8);
+				}
+			}
+		}
+
+		.u-button {
+			background: rgba(255, 255, 255, 0.2);
+			border: none;
+			color: #ffffff;
+
+			&::after {
+				border: none;
+			}
+		}
+	}
+
+	// 项目信息卡片
+	.project-card {
+		background: #ffffff;
+		border-radius: 24rpx;
+		padding: 32rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
+
+		.card-title {
+			display: flex;
+			align-items: center;
+			font-size: 30rpx;
+			font-weight: 600;
+			color: #333;
+			margin-bottom: 24rpx;
+
+			.u-icon {
+				margin-right: 12rpx;
+			}
+		}
+
+		.project-info {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.project-name {
+				font-size: 28rpx;
+				color: #666;
+				flex: 1;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+		}
+	}
+
+	// 功能菜单
+	.menu-list {
+		background: #ffffff;
+		border-radius: 24rpx;
+		padding: 0 32rpx;
+		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
+
+		.menu-item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 32rpx 0;
+			border-bottom: 1rpx solid #f0f0f0;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			.menu-left {
+				display: flex;
+				align-items: center;
+
+				.u-icon {
+					margin-right: 16rpx;
+				}
+
+				text {
+					font-size: 28rpx;
+					color: #333;
+				}
+			}
+		}
+	}
+
+	// 退出登录
+	.logout-btn {
+		margin-top: 48rpx;
+
+		.u-button {
+			height: 88rpx;
+			font-size: 30rpx;
+			border-radius: 44rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pipe/diankou/list.vue b/pipe/diankou/list.vue
new file mode 100644
index 0000000..d999a42
--- /dev/null
+++ b/pipe/diankou/list.vue
@@ -0,0 +1,371 @@
+<template>
+	<view class="page">
+		<!-- 头部过滤区域 -->
+		<view class="filter-header">
+			<view class="filter-row">
+				<!-- 下拉过滤 1 -->
+				<u-dropdown v-model="filter1Value" :options="filter1Options" @change="handleFilter1Change"></u-dropdown>
+
+				<!-- 下拉过滤 2 -->
+				<u-dropdown v-model="filter2Value" :options="filter2Options" @change="handleFilter2Change"></u-dropdown>
+
+				<!-- 刷新按钮 -->
+				<view class="refresh-btn" @click="handleRefresh">
+					<u-icon name="reload" :size="36" :class="{ rotating: loading }"></u-icon>
+				</view>
+			</view>
+		</view>
+
+		<!-- 列表内容 -->
+		<scroll-view
+			class="list-scroll"
+			scroll-y
+			:scroll-into-view="scrollIntoView"
+			@scrolltolower="loadMore"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresh="handleRefresh"
+		>
+			<!-- 列表项 -->
+			<view class="list-wrap">
+				<view
+					v-for="(item, index) in listData"
+					:key="item.id || index"
+					class="list-item"
+					@click="handleItemClick(item)"
+				>
+					<view class="item-header">
+						<text class="item-title">{{ item.name || '未命名' }}</text>
+						<text class="item-status" :class="item.status">{{ item.statusText || '' }}</text>
+					</view>
+					<view class="item-content">
+						<text class="item-desc">{{ item.description || '' }}</text>
+					</view>
+					<view class="item-footer">
+						<text class="item-time">{{ item.createTime || '' }}</text>
+						<text class="item-author">{{ item.creator || '' }}</text>
+					</view>
+				</view>
+
+				<!-- 空状态 -->
+				<u-empty
+					v-if="!loading && listData.length === 0"
+					mode="list"
+					text="暂无数据"
+				></u-empty>
+
+				<!-- 加载提示 -->
+				<view v-if="loading && listData.length > 0" class="loading-more">
+					<u-loading mode="circle" size="32"></u-loading>
+					<text>加载中...</text>
+				</view>
+
+				<!-- 没有更多 -->
+				<view v-if="!loading && !hasMore && listData.length > 0" class="no-more">
+					<text>— 没有更多了 —</text>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+
+// ===== 过滤条件 =====
+const filter1Value = ref('')
+const filter2Value = ref('')
+
+// 过滤选项 1
+const filter1Options = ref([
+	{ label: '全部类型', value: '' },
+	{ label: '类型 A', value: 'type_a' },
+	{ label: '类型 B', value: 'type_b' },
+	{ label: '类型 C', value: 'type_c' }
+])
+
+// 过滤选项 2
+const filter2Options = ref([
+	{ label: '全部状态', value: '' },
+	{ label: '进行中', value: 'pending' },
+	{ label: '已完成', value: 'completed' },
+	{ label: '已取消', value: 'cancelled' }
+])
+
+// ===== 列表数据 =====
+const listData = ref([])
+const loading = ref(false)
+const refreshing = ref(false)
+const hasMore = ref(true)
+const currentPage = ref(1)
+const pageSize = 20
+const scrollIntoView = ref('')
+
+// ===== 筛选条件变更 =====
+const filterParams = reactive({
+	filter1: '',
+	filter2: ''
+})
+
+// 过滤 1 变化
+const handleFilter1Change = (value) => {
+	filterParams.filter1 = value
+	resetAndLoad()
+}
+
+// 过滤 2 变化
+const handleFilter2Change = (value) => {
+	filterParams.filter2 = value
+	resetAndLoad()
+}
+
+// ===== 数据加载 =====
+
+// 加载数据
+const fetchData = async (isRefresh = false) => {
+	if (loading.value || (!isRefresh && !hasMore.value)) return
+
+	loading.value = true
+	if (isRefresh) {
+		refreshing.value = true
+	}
+
+	try {
+		// TODO: 替换为实际 API 调用
+		// const res = await api.getList({
+		// 	page: currentPage.value,
+		// 	pageSize,
+		// 	...filterParams
+		// })
+
+		// 模拟数据
+		const mockData = await mockApiFetch({
+			page: currentPage.value,
+			pageSize,
+			...filterParams
+		})
+
+		if (isRefresh) {
+			listData.value = mockData.list
+		} else {
+			listData.value = [...listData.value, ...mockData.list]
+		}
+
+		hasMore.value = mockData.hasMore
+		currentPage.value++
+	} catch (error) {
+		console.error('加载数据失败:', error)
+		uni.showToast({
+			title: '加载失败，请重试',
+			icon: 'none'
+		})
+	} finally {
+		loading.value = false
+		refreshing.value = false
+	}
+}
+
+// 重置并重新加载
+const resetAndLoad = () => {
+	currentPage.value = 1
+	hasMore.value = true
+	listData.value = []
+	fetchData(true)
+}
+
+// 下拉刷新
+const handleRefresh = () => {
+	resetAndLoad()
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		fetchData(false)
+	}
+}
+
+// 列表项点击
+const handleItemClick = (item) => {
+	console.log('点击列表项:', item)
+	// TODO: 跳转详情
+	// uni.navigateTo({ url: `/pages/xxx/detail?id=${item.id}` })
+}
+
+// ===== 模拟 API（实际使用时删除）=====
+const mockApiFetch = async (params) => {
+	return new Promise((resolve) => {
+		setTimeout(() => {
+			const start = (params.page - 1) * params.pageSize
+			const end = start + params.pageSize
+			const hasMore = end < 100 // 模拟总共 100 条数据
+
+			const list = Array.from({ length: hasMore ? params.pageSize : (100 - start) }, (_, i) => ({
+				id: start + i + 1,
+				name: `项目 ${start + i + 1}`,
+				description: '这是一个测试项目的描述信息，可能包含更多内容',
+				status: ['pending', 'completed', 'cancelled'][Math.floor(Math.random() * 3)],
+				statusText: ['进行中', '已完成', '已取消'][Math.floor(Math.random() * 3)],
+				createTime: '2024-01-01 12:00:00',
+				creator: `用户${Math.floor(Math.random() * 10) + 1}`
+			}))
+
+			resolve({
+				list,
+				hasMore
+			})
+		}, 500)
+	})
+}
+
+// ===== 生命周期 =====
+onMounted(() => {
+	fetchData(true)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background: #f5f6f8;
+}
+
+// 头部过滤区域
+.filter-header {
+	background: #ffffff;
+	padding: 20rpx 24rpx;
+	border-bottom: 1rpx solid #f0f0f0;
+
+	.filter-row {
+		display: flex;
+		align-items: center;
+		gap: 16rpx;
+	}
+
+	.refresh-btn {
+		margin-left: auto;
+		padding: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		.rotating {
+			animation: rotate 1s linear infinite;
+		}
+	}
+}
+
+@keyframes rotate {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+// 列表滚动区域
+.list-scroll {
+	flex: 1;
+	overflow: hidden;
+}
+
+.list-wrap {
+	padding: 24rpx;
+}
+
+// 列表项
+.list-item {
+	background: #ffffff;
+	border-radius: 16rpx;
+	padding: 28rpx;
+	margin-bottom: 20rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	.item-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 16rpx;
+
+		.item-title {
+			font-size: 30rpx;
+			font-weight: 600;
+			color: #333;
+		}
+
+		.item-status {
+			font-size: 22rpx;
+			padding: 6rpx 16rpx;
+			border-radius: 20rpx;
+			background: #f0f0f0;
+			color: #666;
+
+			&.pending {
+				background: rgba(255, 167, 38, 0.1);
+				color: #ffa726;
+			}
+
+			&.completed {
+				background: rgba(76, 175, 80, 0.1);
+				color: #4caf50;
+			}
+
+			&.cancelled {
+				background: rgba(244, 67, 54, 0.1);
+				color: #f44336;
+			}
+		}
+	}
+
+	.item-content {
+		margin-bottom: 16rpx;
+
+		.item-desc {
+			font-size: 26rpx;
+			color: #666;
+			line-height: 1.6;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+		}
+	}
+
+	.item-footer {
+		display: flex;
+		justify-content: space-between;
+
+		.item-time,
+		.item-author {
+			font-size: 22rpx;
+			color: #999;
+		}
+	}
+}
+
+// 加载中
+.loading-more {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 32rpx 0;
+	color: #999;
+	font-size: 24rpx;
+}
+
+// 没有更多
+.no-more {
+	text-align: center;
+	padding: 32rpx 0;
+	color: #ccc;
+	font-size: 24rpx;
+}
+</style>
diff --git a/static/tabs/about-active.png b/static/tabs/about-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..da56d0fc35771d2f94418f8d852bd239160ed736
GIT binary patch
literal 3649
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
IW$W<&0KZn=O#lD@

literal 0
HcmV?d00001

diff --git a/static/tabs/about.png b/static/tabs/about.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b9e1aad16c2ae61db358c88f193717163fe5268
GIT binary patch
literal 1237
zcmV;`1S<Q9P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&000D>Nkl<ZXhZE;
zT}~W15O#Us1(0@ff=u3^Z7Jjg3nxf8!6qjNIYGz?c5;GDPOy^`ESw;$up8boIl&H6
z_giB}HF6`5x2MNt53CfWC4><Esjq&&Dg*mTKKMy+uwOt{S#mTQ4R?2UUjo3$S~~=Q
zLu>5}0A~2RuIn$e*=)XPPuQ46_V@QkgTdfE0KAS6a%znEP?qIo#M-DO8v#-j#cR&_
zr>GmfMb_G}*7_ZFU)TC<AX3WrjIpzh!!L|6mz?vtF=og)KV*#I&u{)(Ywbj9{U#So
z7LbF3gI9yW;4e>zTWjr^)_S~3Fti>3oB_boc8xLSV_BA`Ibf23U{LSv?R{g64V?hD
z#+aiRzjq1Y8~~ns!XGQ8&Qrl80}(=;0>Gc1R$s(`XxBS1m!4(Ll~Tw52as==V)0^Y
z?PslZOtxB*Q%ZTn82ft@R!Oo*Q51)q^RKM{P18KPxw)C8Xj2G*R#~`MszPvY5)j|5
zthN7WtuY%VeL?D;E2W;K9Fzn^N{K=FJ6@QZaj=kXZEa!FSbVA0O#&i>_=?oSxx>4@
zbQ_~xDWz@K-QC@tTwh;LWA^!L$Uvl&Sp2XEwqI7-#6zT%$i3P^Ij^ef8I_Nv0QtAA
z9T*>VT^~^|4YeIo9AnIzvMeVQtB`<fGFyd03Lz!{@P~8PFIwwY4+bR6`${R2BKiai
zT=qgKg*7JnBMIVY3A)zeGscjrd7o58QH(j~Z=FTR1(pN^FA+julhhKvELzb5bCyQ(
zx!`TqT5={#0TOboEan>45d>0I)e~w0Ap>z%xu+HQcWM!HXWa+6b60Z4!hK0VT&y6s
zYIFYwrBqjQ)f=oG)<`-h83=ClgOf2fZ<^)>l{iW%k@>dS>9(q>5!IzyO(j_bH#=?O
z@L*vTYwcxS*T=Df2q8ZCgNl>@_syLQ#QFD9;K%mgAqd78xo(6$n+3#ynF7E|ueS7N
zv9QnI6wS#7($#<WReZmKTWi19b$uA?j(wRU8;A@1rH(Nc$R=DWJJ@~gglV*|pyhI^
zRaVKih^r|`FYZYm!6Mj)oaBswvMu6fy>DF#ZD(6+Ti-59!WhHW8H?fL&9xlCLzeoV
zejzpkt(p~MEn<w}Jos}jCFuBPv}-v4*y6706G-#|(=g|J?2k@kQ+OB1wLn}~h!e#w
z0Jo^YrfDWrdeREhH49G3X1zdqT;MwntEqi;pSw5<;edN+j5(!@UwcVoS5RUM0KjQZ
zP*Qy#<=EcdetLCvb&*sM{b2xO3@7cVCDLSrDs;HsDHBJtm=&i=sS|P?ky74|eOziJ
z_ZzuDC`0bf7zq!^=>T)V_%njOA$JszO^$u2z=C&}m2^J}2tHbJ&Zp}Fjw<B3^)B^e
z?P`lJ4G3Nk%ww1C#0m@mi?{Oj4Sk(Z5&y@bcsmYSyw8Vw$gbs4bL2itudopUJ;;)E
z^ryEVBD3Au*})gsqu}B4L4@r(6q_#qm{e6Y?rXr-QWXDi=d)OON1XG;`=R%So(wK@
zPh-rCb3SXDW)@3*NI;S$eT0p_fINbdNmu*;hJcDupQ$r-00000NkvXXu0mjfpoBjp

literal 0
HcmV?d00001

diff --git a/static/tabs/application-active.png b/static/tabs/application-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5cfc45bbffc414bc26f984119cf51dc51cacfc9
GIT binary patch
literal 4079
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

literal 0
HcmV?d00001

diff --git a/static/tabs/application.png b/static/tabs/application.png
new file mode 100644
index 0000000000000000000000000000000000000000..06e3e3d18509aa12b114b13158faf0ae19a3a3c0
GIT binary patch
literal 1331
zcmV-31<d-1P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&000E~Nkl<ZXhZE<
zT~gyX5SDD72-LDC*vuQmu39+3!U;B<VBrMAoM7Mtn>oS22{v<r2`5;lN(#JfxIt3H
zPuS|IW)+t#w`3(TL)C!aa3r<A{{6ZIXFtiqe-a#QDImRGZ$FOXUl!mWA0O}U?(QaS
zD5Kl$?rd*w|Gqe@D2my5JiZA%+Y1B_-`d)G4*-46`M&E=06>8QDdknDU|hGix7Uy3
z_%Fs--*Yx9YFHG-C!f-sK(vt0jIo{2j{|@S030`IQY+{m#@J!#*?Qf%5aNQ`Ljvjb
zdM8m7A&6C;DP!zd2r;5I@9yq)H#Ro@T}DCXIRJ1er98FIt^rBY6t(nq6$HkfX`bf?
zlq)1ja>F?<V__9J0PsOdIWYIufFwyW;hg_wY2hAYfOB38KBZJYilP(7SeXQHF92Lg
zDe-;zBuR3{Ise=Kc%{@Q02sw_jMgk40Km9BA%IWk^ZC2UWKyoL0MT)QzH2_$^ZC4Q
zZn8fF-6f9Wk*$C{&)=C=A(S-3KzF&}LQaw-mz;A<3g&Ymgg9Tkr~n~0%<??n4@t3<
zODd&K$K&xO3d7VLMG?k^sqvbNxLnP4Nz9Z|$^#Nenx+__e;9{d3n79t3!(8+Ym~KZ
zi}~UuO;gnVM{|u3qBKOsA_S0%`Fw)#H+w$-e34Q<)rh7K2{^l!gnk$h##m|5Hz3+n
zR1Cg8i<my%<ik{qwCq~p!EUEt<W5<Z9r$X93DB4IT8NQKMg@R-DP@;TzZA!EaU04)
z&jo~H1jq))<M9~@1X*dP(?Kp&p(u<otlH-f4-emb)@d7v4)FIB&9`e%jcYk*N=S%M
zYrN@q)kAG-;5j6XcW|3k<hBk30KQ2nYfYZBv7&-=StO?B*6eYfL?fflvh0j<Z*Qxs
zSuN6cqz4t69ssIFI9KgOuncg{2R@b@JbciB7x4Z6FL4RgEI7D*p3mnuA?ZIDNHBsI
zTKIZ^=-Top=NzkOP;Y{afOCFjyO)l+kNT_-+hH}w{{Kr;bLX_kVy49y!|ECA)8^L|
zMR9z4dppE;ZA?$HEc@V!7ZQlJ!dKr=E<~N?0KzqR2sy`CGgV3*QFF5zkhVZ*;jI@$
zbTtYLH4dUC7WiE_@o1XGV#PJ<O%sr7pG5$mOYlD2G7>@@nR_chv>*Rx9X<nqb9*56
zqu4LjFJ$00Aag=f<64v-n*rP8&uz2cg*?Y7sWJfcPElM0%?0SWfS|lyuQ!OI2r2#I
znF=9(UHst%LeXWPRh}70ZLt3Oh7XLfwFY!84<FtJbZp%iF)RDJQxvK(TP8-98e*qu
z3RW^GUDGkGKWMt9Gg7dfwXo-*hu982bkuZzfx;+_6Qt2DwnHJraZ`Pw2&X+f45{qX
zq9{%mES3`LP{2$GQDMzQdd5C{kY(A0i`8N=<eY!D39PrW<43wCDEbN-=Ue4<7jhxS
z7z(1Uu4@_3bw8>57vymzmji$ueQvD>vZstSih?gZL%JppFn@Q(7Ez&>IroXYDy0tX
z*m7M@qn3vb=IIrTv?j~4L*Kw)jk(#ZD2fxx&AlCBr_;evkbMd10)jLjM>gdJr4O-A
zr+CF2I%c|7N}ai~T;uRT_u2R_9OS=Q0KgOghDxbXQ(tWZLpR>s+{CjFU46V#3ghOo
pDNQ#5S=NDHYW*9Km(sjT?su{|kYI`w*9!mu002ovPDHLkV1hADWwQVP

literal 0
HcmV?d00001

diff --git a/static/tabs/home-active.png b/static/tabs/home-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2abb1700195b82d2122f59fbb26144de9026e48
GIT binary patch
literal 1041
zcmV+s1n&EZP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000BVNkl<ZcmeF0
zJ7^S96o#XaMhhQ^1U11F7B+^cU?UhUM1%+ymOj9DBLub4!lcl~6bXW&;saA!D5j90
z(P%&eDg+B{6k?)Cu(3)duHQeIqc^*EcW393O=QFQ=iE8>+;jhb=43NFSy(sEe`*4%
zeFJNE;J>~Dxm<2rE|*)MrO3=$2;%1;J_J56zJSlfQWpT(72qyxF9NepV)wvG3#8>!
z6#&8Q5E}poLB8!L@PwS5_|z;l0T4R{t7l*%Fl%M74w!9VFhK4Zd@7b$0A!Yco3QBx
zW}^$Hf8;-D$i!n{c9}J5sihW(>k|op#8x&Q1V?~b4}^8)?L6?rb~Dgj!Ud+5dO?jH
z!CA~hYyoV1l0ApPCSbM~q8)aU@0q(oY%?%ZOAS)%v;`{l6$@aqMc_IcT?J<E87za~
zLwrdi=N$=)f!k8u)Kp6;&Qx@(NC2B`q4Y~|44Cynss;SCKsitD6i`dKcS|kxiapep
z<x2dWk1T+~B0a)Nw`DpYa)4MYV{H!$cL6iC)G&LwzbiK9^<@Q6tRARk1S_JJX$=Wj
zES9H+{%)*gvD;F;?0E;&6EA5c1yDd&`!yAG^>Kk&%ZvtRDI5^-1*oMiIpq#9egg-!
zEknN*6~ID~e#<h6zy<c1jbgV<P@%+u+UJ@62+Ud-jKJjt-fLa~EKs`$`HLp<0~wr8
zdTL&S(+y9&u0Q~Z`$*K)#|73G9IJD1Ngsuq%PU}1Ab{vEV0M<<8n%puX3w+tadvY*
zYJYG(!wLkj=m8ncpn-8WzN!WXeblakL^ES?WBAVs1ZaxHG2rV(P0u>u@*Rx%Huehe
zCC=4YO+fyg;gg~fv=u>Pety#PRPO+!A3<mwJTHRrFo)@MEHwcT>x5D}C}-_qZn?Zj
z^Qj47x5L1!i-AGHG?phEn422};vUizuqGri#7ADIgRXEa5qeLgG|SaE5z-Wph)CSU
zH34z2Tw3e0xC6`6A{V7j76MjB**LA7ECl>6K`!x|xcu5#2>6!2iF2+m@6KuRVHN^P
zy&sxNPI+d9r~<x*%k+?@cl`wj=j95%H7OWEZ{>oa9w&TYvJJ>=PmPNrs(@Qg1^u_h
z2TOTs1CMvVU;An(X3N|?Emq(o3DBbeEBiq?yG^e9MSMm+bN318kpfrJ`pI>lor)$$
z5}?%-+=Fid`Y((RP2@~Jq>)t2$Puvy=6y93QyuL^N_mScK&9Ax0_b7Qhsf`Ys4)qA
zH57|nN1Q4WpapXcH38MWBlG?a`~d&}|NjzOEI0rF00v1!K~w_(hp<d=4|{6K00000
LNkvXXu0mjf6UM@J

literal 0
HcmV?d00001

diff --git a/static/tabs/home.png b/static/tabs/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..2dc56d52f6e789c6b953b2d775623461f9978c24
GIT binary patch
literal 1167
zcmV;A1aSL_P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000C;Nkl<ZcmeE~
zJ4{qT6oz?8p@okaV|+ym3meS3z(Oz)EsQbI#KICaQBfNcqc&Oqg*H+^Of+bG1WF5y
z6ox2@5_EYiuR<G5R5ZreSWyrje&_C;&2aB5dw1_$7R-`!?#!GsGw1(j&b`cRQNc3*
z%M-};2IhC*zutl2;o*I;SZr4|NoFmD1_uYP&CJa7%+Ah!q~4G%5`hyK8X8(ZFfi~K
zz&B7OjgV;X>+9Q~3_+EF5&-=Exw*Nn!otFn27q;?rKK;U(da>gFJn_+1OR^#@UKC#
z2epKDsHmuDr`3o*%8HANyV#*C@uvT$Zvp^c4WRpgZPnn6R#a3JR#sMyhQr~{QpfiK
zwS*nIB`GyBGP1@p_;~mt0QkMUq}>2IqhV+Pa7b%gRcwdpchPFZA9d5y({KCx`wzsM
znLRTm0Qd{6dM}{DDl}w{0rZk;JInI&^4p|Txn?h;-OXH=HCtNMv<VPwCEMQy_&Zvp
z@sg5~wUJ2VnPxLqNvRm5SK&;g6mvB*XZzULnAmZ7m$V1~KEf)$WBPhjNe8RGI}{52
zRfbe0J2A<a!}Qa4t8Qv)>OC>`V)rbb3GkxUvr<u3FOf1txdf0Clo<(QTS%cp+Tb!`
z^b$*dS2VY~nvwu3vV!ex19+P@e4Icb0ifA3s*+M&to(KcCsK-7t;BtVuE4&aEJ%QJ
zOqi7UzznXGkxwM{K%}Oo<{OJ4DRom#$O4_BJ_v~jWl~8>fNiV?{1B_5r_2`uWt=ie
zQP>XVzE1TMY6&EEqftnlw+x1dk$@p()X)i4$zu82IX5KkvY_{zc4@l^!1g$fc_~9X
zSCRltCY*(Yj?2R2B0$G!%fkcaSJ_rOWiTwV5c?b<6Q5enQGaO96Bhx#3QzeLzk{><
zMqbqBdA)PcfJ6(6x=AnzHYWrZ0qIa(UH!GHs>+p%;>(5dkMEaYGQ~C$Fm+t2wmbpn
z&hVw!%4fLNq~de-_uCG12LSz?7w$Wt-k4N;(g$B)5*Pt4CXJvvf~JxqcHdO}Joy77
z!0Mh>5jlc1DaF<(btzFx^uCtC$0JArTWlOXTx=SZ@*QuIx|H~P&;kgkzS8uiff4Y9
z!pGn|0UwJO$k4!cfP-IwD5%z<iza~);Kh`eQ-E)l$6{$<1T?_2THRUo{Y#v4!fX)u
z=?tQ^<?^mI{a3R=V4>fKCjCR6KZ7R%yqrJmVYPA$FsbdA!gXsBqpdN!EHKR>HvF}y
zd=OMjX(m;#1Rkgv_#vvnq{<K3SE}wTdC@zR%`}JDl%IJLF_q0!dLkf40S0%XspKKo
z(8NXD*_oTw6Z>4`bUE9dc1)+;)%HX{Msb!o%BpOmzTc$cqfh)mM~7r0z~sJ-f1!Df
z;`bz;3CL`$?gSuvOe#L<<3;7ZZJI-D>C7Xs(jp)OmYU`X<a$Sz{SN#C00960iL;;-
h00006Nkl<Z0|3VI&~Sn|$teH;002ovPDHLkV1n&EB~AbU

literal 0
HcmV?d00001

diff --git a/static/tabs/mine-active.png b/static/tabs/mine-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0fab65d3cc4497eae658df6c6e07b4f9682ecc4
GIT binary patch
literal 1260
zcmV<I1QYv-P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000D`Nkl<ZcmeF0
zPpDN@6vp>!q78!JjrvDAC<MU*NeT)SY!WyUqd{m+0x5_R!Dcm45-W&jV3WdVU^cVS
zL(xG*e?T$QQBh<OK`22WIC=hlkF|aG={@J2z0dJJ1Rwi5Ywdm3`qujPx%b@r&b=qy
z;eU4pjJtqyb93v!Ht=RZf8Ds)zH5VB0UBKa-Uolu)H(1a_#mKv&U3(+6|4_31`$A0
z&(h5a@D_Lo<narRz|0TN8FM0X<`?@MdJCYDjWl5Mioi{ub9fOvGBq{zn9v8Vc@8%j
zs|a(QSEH8znty=Gr$By5?4jZ9;27|w#Hp0@fot1SN_&9AoKwN!yb8SpQ1LKu{Ka7d
zO&-Lyj)>VnkU5x?IrNKBEr6YSm1<jnV}{0l)ainVor%~j!4=aoQ!Rip3c#cb9C9<b
zorgK*nvl8li%=zi9a~Qofl2QE|2ie$Dwv}P)7A&4ei5n!P$4&uo4f;QYcQHS%GsH#
zR>0#?;SxJJdY_NwZYFXsMRewjX*W|V;K88(Icy)3IWlJvSFHf={}%eeLr-Lm%vnTN
zD<FSJJyBF`d~oK-oa3V!R{IKgvVpf`Ide=@K)&p&xc#jz>2@?Wa#zJ#=8S1KQ+ow|
z8lit-#4mM6b4NKl^Hd4o_V+6ljswSTcCz>l7&*Ho0LOz9w`^1ih!UTK^(B-WiKR})
z9CHoMT>3>Q5U`k+9s8P<W5D56==^<#-8WVN=K3{TF8yLu3$PL*{3k_M9Hucb?PMG{
zKMnl)EapRQ;+S76IrI`>AsU#%<}2aOo}|ec@CxuQCG`E`c9K|QFv*=aSHBv)1y~so
zUWr5czz?R^u%Ck80{X6bj-_-ca`by)5CL{TL$70ZfNwz4@Z64wZHg&cA54H%Y3vAi
z4u381s`vy#=&$u0IKsKX#-IXnS2TGM_!|EZEA%hs^F!Jy0lYa^f{g=XWsR`T0%&#(
zI0$@<a+PA*A#qi1V2w5KcN(1pK>9XpXMi6*y&p!w(=_C^#+j(u6nA5NNdXXjMf5&!
zFSrIi18;y$14B-^tzoTwQJXT&qg4O|?#R|i{~f!DH|0+75jZ_C<lJcuU@c7A8a?Qb
zMWX-`?<3;?a9p6-)!<tvw-eR?e#tu>bq+)?F<opL1rX-F`zfq%Sbf}yj%`%)F}*!B
z)^8K=3<Qo@cI39)!zFJ5HUH&Yeq@t-VQKMb6Yz9|{vCEX%s){y_Y%_u(<Z<lBaFP_
zVVUq>)XlxbbiuR<$Zw+Je-{_%dwaQd?&TK3HUZy7^uuA7!{pkzms@&h6L2=7H**{N
zIQ)s3sJS@`=3ZjDU>XH*7nmjNC~)k8@Ohm{AZqQ3T1TUom@YPr0t_SZC2e39;{6~$
zNsHw%rgBMcu%C1{50m_TZM27U^Ixlg2=)i+Kf>ROJxh@*z#r&_gm*h%D%PM(vZl55
z8?mGSuEKfnC=8hxH{G97@_W*dkTb>KUTcE$F>f?W3dos|y@&536F*d5#(#HU$SL=9
z)PjEL(OH005MKu0gD=2414B-^FI%fCiUf2eon+i~00030|LPL%pa1{>21!IgR09Bn
Whb(`|s6Ye&0000<MNUMnLSTZE5JIW|

literal 0
HcmV?d00001

diff --git a/static/tabs/mine.png b/static/tabs/mine.png
new file mode 100644
index 0000000000000000000000000000000000000000..53dfbf30c6d8d9ddd988c22c075da6f14daa1f54
GIT binary patch
literal 1418
zcmV;51$Fv~P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000F)Nkl<ZcmeF0
zO=ule6vrnYBz7SPB@4f>Stx?gNM4?4LWMl28=<Sx;6kk36pDhFAk>|1S}fIqq(a<S
zT3pn)t7H)>uZv*5Emh-6iSz>zf<Z78nlFF<;auM&dGp@Po#`urkNeL#_ug~=|8wrl
zo0&Ih4*uhx{|l&g0H>#?_s`GIADx?<dsmRJv1+kd$8tLY<KyG)B>VB~?ChPEmX@1a
zTU%d|+$Vy3jcHCXie)^PmP-Nb@WGCbj%#Ez)YR1UB-XWGa0E;c*xZm}wI;~nleqwP
zbbvgR{6VbRWfC21YioPDSS&tU1oAb;<Yl0y*lV^{eQ#tcfL(kX<ua#8J2t?+N5XIP
z^z@8%b#>j*m>^$cnp2F%uv$|#4h?xBQvoC~Dpl-V@DiVM>eqr|6btSu4jXdF_kni-
zd?8ODco?XSkl37@B(T^Ki#=>y)=g);3qVE%V1mWf)m4{_`iWp`7A@FuSvR@yDqvw@
zp}?22AQ|jPsZ{z~ei~?v)@lv5AWr#d;Z?xK#zvUD#1PjNNN#FG*G4(h5P22Q+}!+}
ziQFy}3jbc`Z7i{|wYRk(!l`azcoo2v;|Wvv$!r!Aazr>&ad{Phg0BC;=H})sex?@T
z2szV|`4$k~q<FsRN-MZCKEe@l?wqgJ_bPzH?ZjTJCy-!1<cM%4SW*e`Du7)JPaQ<}
z&CJYnR_M}sS}P8%a-8zhz^ed6e{dpPJzjNwS{q#(<xIolRR9lWzanxKs15r(klC7H
z5rC`4iJPu@6(9+A?{itu$(6(<LN{5nHR0(O;YzkR5|yHW$SPcJLf>G<fPSb9r+FY#
zEO%j7^q6spDmA<dkP^@LgR%k%jq(F!lrQF9^{YX1iczeak8-%NG&WNK5+Z>nY<MKF
zCrIvFk{n@|-<+D7+9$}@nC27%)W&SBd~akfK*}VdBXL1KN$TeI7WRwQ*48CKK64t=
z9By#I*2vF<TnbPIB=k1+7?=ccO>@UAHZCUBcy0wqmBcQAm$@muz^?143^A@Z6@wbn
z9Js_-ZY|dWTvpxP-9K|(*ExQkgwM;@n48bjdKIv=wDbsH%7Hu~PM^XO7r>qKd9Ehs
zNV>edynGL_a-I;UxTPU2xD&NR1wi^f&nn+@UhC$g7g>qOJ%R?LAuVYpSzosRcI9hG
zPeZl`+{eEN-oY>B32}mpaNY-d@J~w{zh<jh00i3YBVvH?H+H7P7xFmxlrQJ?JRweS
zTpH4nCOBd_;8t(31x!v(KFX4_Ky4B7PF_fTr_O_fG^B;bb)a_Ea*@9au?4iZx9d7y
zWW_zM;qq}C*EkAC!A%s4mJ9Cg7Fz(JeL!vEL0!W|9tV!XGN+S!W#e+$6<(`=1BzxB
zewTe1pnyM2H_XNSZKhTM?jIE^+g3EN!w;RmOwQ$E-HM4VfSq?=BCq!~6^Tq<s2#~=
z7g=lpL{0<!)8Z-FhXGC@ryb@}Er(hK+^_|QxGR2Ue#4Au9x_3fi*+j|wg9dI6NFs>
z`ptWi8_Fy48v$u?+MG14E0&9Ox0~1k6vmzQHCe+1yK)AEZ_;e6y73$pH#oy`Z5}2F
zcH|I_MgP<+K!NPUe(WuvBXNrU4R&Y+lyk<4xWOrDfm`^}#*J@v3*hkm$SynsnIjh4
zWBk!`Ql1bev_ZI0(v)^k=To-;w;r;O*4EbcuCK2j;Og)?FQz`s6XF!NG^FKp>)FHw
zh^W86|Ifa@z8N04zU=Mo{UA?>Q{2*!R#K!YASr1h<Ng5v0RR8cYL*EA000I_L_t&o
Y0JjM2e+s3XxBvhE07*qoM6N<$f)?tY<^TWy

literal 0
HcmV?d00001

diff --git a/store/index.js b/store/index.js
index 6eb7d4e..3ae962f 100644
--- a/store/index.js
+++ b/store/index.js
@@ -8,4 +8,6 @@ export function setupStore(app) {
 }
 
 export * from './modules/user'
+export * from './modules/menu'
+export * from './modules/large'
 export default pinia
diff --git a/store/modules/large.js b/store/modules/large.js
new file mode 100644
index 0000000..faa76dc
--- /dev/null
+++ b/store/modules/large.js
@@ -0,0 +1,25 @@
+import {
+	defineStore
+} from 'pinia'
+import {
+	ref,
+	computed
+} from 'vue'
+import {reqHJIndexData} from '@/api/hj.js'
+
+export const useLargeStore = defineStore('large', () => {
+	const hjIndexData = ref(null)
+	
+	/**
+	 * 获取焊接首页数据
+	 */
+	const fetchHJIndex = (projectId)=>{
+		reqHJIndexData(projectId).then(res=>{
+			hjIndexData.value = res.data
+		})
+	}
+	return {
+		hjIndexData,
+		fetchHJIndex
+	}
+})
diff --git a/store/modules/menu.js b/store/modules/menu.js
new file mode 100644
index 0000000..1391eb8
--- /dev/null
+++ b/store/modules/menu.js
@@ -0,0 +1,102 @@
+import {
+	defineStore
+} from 'pinia'
+import {
+	ref,
+	computed
+} from 'vue'
+import {pastelColors,defaultApps} from '@/utils/constant.js'
+import {reqMenuPowerList} from '@/api/auth.js'
+
+export const useMenuStore = defineStore('menu', () => {
+	// 应用列表（默认配置 + 持久化）
+	const appsList = ref([...defaultApps])
+	// 编辑时的临时缓存
+	const editCache = ref([])
+	// 菜单的权限列表（后端返回的有权限的菜单 code 数组）
+	const menuProwerList = ref([])
+
+	// 快捷应用列表（已选择的）
+	const quickApps = computed(() => appsList.value.filter(app => app.selected&&hasMenuPermission(app.menuId)))
+
+	// 业务查询列表（未选择的）
+	const queryApps = computed(() => appsList.value.filter(app => !app.selected&&hasMenuPermission(app.menuId)))
+
+	/**
+	 * 打开编辑弹窗（备份当前状态）
+	 */
+	const openEdit = () => {
+		editCache.value = appsList.value.filter(app => hasMenuPermission(app.menuId))
+	}
+
+	/**
+	 * 切换应用选择状态
+	 */
+	const toggleSelect = (item) => {
+		item.selected = !item.selected
+	}
+
+	/**
+	 * 确认编辑（保存更改）
+	 */
+	const confirmEdit = () => {
+		appsList.value = editCache.value.map(app => ({ ...app }))
+	}
+
+	/**
+	 * 请求菜单权限列表
+	 */
+	const fetchMenuPowerList = async (userId, projectId) => {
+		if (!userId || !projectId) return
+		try {
+			const res = await reqMenuPowerList(userId, projectId)
+			menuProwerList.value = res.data || []
+		} catch (err) {
+			console.error('获取菜单权限失败:', err)
+			menuProwerList.value = []
+		}
+	}
+
+	/**
+	 * 判断菜单是否有权限打开
+	 * @param {string} menuCode - 菜单编码/标识
+	 * @returns {boolean} 是否有权限
+	 */
+	const hasMenuPermission = (menuCode) => {
+		if (!menuCode) return true
+		return menuProwerList.value.includes(menuCode)
+	}
+
+	/**
+	 * 根据权限过滤快捷应用
+	 */
+	const quickAppsWithPermission = computed(() => {
+		if (menuProwerList.value.length === 0) return quickApps.value
+		return quickApps.value.filter(app => {
+			return hasMenuPermission(app.permissionCode)
+		})
+	})
+
+	return {
+		appsList,
+		editCache,
+		quickApps,
+		quickAppsWithPermission,
+		queryApps,
+		menuProwerList,
+		pastelColors,
+		openEdit,
+		toggleSelect,
+		confirmEdit,
+		fetchMenuPowerList,
+		hasMenuPermission
+	}
+}, {
+	persist: {
+		enabled: true,
+		strategies: [{
+			key: 'menu',
+			paths: [],
+		}]
+	},
+})
diff --git a/store/modules/user.js b/store/modules/user.js
index 2a29055..f6cb338 100644
--- a/store/modules/user.js
+++ b/store/modules/user.js
@@ -2,12 +2,13 @@ import {
 	defineStore
 } from 'pinia'
 import {
-	ref
+	ref,
+	watch
 } from 'vue'
 import {
 	reqLogin
 } from '@/api/auth.js'
-
+import  { useMenuStore, useLargeStore } from '@/store'
 export const useUserStore = defineStore('user', () => {
 	const token = ref("")
 	const userInfo = ref(null)
@@ -20,6 +21,20 @@ export const useUserStore = defineStore('user', () => {
 	const projectList = ref([])
 	const currentProject = ref(null)
 
+	// 监听 currentProject 变化，获取菜单权限
+	watch(() => currentProject.value?.ProjectId, (newId) => {
+		if (newId) {
+			// 项目变化 请求菜单权限
+			const menuStore = useMenuStore()
+			const userId = userInfo.value?.PersonId
+			menuStore.fetchMenuPowerList(userId, newId)
+			// 项目变化 请求焊接首页数据
+			const largeStore = useLargeStore()
+			largeStore.fetchHJIndex(newId)
+			
+		}
+	}, { immediate: true })
+
 
 	/**
 	 * 登出
@@ -27,11 +42,11 @@ export const useUserStore = defineStore('user', () => {
 	const logout = () => {
 		token.value = ""
 		userInfo.value = null
-		loginForm.value = {
-			account: '',
-			password: '',
-			Telephone: '',
-		}
+		// loginForm.value = {
+		// 	account: '',
+		// 	password: '',
+		// 	Telephone: '',
+		// }
 		currentProject.value = null
 	}
 
@@ -79,7 +94,8 @@ export const useUserStore = defineStore('user', () => {
 		projectList,
 		currentProject,
 		setProjectList,
-		setCurrentProject
+		setCurrentProject,
+		logout
 	}
 }, {
 	persist: {
diff --git a/utils/constant.js b/utils/constant.js
new file mode 100644
index 0000000..f12539d
--- /dev/null
+++ b/utils/constant.js
@@ -0,0 +1,49 @@
+// 淡雅配色方案（马卡龙色系）
+export const pastelColors = [
+	'#7eb6ff', // 淡蓝
+	'#ffb787', // 淡橙
+	'#8fd6a8', // 淡绿
+	'#b99bf8', // 淡紫
+	'#ff8fa3', // 淡粉
+	'#80deea', // 青色
+	'#ffd56b', // 淡黄
+]
+
+// 默认应用配置
+export const defaultApps = [{
+		name: '点口管理',
+		icon: 'diankouguanli',
+		menuId: '3ACE25CE-C5CE-4CEC-AD27-0D5CF1DF2F01',
+		path: "/pipe/diankou/list",
+		prefix: 'nbd-icon',
+		selected: true
+	},
+	{
+		name: '试压管理',
+		icon: 'shiyabao',
+		menuId: '55976B16-2C33-406E-B514-2FE42D031071',
+		prefix: 'nbd-icon',
+		selected: true
+	},
+	{
+		name: '包装管理',
+		icon: 'baozhuangguanli',
+		menuId: "25DED954-10C9-47CC-99F2-C44FDE9E0A81",
+		prefix: 'nbd-icon',
+		selected: true
+	},
+	{
+		name: '发货管理',
+		icon: 'a-facheguanli',
+		menuId: "EEC0D060-C15E-4D25-B015-C2B91F735DAC",
+		prefix: 'nbd-icon',
+		selected: true
+	},
+	{
+		name: '预制组件管理',
+		icon: 'yuzhijian',
+		menuId: "8255554C-0A92-4C7B-BF19-779AF0220A8C",
+		prefix: 'nbd-icon',
+		selected: true
+	}
+]
\ No newline at end of file