<template>
	<div>
		
	<!--  表格数据区域-->
	<el-table ref="multipleTable" :data="tableData" border stripe highlight-current-row style="width: 100%"
		:row-style="rowStyle" :cell-style="cellStyle" @selection-change="handleSelectionChange">
		<el-table-column type="selection" width="50"></el-table-column>
		<el-table-column label="序号" width="50px">
			<template slot-scope="scope">
				{{ scope.$index+1 }}
			</template>
		</el-table-column>
		<el-table-column :key="table.label" v-for="table in tableHeader" :label="table.label" :prop="table.prop" align="center"
			:width="table.width" :fixed="table.fixed" />
		<el-table-column label="操作" align="center" fixed="right">
			<!-- 操作按钮区域的作用域插槽 -->
			<template slot-scope="scope">
					<el-button type="success" size="mini" @click="readDialogVisible1(scope.row)">抽样单详情</el-button>
			</template>
		</el-table-column>
	</el-table>
	
	<!--    分页器区域-->
	<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
		:current-page="queryInfo.pageNum" :page-sizes="[10, 15, 20]" :page-size="queryInfo.pageSize"
		layout="total, sizes, prev, pager, next, jumper" :total="total" background />
		</div>
</template>

<script>
	const token = window.sessionStorage.getItem('token')
	export default {
		name: '',
		data() {
			return {
                cellStyle: {
					padding: 2 + 'px'
				},
				rowStyle: {
					height: 35 + 'px'
				},
				tableHeader: [{
						label: '样品名称',
						prop: '',
						width: 150
						// fixed: 'left'
					},
					{
						label: '样品编码',
						prop: '',
						width: 80
						// fixed: 'left'
					}, {
						label: '商标',
						prop: '',
						width: 150
						// fixed: 'left'
					},
					{
						label: '等级',
						prop: '',
						width: 120
					},
					{
						label: '抽样基数',
						prop: '',
						width: 120
					},
					{
						label: '抽样场所',
						prop: '',
						width: 120
					},
					{
						label: '状态',
						prop: '',
						width: 180
					}
				],
				// 数据表格数据
				tableData: []
			}
		},
		created() {
			
		},
		methods: {
			// 获取牵头单位
			getTaskById(){
				
			},
			// 获取抽样单列表
			getZLTaskSampleListByJcInfo(){
				
			}
			
		},
	}
</script>

<style>
</style>
