<template>
	<div class="content-main">
		<el-form label-width="80px">
			<el-row>
				<el-col :span="6">
					<el-form-item label="入仓时间:">
						<el-date-picker clearable type="date" placeholder="选择日期" v-model="value1"></el-date-picker>
					</el-form-item>
				</el-col>
				<el-col :span="6">
					<el-form-item label="货拉号:">
						<el-select clearable placeholder="请选择" v-model="value">
							<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="6">
					<el-form-item>
						<el-button type="primary" size="small" class="iconfont iconchaxun">&nbsp;查询</el-button>
					</el-form-item>
				</el-col>
			</el-row>
			<el-row>
				<el-table border :data="tableData">
					<el-table-column align="center" label="序号" width="80">
						<template slot-scope="scope">
							<span>{{scope.$index+1}}</span>
						</template>
					</el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="入仓时间" prop="value1"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="仓号" prop="value2"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="货拉号" prop="value3"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="粮食品种" prop="value4"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="等级" prop="value5"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="数量(吨)" prop="value6"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="操作">
						<template slot-scope="scope">
							<el-button type="text" size="small" class="iconfont">详情</el-button>
						</template>
					</el-table-column>
				</el-table>
			</el-row>
		</el-form>
	</div>
</template>
<script>
export default {
	name: "inventoryTable",
	data() {
		return {
			tableData: [
				{
					value1: "假值1",
					value2: "假值2",
					value3: "假值3",
					value4: "假值4",
					value5: "假值5",
					value6: "假值6",
					value7: "假值7",
					value8: "假值8",
					value9: "假值9"
				}
			]
		};
	},
	methods: {}
};
</script>
<style scoped lang="scss">
.el-col {
	.el-date-editor {
		width: auto;
	}
	.el-table {
		.iconfont {
			font-size: 13px;
		}
	}
}
</style>