<template>
	<el-container>
		<el-header class="serveTitle">订单号信息查询</el-header>
		<el-main class="serveMain">
			<div class="searchMain searchMainNoTop">
				<div class="searchItem">
					<el-input class="textInput" type="text" placeholder="请输入序列号"></el-input>
				</div>
				<div class="searchItem searchBtn">
					<el-button type="primary" icon="el-icon-search" @click="upSearch">查询</el-button>
				</div>
			</div>
			<div class="mainTable">
				<scTable height="100%" ref="table" :data="list.data" :column="list.column" :size="size" hideDo>
					<el-table-column type="index" label="序号"></el-table-column>
					<template v-for="(item,index) in list.column" :key="index">
						<el-table-column :label="item.label" :prop="item.prop" :width="item.width" show-overflow-tooltip></el-table-column>
					</template>
				</scTable>
			</div>
		</el-main>
	</el-container>
</template>

<script>
export default {
	name: "",
	data(){
		return{
			size:'small',
			list:{
				data:[
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
				],
				column:[
					{label:'创建时间',prop:'created_at',width:160,show: true},
					{label:'序列号',prop:'number',width:300,show: true},
					{label:'部件名称',prop:'name',show: true},
				]
			}
		}
	},
	mounted() {

	},
	methods:{
		upSearch(){

		}
	}
}
</script>

<style scoped lang="scss">
.searchMainNoTop{margin: 0 auto 20px auto;}
.textInput{width: 480px;}
</style>
