<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 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>
							</template>
							<template #append>
								<el-button icon="el-icon-Search">搜索</el-button>
							</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>
