From cdc39ea09f63ef39b6b7207183110459bec03c0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Mon, 23 Oct 2023 10:39:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                     |  20 +++---
 package-lock.json           |   3 +-
 pages.json                  |  31 ++++-----
 pages/homepage/homepage.vue | 131 ++++++++++++++++++++++++++++++++++--
 static/sousuo.png           | Bin 0 -> 1229 bytes
 5 files changed, 151 insertions(+), 34 deletions(-)
 create mode 100644 static/sousuo.png

diff --git a/App.vue b/App.vue
index f40fb27..760453e 100644
--- a/App.vue
+++ b/App.vue
@@ -15,14 +15,14 @@
 	@import "uview-ui/index.scss";
 
 	/*每个页面公共css */
-	// page {
-	// 	background-color: #F4F5F7;
-	// }
+	page {
+		background-color: #F4F5F7;
+	}
 
-	// .app {
-	// 	width: 100%;
-	// 	height: 100%;
-	// 	text-align: justify;
-	// 	color: #000000;
-	// }
-</style>
+	.app {
+		width: 100%;
+		height: 100%;
+		text-align: justify;
+		color: #000000;
+	}
+</style>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 46cc286..72d5d66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,8 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "uview-ui": "^1.8.8"
-      },
-      "devDependencies": {}
+      }
     },
     "node_modules/uview-ui": {
       "version": "1.8.8",
diff --git a/pages.json b/pages.json
index 48983eb..df56d40 100644
--- a/pages.json
+++ b/pages.json
@@ -3,22 +3,20 @@
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		{
-				"path": "pages/index/index",
-				"style": {
-					"navigationBarTitleText": "",
-					"enablePullDownRefresh": false,
-					"navigationStyle": "custom"
-				}
-			},
-
 		{
 			"path": "pages/homepage/homepage",
+			"style": {
+				"enablePullDownRefresh": false,
+				"navigationBarTitleText": "工单"
+			}
+		}, {
+			"path": "pages/index/index",
 			"style": {
 				"enablePullDownRefresh": false,
 				"navigationStyle": "custom"
 			}
-		}, 
+		},
+
 		// {
 		// 	"path": "pages/login/login",
 		// 	"style": {
@@ -31,24 +29,22 @@
 			"path": "pages/myinformation/myinformation",
 			"style": {
 				"navigationBarTitleText": "我的",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#4ac4ab"
-
+				"enablePullDownRefresh": false
 				// "navigationStyle": "custom"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
+		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "",
-		"navigationBarBackgroundColor": "#F8F8F8",
+		"navigationBarBackgroundColor": "#18CBB3",
 		"backgroundColor": "#F8F8F8"
 	},
 	"uniIdRouter": {},
 	"tabBar": {
 		"color": "#7A7E83",
 		"selectedColor": "#435950",
-		"borderStyle": "black",
+		"borderStyle": "white",
 		"backgroundColor": "#ffffff",
 		"list": [{
 				"pagePath": "pages/homepage/homepage",
@@ -56,7 +52,6 @@
 				"selectedIconPath": "static/homepage.png",
 				"text": "首页"
 			},
-
 			{
 				"pagePath": "pages/myinformation/myinformation",
 				"iconPath": "static/myinformation.png",
@@ -65,4 +60,4 @@
 			}
 		]
 	}
-}
+}
\ No newline at end of file
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index 7cadeb5..5ae8826 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -1,7 +1,16 @@
 <template>
 	<view class="app">
-		<view class="content">
-			111
+		<u-tabs :list="tabslist" :is-scroll="false" :current="tabscurrent" @change="tabschange" inactive-color='#fff'
+			active-color='#fff'></u-tabs>
+		<view class="top">
+			<u-dropdown active-color='#26A888'>
+				<u-dropdown-item v-model="optionindex" :title="optionname" :options="options"
+					@change='dropitemchange'></u-dropdown-item>
+			</u-dropdown>
+			<view class="inputs">
+				<!-- <i class="icon"></i> -->
+				<!-- <input type="text" name="" id="" class="input" placeholder="搜索" v-model="query.label"> -->
+			</view>
 		</view>
 	</view>
 </template>
@@ -10,16 +19,130 @@
 	export default {
 		data() {
 			return {
+				tabslist: [{
+					name: '全部工单'
+				}, {
+					name: '我的工单'
+				}, {
+					name: '已完成工单',
+				}],
+				tabscurrent: 0,
+				optionindex: 1,
+				optionname: '待处理',
+				options: [{
+					label: '待处理',
+					value: 1,
+				}, {
+					label: '已完成',
+					value: 2,
+				}],
+				query: {
+					label: '',
+				}
 			}
 		},
 		onLoad() {
-	
+
 		},
 		methods: {
-	
+			tabschange(index) {
+				this.tabscurrent = index;
+			},
+			dropitemchange(e) {
+				this.optionname = this.options.find(m => m.value === e).label
+				console.log(e)
+			},
 		}
 	}
 </script>
 
 <style lang="scss">
+	.app {
+		width: 100%;
+		// margin: 20rpx auto;
+		padding: 0 0 100rpx 0;
+		background-color: #fff;
+		font-size: 24rpx;
+
+		::v-deep .u-tabs {
+			background-color: #18CBB3 !important;
+		}
+
+		.top {
+			width: 90%;
+			margin: 0 auto;
+			display: flex;
+			height: 84rpx;
+			justify-content: space-around;
+
+			.inputs {
+				background-color: #fff;
+				width: 65%;
+				// height: 60rpx;
+				// border: 1px solid #F6F6F6;
+				height: 0rpx;
+				border-radius: 5rpx;
+				background-color: #ffffff;
+				z-index: 999;
+				position: relative;
+				top: 50%;
+				transform: translateY(-50%);
+				background: #F6F6F6;
+				border-radius: 38rpx;
+
+				.input {
+					margin: 0 auto;
+					position: absolute;
+					height: 60rpx;
+					// top: 8%;
+					left: 13%;
+					width: 80%;
+					font-size: 26rpx;
+					color: #000000;
+				}
+
+				.icon {
+					background: url(@/static/sousuo.png) no-repeat;
+					width: 30rpx;
+					height: 28rpx;
+					background-size: cover;
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: 3%;
+				}
+			}
+
+			::v-deep .u-flex {
+				width: 100% !important;
+			}
+
+			::v-deep .u-dropdown__content {
+				overflow-y: scroll !important;
+				height: 500rpx;
+
+				.u-flex {
+					width: 0 !important;
+				}
+			}
+
+			::v-deep .u-dropdown__content__mask {
+				background: none !important;
+			}
+
+			::v-deep .u-dropdown__menu__item {
+				width: 100% !important;
+			}
+
+			::v-deep .u-cell__value {
+				flex: 0;
+			}
+
+			::v-deep .u-dropdown {
+				:v-deep .u-dropdown__menu {}
+			}
+
+			::v-deep .u-cell-box {}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/static/sousuo.png b/static/sousuo.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe3d92b9c0c0f649cb67dcb7f092ba69c8c5b196
GIT binary patch
literal 1229
zcmeAS@N?(olHy`uVBq!ia0vp^CO~Y)!3-q#=XqUXU|_5b@Ck7Ra!<Uyee%WK)6ee%
z(J3T!63Bjb4=8x%{}~V)gdUuHasTAYdnca(+4q3x%(J^^UfhN20x5p>45;hWi~B%y
z2B`SOgEQ~$?!SNk{QdhUpWKC+b05e!0aEke^o#q)9zTYf0JaXu2AgveV$1304^9EC
z14_NPfBNZz<If%dopB08f~)}9@)WE9<evLyUOqbg{N9n*H=qWB4M$iCbl7vCIY8%u
z4FP-V#FN`V#V3HCdI>V~%xj<@A3%ZvXcR;*kO8s_q#nosdH?iFkaa+G8fYfOF<@Ds
z%G1y8gIx|J@1A@HGzy47x`2vLLR=0t>VEypO)9_$s4EHb3ufT+>D+hc%ZHm=YaCeT
zzIoiIAFyYQjqclL@1}Fbtjjl7<mV7jE8qU(fkktKbmpbBg;zR6mX%EMNcA_={2jEs
zvchQMnU~7Fy!R6Fgc_c1Y7J|d^?JuYnUms{Hzb`d9?Ch9Xm<Y8lqDIicmKrh-ngPC
zq+r7_lj`g(N9M1d9ez%;d-E*@2Bt<&7sn8f<8!C|bQW?HIqt5<KTUzvsrQac<U}sd
zh0Sk_47nE`R_^vWwQ18~zTLO?@BMyHr+VXQzP<DJz5nq>$2kA~ff;9i)%<fXSkm;B
zpNFqi^;z!26NXolF5W2QPpNPz-B7WJdy<R^m;aKW#ck$h?~cv6qUCmZx!RM<mr~NS
z4CjVc<fuJAbLLZt!hA#b^K)#EKW0@=>kB&i@SIO${@H+ZHQ&z9eeVtSJDi+k8+R<@
zMbqu`x&oyarS`NKKHc>D*t5=6Gn{L8xQ7?5>DE;eF>zm)bmaK1Tc&Gv=KV0gu>Yh@
z4(IA;rQ+4kr->h)CfK!gFIQEie@AHH<}jbzwYO(KyuJ0*)+_wK`WTKV1<ZJA)VTVd
zXrtN&#)|#d9r`*9de%B>zMo~aqD?~NdOuh6|9KK6@?P>2syMVX*%I%so7{Bv_6?Ed
z8iw47O_`!qDr~vTUv}_n`X5=K=HT!7@WRBS3V&9WdAK^Z9$g^B=NM$YU|y$Va=<I~
zR#{QO=CXxbTvw^yc+!(9QtNl(ho!A}<A;yNv+5YD{8(-^ADTXE*+R8~pdY*|Z_hIB
zGryso&tbiLMfKJ`#}_HTBfdtJs~4^`mpk(;TH}^6D__Xp6}$J%$=d08|6=L&-pYPa
zQ*Vz&+AH34d3?FTzfHq8t@LiHhU(AU9~b48pLUD2E=jW6`u_C{Tj6E@rC&W?X1npn
z(H&1$e@j_<LfHHAv5B7X(#$qdc16pUc>HcWSdv`7_3PSSwyRjDG+kqwyT9ACensCl
zgVvj~K1cP)zAIDuS~hvt+M^MAVJ3{y(VLg)6)aEi=Ig6F_WEo5e((B}?6%;#YqJZz
u3iu*dhV%;rHpVH2{g^$qy6xZXe~d~$l{;ozrP=|r1%s!npUXO@geCyx1l92X

literal 0
HcmV?d00001