<template>
	<el-container>
		<el-header class="serveTitle">我的产品</el-header>
		<el-main class="serveMain">
			<div class="searchMain searchMainNoTop">
				<div class="searchItem">
					<div class="name">序列号</div> <el-input type="text" :size="size" placeholder="请输入序列号"></el-input>
				</div>
				<div class="searchItem searchBtn">
					<el-button :size="size" type="primary" icon="el-icon-search" @click="upSearch">查询</el-button>
				</div>
			</div>
			<div class="mainTable">
				<el-table height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
					<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>
				</el-table>
			</div>
		</el-main>
	</el-container>
</template>

<script>
export default {
	name: "product",
	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"},
					{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:{

	}
}
</script>

<style scoped>

</style>
