优化检索

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;
+	}
+}

src/style/style.scss

@@ -7,3 +7,4 @@
 @import 'user.scss';
 @import 'docs.scss';
 @import "order.scss";
+@import "search.scss";

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;
 			}

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>