<template>
	<section>
<!--		工具条-->
		<el-row class="toolbar" style="padding-bottom: 0px;">
			<el-form :inline="true"  ref="form" :model="form">
				<el-row>
					<el-col span="5">
						<el-form-item label="车牌号：">
							<el-input v-model="form.input" placeholder="" size="small"style="width: 120px"></el-input>
						</el-form-item>
					</el-col>
					<el-col span="5">
						<el-form-item label="挂靠名称:">
							<el-input v-model="form.input" placeholder="" size="small" style="width: 120px"></el-input>
						</el-form-item>
					</el-col>
					<el-col span="5">
						<el-form-item label="目的场站:">
							<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
								<el-option label="综保区货站" value="zongbaoqu"></el-option>
								<el-option label="三号货站" value="sanhao"></el-option>
								<el-option label="冷链货站" value="lenglian"></el-option>
								<el-option label="快邮货站" value="kuaiyou"></el-option>
								<el-option label="西货站" value="xi"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col span="5">
						<el-form-item label="卡 口:" style="margin-left: 10px">
							<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
							</el-select>
						</el-form-item>
					</el-col>
					<el-col span="2">
						<el-form-item>
							<el-button type="primary" @click="" size="small">查&nbsp;&nbsp;&nbsp;询</el-button>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
		</el-row>
<!--		列表-->
		<el-row>
			<el-table
					:data="tableData"
					border
					style="width: 100%">
				<el-table-column
						fixed
						prop="date"
						label="操作">
					<el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
				</el-table-column>
				<el-table-column
						prop="name"
						label="是否失效">
				</el-table-column>
				<el-table-column
						prop="province"
						label="车牌号"
						width="100">
				</el-table-column>
				<el-table-column
						prop="city"
						label="挂靠单位">
				</el-table-column>
				<el-table-column
						prop="zip"
						label="目的关区">
				</el-table-column>
				<el-table-column
						prop="name"
						label="卡口">
				</el-table-column>
				<el-table-column
						prop="province"
						label="地磅称重">
				</el-table-column>
				<el-table-column
						prop="city"
						label="总货重">
				</el-table-column>
				<el-table-column
						prop="address"
						label="进出差值">
				</el-table-column>
				<el-table-column
						prop="zip"
						label="备案车重">
				</el-table-column>
				<el-table-column
						prop="name"
						label="业务类型">
				</el-table-column>
				<el-table-column
						prop="province"
						label="货物类型">
				</el-table-column>
				<el-table-column
						prop="city"
						label="二维码编号"
						width="110">
				</el-table-column>
				<el-table-column
						prop="address"
						label="进出场站">
				</el-table-column>
				<el-table-column
						prop="zip"
						label="已进已出">
				</el-table-column>
				<el-table-column
						prop="zip"
						label="更新时间">
				</el-table-column>
				<el-table-column
						fixed="right"
						label="操作"
						width="150">
					<template slot-scope="scope">
						<el-button type="success" size="mini">修改</el-button>
						<el-button type="danger" size="mini">删除</el-button>
						<el-button type="warning" size="mini" style="margin-top: 2px;margin-left: 0px">审核</el-button>
						<el-button type="info" size="mini">异常</el-button>
					</template>
				</el-table-column>
			</el-table>
		</el-row>
		<!--		分页-->
		<div class="block">
			<el-pagination
					@size-change="handleSizeChange"
					@current-change="handleCurrentChange"
					:current-page="currentPage4"
					:page-sizes="[100, 200, 300, 400]"
					:page-size="100"
					layout="total, sizes, prev, pager, next, jumper"
					:total="400">
			</el-pagination>
		</div>
	</section>
</template>

<script>
	export default {
		data() {
			return {
				tableData:[
					{
						date: '',
						name: '未失效',
						province: '晋A5ES6',
						city: '河南诺畅',
						address: '4604',
						zip: '西货站'
					}
				],
				currentPage4: 4,
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				}
			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			},
			handleSizeChange(val) {
				console.log(`每页 ${val} 条`);
			},
			handleCurrentChange(val) {
				console.log(`当前页: ${val}`);
			}
		}
	}
</script>

<style scoped>


</style>