<template>
	<el-container class="searchBox">
		<el-header class="searchHeader">
			<div class="searchHeaderBack">
				<el-row style="width: 100%" :gutter="24" justify="center">
					<el-col :span="10" :lg="8" :sm="10">
						<el-input class="searchInput" type="text" size="large">
							<template #prepend>
								<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>
								<div class="searchBtn">
									<span class="name">搜索</span>
									<el-icon class="icon"><el-icon-Search/></el-icon>
								</div>
							</template>
						</el-input>
					</el-col>
				</el-row>
			</div>
		</el-header>
		<el-main>
			7889
		</el-main>
	</el-container>
</template>

<script>
export default {
	name: "",
	data(){
		return{

		}
	},
	mounted() {

	},
	methods:{

	}
}
</script>

<style scoped lang="scss">
	.searchHeader{
		padding: 0;
		margin: 0;
		height: 68px;
		background: url(https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/search_back.png) no-repeat;
		background-size: cover;
		position: relative;
	}
	.searchHeaderBack{
		height: 100%;width: 100%;
		padding: 0;
		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>
