From 9d6a38252c2c3664194d0f755d617d3c9fa33b06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E8=BF=90=E6=A8=A1?= <1724894114@qq.com>
Date: Thu, 17 Oct 2024 23:37:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A3=80=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style/search.scss                         | 25 +++++++++++++++++++
 src/style/style.scss                          |  1 +
 .../home/console/components/progress.vue      |  2 +-
 src/views/home/search/index.vue               | 24 +++++++++++++-----
 4 files changed, 45 insertions(+), 7 deletions(-)
 create mode 100644 src/style/search.scss

diff --git a/src/style/search.scss b/src/style/search.scss
new file mode 100644
index 0000000..c21b394
--- /dev/null
+++ b/src/style/search.scss
@@ -0,0 +1,25 @@
+.searchInput{
+	border-radius: 8px;
+	.el-input-group__append, .el-input-group__prepend{
+		background: var(--el-color-white);
+		padding: 0;
+		border: none;
+		box-shadow: none;
+		border-top-right-radius: 8px;
+		border-top-right-radius: 8px;
+	}
+	.el-input__wrapper{
+		border: none;
+		box-shadow: none;
+	}
+	.searchBtn{
+		background: var(--el-color-primary);
+		color: var(--el-color-white);
+		width: 110px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8px;
+		border: 0;
+	}
+}
diff --git a/src/style/style.scss b/src/style/style.scss
index 70945ee..97936bc 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -7,3 +7,4 @@
 @import 'user.scss';
 @import 'docs.scss';
 @import "order.scss";
+@import "search.scss";
diff --git a/src/views/home/console/components/progress.vue b/src/views/home/console/components/progress.vue
index 39eaa99..fa9628a 100644
--- a/src/views/home/console/components/progress.vue
+++ b/src/views/home/console/components/progress.vue
@@ -22,7 +22,7 @@ export default {
 			immediate:true,
 			handler(val){
 				let option = this.$TOOL.objCopy(this.option);
-				option.series[0].data[0].value = val.value==0?20:90;
+				option.series[0].data[0].value = val.value;
 				option.series[0].data[0].name = val.title;
 				this.option = option;
 			}
diff --git a/src/views/home/search/index.vue b/src/views/home/search/index.vue
index 0004375..80a24aa 100644
--- a/src/views/home/search/index.vue
+++ b/src/views/home/search/index.vue
@@ -4,15 +4,25 @@
 			<div class="searchHeaderBack">
 				<el-row style="width: 100%" :gutter="24" justify="center">
 					<el-col :span="10" :lg="8" :sm="10">
-						<el-input type="text" size="large">
+						<el-input class="searchInput" type="text" size="large">
 							<template #prepend>
-								<el-select style="width: 115px">
-									<el-option label="维保工单" value="1" ></el-option>
-									<el-option label="公司信息" value="2" ></el-option>
-								</el-select>
+								<el-dropdown>
+									<span class="el-dropdown-link">
+									  维保工单 <el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon>
+									</span>
+									<template #dropdown>
+										<el-dropdown-menu>
+											<el-dropdown-item command="a">维保工单</el-dropdown-item>
+											<el-dropdown-item command="b">维修工单</el-dropdown-item>
+										</el-dropdown-menu>
+									</template>
+								</el-dropdown>
 							</template>
 							<template #append>
-								<el-button icon="el-icon-Search">搜索</el-button>
+								<div class="searchBtn">
+									<span class="name">搜索</span>
+									<el-icon class="icon"><el-icon-Search/></el-icon>
+								</div>
 							</template>
 						</el-input>
 					</el-col>
@@ -57,5 +67,7 @@ export default {
 		background: rgba(231,243,255,0.4);
 		position: absolute;left: 0;top: 0;z-index: 10;
 		display: flex;align-items: center;justify-content: center;
+
+
 	}
 </style>