<template>
	<div class="content-main">
		<el-form label-width="80px">
			<el-row>
				<el-col :span="6">
					<el-form-item label="库点名称:">
						<el-input clearable placeholder="请输入"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="6">
					<el-form-item label="品种:">
						<el-input clearable placeholder="请输入"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="6">
					<el-form-item label="检测日期:">
						<el-date-picker
							type="daterange"
							range-separator="至"
							start-placeholder="开始日期"
							end-placeholder="结束日期"
						></el-date-picker>
					</el-form-item>
				</el-col>
				<el-col :span="6">
					<el-form-item label>
						<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="检验结果" prop="value7"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="检验员" prop="value8"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="检验日期" prop="value9"></el-table-column>
					<el-table-column align="center" show-overflow-tooltip label="操作">
						<template slot-scope="scope">
							<el-button type="text" size="small" class="iconfont" @click="centerDialogVisible = true">详情</el-button>
						</template>
					</el-table-column>
				</el-table>
			</el-row>
		</el-form>

		<el-dialog title="详情" :visible.sync="centerDialogVisible" width="50%">
			<el-form label-width="80px">
				<el-row>
					<el-col :span="12">
						<el-form-item label="库点名称:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="12">
						<el-form-item label="仓号:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="验收单号:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="12">
						<el-form-item label="品种:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="性质:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="12">
						<el-form-item label="生产年份:">
							<el-date-picker clearable type="date" placeholder="选择日期" v-model="value1"></el-date-picker>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-form-item>
						<el-table border>
							<el-table-column align="center" show-overflow-tooltip label="指标名称"></el-table-column>
							<el-table-column align="center" show-overflow-tooltip label="检验值"></el-table-column>
						</el-table>
					</el-form-item>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="检验结果:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="12">
						<el-form-item label="等级:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="备注:">
							<el-input type="textarea" :rows="2" clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="12">
						<el-form-item label="检验员:">
							<el-input clearable placeholder="请输入"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="12">
						<el-form-item label="检验日期:">
							<el-date-picker clearable type="date" placeholder="选择日期" v-model="value1"></el-date-picker>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
			<span slot="footer" class="dialog-footer">
				<el-button @click="centerDialogVisible = false">取 消</el-button>
			</span>
		</el-dialog>
	</div>
</template>
<script>
export default {
	name: "salesFood",
	data() {
		return {
			tableData: [
				{
					value1: "假值1",
					value2: "假值2",
					value3: "假值3",
					value4: "假值4",
					value5: "假值5",
					value6: "假值6",
					value7: "假值7",
					value8: "假值8",
					value9: "假值9"
				}
			],
			centerDialogVisible: false
		};
	},
	methods: {}
};
</script>
<style scoped lang="scss">
.el-col {
	.el-date-editor {
		width: auto;
	}
	.el-table {
		.iconfont {
			font-size: 13px;
		}
	}
}
</style>