<template>
	<el-container>
		<el-header>
			<div class="right-panel">
				<el-date-picker
					v-model="query.time_gte"
					type="date"
					value-format="YYYY-MM-DD"
					placeholder="开始时间"
					style="width: 150px"
				/>
				<el-date-picker
					v-model="query.time_lte"
					type="date"
					value-format="YYYY-MM-DD"
					placeholder="结束时间"
					style="margin-left: 2px; width: 150px"
				/>
				<el-input v-model="query.number_contains" 
					placeholder="板号" 
					clearable 
					style="width: 200px;"
				></el-input>
				<el-button
					type="primary"
					icon="el-icon-search"
					@click="handleQuery"
				></el-button>
			</div>
		</el-header>
		<el-main class="nopadding">
			<scTable
				ref="table"
				:apiObj="apiObj"
				:params="params"
				:query="params"
				id="exportDiv"
				row-key="id"
				stripe
			>
				<el-table-column type="index" width="50"  fixed="left"/>
				<el-table-column label="日期" fixed="left" width="100">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_日期?scope.row.data.装炉压板出炉_日期:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="板号" prop="number" fixed="left">	
				</el-table-column>
				<el-table-column label="压前对边" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.排板_检测项_对边?scope.row.data.排板_检测项_对边:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="模具号" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装模_检测项_模具号?scope.row.data.装模_检测项_模具号:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="对模具人" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装模_操作人?scope.row.data.装模_操作人:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="丝高" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.排板_检测项_丝高?scope.row.data.排板_检测项_丝高:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="炉号" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_设备编号?scope.row.data.装炉压板出炉_设备编号:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="装炉人" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_装炉_操作人?scope.row.data.装炉压板出炉_装炉_操作人:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压板温度" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_操作项_温度?scope.row.data.装炉压板出炉_操作项_温度:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压力" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_操作项_压力?scope.row.data.装炉压板出炉_操作项_压力:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="下压刻度" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_操作项_刻度?scope.row.data.装炉压板出炉_操作项_刻度:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压板用时" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_操作项_压板用时?scope.row.data.装炉压板出炉_操作项_压板用时:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压板人" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_压板出炉_操作人?scope.row.data.装炉压板出炉_压板出炉_操作人:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压后上边" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.脱膜测量_检测项_对边上?scope.row.data.脱膜测量_检测项_对边上:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压后下边" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.脱膜测量_检测项_对边下?scope.row.data.脱膜测量_检测项_对边下:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="压后伸长" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.脱膜测量_检测项_伸长?scope.row.data.脱膜测量_检测项_伸长:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="日期" align="center" width="100">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_压板出炉_日期?scope.row.data.装炉压板出炉_压板出炉_日期:'' }}</span>
					</template>
				</el-table-column>
				<el-table-column label="备注" align="center">
					<template #default="scope">
						<span>{{ scope.row.data.装炉压板出炉_备注 }}</span>
					</template>
				</el-table-column>
			</scTable>
		</el-main>
	</el-container>
</template>

<script>
export default {
	name: "statistics_guan",
	data() {
		return {
			params: {
				ordering:'data__装炉压板出炉_批次号',
				querys:[[{field:"wm",value:false,compare:"isnull"},{field:"data__has_key",compare:"",value:"装炉压板出炉_批次号"}]],
			},
			query:{
				number_contains:'',
				time_gte:'',
				time_lte:'',
			},
			apiObj: this.$API.wpm.wpr.query,
			options:[],
			tableData:[],
		};
	},
	methods: {
		handleQuery(){
			let that = this;
			let querys = [[{field:"wm",value:false,compare:"isnull"},{field:"data__has_key",compare:"",value:"装炉压板出炉_批次号"}]];
			let obj = {},obj1 = {},obj2 = {},obj3 = {};
			obj.field = 'data__装炉压板出炉_批次号';
			obj.value = that.query.number_contains;
			obj.compare = '';

			obj1.field = 'data__装炉压板出炉_日期';
			obj1.value = that.query.time_gte;
			obj1.compare = 'gte';

			obj2.field = 'data__装炉压板出炉_日期';
			obj2.value = that.query.time_lte;
			obj2.compare = 'lte';
			if(that.query.number_contains!==''&&that.query.number_contains!==null){
				querys[0].push(obj);
			}
			if(that.query.time_gte!==''&&that.query.time_gte!==null){
				querys[0].push(obj1);
			}
			if(that.query.time_lte!==''&&that.query.time_lte!==null){
				querys[0].push(obj2);
			}
			that.params.querys = querys;
			this.$refs.table.queryData(that.params);
		},
		getCountQt(data,type){
			let count_qt = 0,count = 0;
		   
		}
	},
};
</script>

<style scoped>
</style>
