lims-before.git

			@@ -1,1075 +1,936 @@
			<template>
			<div>
			<template v-if="!showDetail">
			<div class="content-main">
			<div class="top-bar">
			<el-form ref="form" :inline="true" :model="searchData">
			<el-form-item label="申请单号:">
			<el-input
			v-model="searchData.applicationnumber"
			class="input-form"
			placeholder="请输入申请单号"
			style="width: 200px; margin-right: 20px;"
			>
			<i slot="prefix" class="el-input__icon el-icon-search" />
			</el-input>
			</el-form-item>
			<el-form-item label="检验类型:">
			<el-select v-model="searchData.type" placeholder="全部" style="width: 100px;margin-right: 20px;">
			<el-option
			v-for="item in typeoptions"
			:key="item.value"
			:label="item.label"
			:value="item.value">
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="检验结果:" style="margin-right: 20px;">
			<el-select v-model="searchData.state" placeholder="全部" style="width: 100px;margin-right: 20px;">
			<el-option
			v-for="item in stateoptions"
			:key="item.value"
			:label="item.label"
			:value="item.value">
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item>
			<el-button type="primary" @click="searchInspections">查询</el-button>
			<el-button type="primary" plain @click="reset">重置</el-button>
			</el-form-item>
			</el-form>
			<el-form class="rightBtn">
			<el-form-item class="createBtn">
			<el-button type="primary" icon="el-icon-document-add" @click="checkTypeVisible = true" style="background-color: rgb(1, 102, 226);">新增检验单</el-button>
			</el-form-item>
			<el-form-item class="getDataBtn">
			<el-button type="primary" icon="el-icon-download" style="background-color: rgb(1, 102, 226);">导出检验单</el-button>
			</el-form-item>
			</el-form>
			</div>
			<div class="library-table">
			<div class="table-header">
			<div class="search-bar">
			<el-radio-group v-model="radioValue">
			<el-radio-button label="全部" />
			<el-radio-button label="待提交" />
			<el-radio-button label="已提交" />
			<el-radio-button label="已作废" />
			</el-radio-group>
			</div>
			</div>
			<div class="table-box">
			<el-table
			ref="inspectionTable"
			:max-height="800"
			:cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="inspectionTable"
			style="width: 100%"
			>
			<el-table-column
			type="selection"
			min-width="30px"
			/>
			<el-table-column
			prop="icode"
			label="申请单号"
			min-width="100px"
			/>
			<el-table-column
			prop="type"
			label="检验类型"
			min-width="80px">
			<template slot-scope="scope">
			<div v-if="scope.row.type === 0" ><span >原材料检验</span></div>
			<div v-if="scope.row.type === 1" ><span>委托检验</span></div>
			<div v-if="scope.row.type === 2" ><span>成品检验</span></div>
			</template>
			</el-table-column>
			<el-table-column
			prop="formTime"
			label="来料日期"
			min-width="100px"
			/>
			<el-table-column
			prop="supplier"
			label="供应商名称"
			min-width="150px"
			/>
			<el-table-column
			prop="mcode"
			label="原材料编码"
			min-width="150px"
			/>
			<el-table-column
			prop="name"
			label="原材料名称"
			min-width="80px"
			/>
			<el-table-column
			prop="specifications"
			label="规格型号"
			min-width="160px"
			/>
			<el-table-column
			prop="unit"
			label="单位"
			min-width="50px"
			/>
			<el-table-column
			prop="num"
			label="数量"
			min-width="50px"
			/>
			<el-table-column
			prop="createTime"
			label="登记日期"
			min-width="80px"
			/>
			<el-table-column
			prop="userName"
			label="登记人"
			min-width="80px"
			/>
			<el-table-column
			prop="inspection_status"
			label="检验结果"
			min-width="80px">
			<template slot-scope="scope">
			<el-tag class="tag" :type="scope.row.inspection_status === 0 ? 'danger' : 'success'"
			disable-transitions
			>{{ scope.row.inspection_status === 0 ? '不合格' : '合格' }}</el-tag>
			</template>
			</el-table-column>
			<el-table-column
			prop="checkdate"
			label="检验日期"
			min-width="150px"
			/>
			<el-table-column
			label="操作"
			min-width="150"
			fixed="right"
			>
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="handleClick(scope.row)">查看</el-button>
			<!-- <el-button type="text" size="small" >提交</el-button> -->
			<el-button type="text" size="small" >作废</el-button>
			</template>
			</el-table-column>
			</el-table>
			<!-- 分页器 -->
			<div>
			<el-pagination
			class="pagination"
			:current-page="currentPage"
			:page-sizes="[ 10, 20, 30,40]"
			:page-size="pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="total"
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			/>
			</div>
			</div>
			</div>
			<!-- 对话框 -->
			<div class="checkType">
			<el-dialog
			title="新增检验单"
			:visible.sync="checkTypeVisible"
			width="50%"
			top="10vh"
			>
			<div class="check-box">
			<el-radio-group v-model="type" @click.native="handleRadioChange">
			<el-radio :style="`background-color: ${type==0?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="0" border>原材料检验</el-radio>
			<el-radio :style="`background-color: ${type==1?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="1" border>委托检验</el-radio>
			<el-radio :style="`background-color: ${type==2?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="2" border>成品检验</el-radio>
			</el-radio-group>
			</div>
			<div v-if="type === 0">
			<el-form :model="infoForm" ref="infoForm" class="checkTypeForm" label-position="top" label-width="200px" size="medium">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="来料日期：">
			<!-- <el-input style="width: 300px" type="text" :value="infoForm.startTime" placeholder="请输入来料日期" autocomplete="off" /> -->
			<el-date-picker style="width: 300px"
			v-model="infoForm.startTime" type="date" placeholder="选择日期"> </el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="供应商名称：">
			<el-input style="width: 300px" type="text" :value="infoForm.supplier" placeholder="请输入供应商名称" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="原材料编码：">
			<el-input style="width: 300px" type="text" :value="infoForm.mcode" placeholder="请输入原材料编码" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="原材料名称：">
			<el-input style="width: 300px" type="text" :value="infoForm.name" placeholder="请输入原材料名称" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" :value="infoForm.specifications" placeholder="请输入规格型号" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="单位：">
			<el-input style="width: 300px" type="text" :value="infoForm.unit" placeholder="请输入单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="数量：">
			<el-input style="width: 300px" type="text" :value="infoForm.num" placeholder="请输入数量" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验时间：">
			<el-date-picker
			v-model="infoForm.endTime"
			type="daterange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期"
			style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<div v-if="type === 1">
			<el-form :model="commisionSelection" ref="commisionSelection" class="checkTypeForm" label-position="top" label-width="200px" size="mini">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="委托编号">
			<el-input style="width: 300px" type="text" :value="commisionSelection.entrust_coding" placeholder="请输入来料日期" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="委托单位">
			<el-input style="width: 300px" type="text" :value="commisionSelection.supplier" placeholder="请输入委托单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="样品编号">
			<el-input style="width: 300px" type="text" :value="commisionSelection.mcode" placeholder="请输入样品编号" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="样品名称">
			<el-input style="width: 300px" type="text" :value="commisionSelection.name" placeholder="请输入样品名称" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" :value="commisionSelection.specifications" placeholder="请输入型号规格" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="送达时间">
			<el-input style="width: 300px" type="text" :value="commisionSelection.supplier" placeholder="请输入单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="完成期限">
			<el-input style="width: 300px" type="text" :value="commisionSelection.completionDeadline" placeholder="请输入数量" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验日期：">
			<el-date-picker
			v-model="commisionSelection.checkdate"
			type="daterange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期"
			style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<div v-if="type === 2">
			<el-form :model="finishedTable" ref="finishedTable" class="checkTypeForm" label-position="top" label-width="200px" size="mini">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="来料日期：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.deliverydate" placeholder="请输入来料日期" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="供应商名称：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.supplier" placeholder="请输入供应商名称" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="原材料编码：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.code" placeholder="请输入原材料编码" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="原材料名称：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.name" placeholder="请输入原材料名称" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.modelandspecification" placeholder="请输入规格型号" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="单位：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.unit" placeholder="请输入单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="数量：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.amount" placeholder="请输入数量" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验时间：">
			<el-date-picker
			v-model="finishedTable.checkdate"
			type="daterange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期"
			style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<span slot="footer" class="dialog-footer">
			<el-button @click="checkTypeVisible = false">取消</el-button>
			<!-- <el-button type="primary" @click="addInspection">确定</el-button> -->
			<el-button type="primary" @click="QUEding">确定</el-button>
			</span>
			</el-dialog>
			</div>
			</div>
			<div>
			<template v-if="!showDetail">
			<div class="content-main">
			<div class="top-bar">
			<el-form ref="form" :inline="true" :model="searchData">
			<el-form-item label="申请单号:">
			<el-input v-model="searchData.applicationnumber" class="input-form" placeholder="请输入申请单号"
			style="width: 200px; margin-right: 20px;">
			<i slot="prefix" class="el-input__icon el-icon-search" />
			</el-input>
			</el-form-item>
			<el-form-item label="检验类型:">
			<el-select v-model="searchData.type" placeholder="全部" style="width: 100px;margin-right: 20px;">
			<el-option v-for="item in typeoptions" :key="item.value" :label="item.label" :value="item.value">
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="检验结果:" style="margin-right: 20px;">
			<el-select v-model="searchData.state" placeholder="全部" style="width: 100px;margin-right: 20px;">
			<el-option v-for="item in stateoptions" :key="item.value" :label="item.label" :value="item.value">
			</el-option>
			</el-select>
			</el-form-item>
			<el-form-item>
			<el-button type="primary" @click="searchInspections">查询</el-button>
			<el-button type="primary" plain @click="reset">重置</el-button>
			</el-form-item>
			</el-form>
			<el-form class="rightBtn">
			<el-form-item class="createBtn">
			<el-button type="primary" icon="el-icon-document-add" @click="checkTypeVisible = true"
			style="background-color: rgb(1, 102, 226);">新增检验单</el-button>
			</el-form-item>
			<el-form-item class="getDataBtn">
			<el-button type="primary" icon="el-icon-download"
			style="background-color: rgb(1, 102, 226);">导出检验单</el-button>
			</el-form-item>
			</el-form>
			</div>
			<div class="library-table">
			<div class="table-header">
			<div class="search-bar">
			<el-radio-group v-model="radioValue">
			<el-radio-button label="全部" />
			<el-radio-button label="待提交" />
			<el-radio-button label="已提交" />
			<el-radio-button label="已作废" />
			</el-radio-group>
			</div>
			</div>
			<div class="table-box">
			<el-table ref="inspectionTable" :max-height="800" :cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="inspectionTable" style="width: 100%">
			<el-table-column type="selection" min-width="30px" />
			<el-table-column prop="icode" label="申请单号" min-width="100px" />
			<el-table-column prop="type" label="检验类型" min-width="80px">
			<template slot-scope="scope">
			<div v-if="scope.row.type === 0"><span>原材料检验</span></div>
			<div v-if="scope.row.type === 1"><span>委托检验</span></div>
			<div v-if="scope.row.type === 2"><span>成品检验</span></div>
			</template>
			</el-table-column>
			<el-table-column prop="formTime" label="来料日期" min-width="100px" />
			<el-table-column prop="supplier" label="供应商名称" min-width="150px" />
			<el-table-column prop="mcode" label="原材料编码" min-width="150px" />
			<el-table-column prop="name" label="原材料名称" min-width="80px" />
			<el-table-column prop="specifications" label="规格型号" min-width="160px" />
			<el-table-column prop="unit" label="单位" min-width="50px" />
			<el-table-column prop="num" label="数量" min-width="50px" />
			<el-table-column prop="createTime" label="登记日期" min-width="80px" />
			<el-table-column prop="userName" label="登记人" min-width="80px" />
			<el-table-column prop="inspection_status" label="检验结果" min-width="80px">
			<template slot-scope="scope">
			<el-tag class="tag" :type="scope.row.inspection_status === 0 ? 'danger' : 'success'"
			disable-transitions>{{ scope.row.inspection_status === 0 ? '不合格' : '合格' }}</el-tag>
			</template>
			</el-table-column>
			<el-table-column prop="checkdate" label="检验日期" min-width="150px" />
			<el-table-column label="操作" min-width="150" fixed="right">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="handleClick(scope.row)">查看</el-button>
			<!-- <el-button type="text" size="small" >提交</el-button> -->
			<el-button type="text" size="small">作废</el-button>
			</template>
			</el-table-column>
			</el-table>
			<!-- 分页器 -->
			<div>
			<el-pagination class="pagination" :current-page="currentPage" :page-sizes="[ 10, 20, 30,40]"
			:page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"
			@size-change="handleSizeChange" @current-change="handleCurrentChange" />
			</div>
			</div>
			</div>
			<!-- 对话框 -->
			<div class="checkType">
			<el-dialog title="新增检验单" :visible.sync="checkTypeVisible" width="50%" top="10vh">
			<div class="check-box">
			<el-radio-group v-model="type" @click.native="handleRadioChange">
			<el-radio :style="`background-color: ${type==0?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
			:label="0" border>原材料检验</el-radio>
			<el-radio :style="`background-color: ${type==1?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
			:label="1" border>委托检验</el-radio>
			<el-radio :style="`background-color: ${type==2?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
			:label="2" border>成品检验</el-radio>
			</el-radio-group>
			</div>
			<div v-if="type === 0">
			<el-form :model="infoForm" ref="infoForm" class="checkTypeForm" label-position="top" label-width="200px"
			size="medium">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="来料日期：">
			<!-- <el-input style="width: 300px" type="text" :value="infoForm.startTime" placeholder="请输入来料日期" autocomplete="off" /> -->
			<el-date-picker style="width: 300px" v-model="infoForm.formTime" type="date" placeholder="选择日期">
			</el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="供应商名称：">
			<el-input style="width: 300px" type="text" :value="infoForm.supplier" placeholder="请输入供应商名称"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="原材料编码：">
			<el-input style="width: 300px" type="text" :value="infoForm.mcode" placeholder="请输入原材料编码"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="原材料名称：">
			<el-input style="width: 300px" type="text" :value="infoForm.name" placeholder="请输入原材料名称"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" :value="infoForm.specifications" placeholder="请输入规格型号"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="单位：">
			<el-input style="width: 300px" type="text" :value="infoForm.unit" placeholder="请输入单位"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="数量：">
			<el-input style="width: 300px" type="text" :value="infoForm.num" placeholder="请输入数量"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验时间：">
			<el-date-picker v-model="infoForm.endTime" type="daterange" range-separator="至"
			start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<div v-if="type === 1">
			<el-form :model="commisionSelection" ref="commisionSelection" class="checkTypeForm" label-position="top"
			label-width="200px" size="mini">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="委托编号">
			<el-input style="width: 300px" type="text" :value="commisionSelection.entrust_coding"
			placeholder="请输入来料日期" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="委托单位">
			<el-input style="width: 300px" type="text" :value="commisionSelection.supplier"
			placeholder="请输入委托单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="样品编号">
			<el-input style="width: 300px" type="text" :value="commisionSelection.mcode" placeholder="请输入样品编号"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="样品名称">
			<el-input style="width: 300px" type="text" :value="commisionSelection.name" placeholder="请输入样品名称"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" :value="commisionSelection.specifications"
			placeholder="请输入型号规格" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="送达时间">
			<el-input style="width: 300px" type="text" :value="commisionSelection.supplier"
			placeholder="请输入单位" autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="完成期限">
			<el-input style="width: 300px" type="text" :value="commisionSelection.completionDeadline"
			placeholder="请输入数量" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验日期：">
			<el-date-picker v-model="commisionSelection.checkdate" type="daterange" range-separator="至"
			start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<div v-if="type === 2">
			<el-form :model="finishedTable" ref="finishedTable" class="checkTypeForm" label-position="top"
			label-width="200px" size="mini">
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="来料日期：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.deliverydate"
			placeholder="请输入来料日期" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="供应商名称：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.supplier" placeholder="请输入供应商名称"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="原材料编码：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.code" placeholder="请输入原材料编码"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="原材料名称：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.name" placeholder="请输入原材料名称"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="规格型号：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.modelandspecification"
			placeholder="请输入规格型号" autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="单位：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.unit" placeholder="请输入单位"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="100">
			<el-col :span="10">
			<el-form-item label="数量：">
			<el-input style="width: 300px" type="text" v-model="finishedTable.amount" placeholder="请输入数量"
			autocomplete="off" />
			</el-form-item>
			</el-col>
			<el-col :span="10">
			<el-form-item label="检验时间：">
			<el-date-picker v-model="finishedTable.checkdate" type="daterange" range-separator="至"
			start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			<span slot="footer" class="dialog-footer">
			<el-button @click="checkTypeVisible = false">取消</el-button>
			<!-- <el-button type="primary" @click="addInspection">确定</el-button> -->
			<el-button type="primary" @click="QUEding">确定</el-button>
			</span>
			</el-dialog>
			</div>
			</div>

			<!-- 确定跳转基本库弹窗 -->
			<el-dialog
			title="标准库"
			:visible.sync="Standardframe"
			width="49%"
			>
			<el-card>
			<template slot-scope="scope" >
			<span>版本选择：</span>
			<el-select @change="ccc" v-model="selectedValue" size="small" slot="append" style="width: 220px;">
			<el-option v-for="item in BANben" :key="item" :label="item"
			:value="item"></el-option>

			</el-select>
			</template>
			</el-card>
			<el-table
			:data="tableData"
			style="width: 100%; margin-bottom: 20px"
			row-key="id"
			border
			height="calc(80vh - 250px)"
			default-expand-all
			ref="multipleTable"
			:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
			>
			<el-table-column type="selection" label="序号"> </el-table-column>
			<el-table-column
			type="index"
			width="50px"
			label="序号"
			></el-table-column>
			<el-table-column label="项目名称" sortable>
			<template scope="scope">
			<el-tag
			><div
			class="firstDiv"
			:style="`color: ${
			<!-- 确定跳转基本库弹窗 -->
			<el-dialog title="标准库" :visible.sync="Standardframe" width="49%">
			<el-card>
			<template slot-scope="scope">
			<span>版本选择：</span>
			<el-select @change="ccc" v-model="selectedValue" size="small" slot="append" style="width: 220px;">
			<el-option v-for="item in BANben" :key="item" :label="item" :value="item"></el-option>

			</el-select>
			</template>
			</el-card>
			<el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="id" border
			height="calc(80vh - 250px)" default-expand-all ref="multipleTable"
			:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
			<el-table-column type="selection" label="序号"> </el-table-column>
			<el-table-column type="index" width="50px" label="序号"></el-table-column>
			<el-table-column label="项目名称" sortable>
			<template scope="scope">
			<el-tag>
			<div class="firstDiv" :style="`color: ${
			scope.row.code == '[1]' ? '#16a7ff' : '#58c173'
			}`"
			>
			{{ scope.row.code == "[1]" ? "01" : "02" }}
			</div>
			<span style="color: black">{{ scope.row.name }}</span></el-tag
			>
			</template>
			</el-table-column>
			<el-table-column
			prop="unit"
			label="单位"
			sortable
			></el-table-column>
			<el-table-column label="标准值" sortable>
			<template scope="scope">
			<el-input
			v-if="scope.row.edit === true \|\| scope.row.code === '[2]'"
			@blur="requiredOnfocus(scope)"
			v-model="scope.row.required"
			placeholder="请输入标准值"
			></el-input>
			</template>
			</el-table-column>
			<el-table-column prop="internal" label="内控值" sortable>
			<template scope="scope">
			<el-input
			v-if="scope.row.edit === true \|\| scope.row.code === '[2]'"
			@blur="requiredOnfocus(scope)"
			v-model="scope.row.internal"
			placeholder="请输入内控值"
			></el-input>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="Standardframe = false">取消</el-button>
			<el-button type="primary" @click="GOfrom">确定</el-button>
			</span>
			}`">
			{{ scope.row.code == "[1]" ? "01" : "02" }}
			</div>
			<span style="color: black">{{ scope.row.name }}</span>
			</el-tag>
			</template>
			</el-table-column>
			<el-table-column prop="unit" label="单位" sortable></el-table-column>
			<el-table-column label="标准值" sortable>
			<template scope="scope">
			<el-input v-if="scope.row.edit === true \|\| scope.row.code === '[2]'" @blur="requiredOnfocus(scope)"
			v-model="scope.row.required" placeholder="请输入标准值"></el-input>
			</template>
			</el-table-column>
			<el-table-column prop="internal" label="内控值" sortable>
			<template scope="scope">
			<el-input v-if="scope.row.edit === true \|\| scope.row.code === '[2]'" @blur="requiredOnfocus(scope)"
			v-model="scope.row.internal" placeholder="请输入内控值"></el-input>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="Standardframe = false">取消</el-button>
			<el-button type="primary" @click="GOfrom">确定</el-button>
			</span>
			</el-dialog>
			<!-- 原材料检验模态框 -->
			<el-dialog title="原材料检验" :visible.sync="rawmaterialVisible" width="60%">
			<div class="table-box">
			<el-table ref="multipleTable" :max-height="800" :cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="rawMaterialTable" style="width: 100%" @selection-change="handleSelectionChange">
			<el-table-column type="selection" min-width="10%" />
			<el-table-column type="index" label="序号" min-width="8%" />
			<el-table-column prop="formTime" label="来料日期" min-width="8%" />
			<el-table-column prop="supplier" label="供应商名称" min-width="12%" />
			<el-table-column prop="mcode" label="材料编码" min-width="8%" />
			<el-table-column prop="name" label="材料名称" min-width="8%" />
			<el-table-column prop="specifications" label="规格型号" min-width="12%" />
			<el-table-column prop="unit" label="单位" min-width="5%" />
			<el-table-column prop="num" label="数量" min-width="5%" />
			<el-table-column prop="endTime" label="报检日期" min-width="8%" />
			<el-table-column prop="surveyor" label="检验人" min-width="8%" />
			<el-table-column prop="startTime" label="检验日期" min-width="8%" />
			<el-table-column prop="type" label="状态" min-width="8%">
			<template slot-scope="scope">
			<span :style="{ color: scope.row.state === type ? 'green' : 'red' }">
			{{ scope.row.state===1 ? '已检测':'待检测' }}
			</span>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="rawmaterialVisible = false">取消</el-button>
			<el-button type="primary" @click="handleRawMaterialSelection">确定</el-button>
			</span>
			</div>
			</el-dialog>
			<!-- 委托检验模态框 -->
			<el-dialog title="委托检验" :visible.sync="commisionVisible" width="60%">
			<div class="table-box">
			<el-table ref="multipleTable" :max-height="800" :cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="commisionTable" @selection-change="handleSelectionChange" style="width: 100%">
			<el-table-column type="selection" min-width="10%" />
			<el-table-column type="index" label="序号" min-width="10%" />
			<el-table-column prop="entrust_coding" label="委托编号" min-width="10%" />
			<el-table-column prop="supplier" label="委托单位" min-width="12%" />
			<el-table-column prop="mcode" label="样品编号" min-width="8%" />
			<el-table-column prop="name" label="样品名称" min-width="8%" />
			<el-table-column prop="specifications" label="规格型号" min-width="12%" />
			<el-table-column prop="endTime" label="送达时间" min-width="8%" />
			<el-table-column prop="formTime" label="完成期限" min-width="8%" />
			<el-table-column prop="contacts" label="委托编制人" min-width="8%" />
			<el-table-column prop="endTime" label="检验日期" min-width="8%" />
			<el-table-column prop="inspection_status" label="状态" min-width="8%">
			<template slot-scope="scope">
			<div v-if="scope.row.inspection_status === 1">
			<span style="color: green;">已检测</span>
			</div>
			<div v-else>
			<span style="color: red;">待检测</span>
			</div>
			</template>
			</el-table-column>
			<el-table-column label="操作" min-width="8%">
			<template slot-scope="scope">
			<el-button type="text" size="small">删除</el-button>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="commisionVisible = false">取消</el-button>
			<el-button type="primary" @click="handleCommisionSelection">确定</el-button>
			</span>
			</div>
			</el-dialog>
			</template>
			<template v-else>
			<router-view />
			</template>
			</div>
			</template>

			</el-dialog>
			<script>
			import {
			selectInspectsList,
			selectAll,
			addInspect,
			chooseVer,
			lookProByVer
			} from '@/api/experiment/planAssignments'
			export default {
			data() {

			<!-- 原材料检验模态框 -->
			<el-dialog
			title="原材料检验"
			:visible.sync="rawmaterialVisible"
			width="60%">
			<div class="table-box">
			<el-table
			ref="multipleTable"
			:max-height="800"
			:cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="rawMaterialTable"
			style="width: 100%"
			@selection-change="handleSelectionChange"
			>
			<el-table-column
			type="selection"
			min-width="10%"
			/>
			<el-table-column
			type="index"
			label="序号"
			min-width="8%"
			/>
			<el-table-column
			prop="startTime"
			label="来料日期"
			min-width="8%"
			/>
			<el-table-column
			prop="supplier"
			label="供应商名称"
			min-width="12%"
			/>
			<el-table-column
			prop="mcode"
			label="材料编码"
			min-width="8%"
			/>
			<el-table-column
			prop="name"
			label="材料名称"
			min-width="8%"
			/>
			<el-table-column
			prop="specifications"
			label="规格型号"
			min-width="12%"
			/>
			<el-table-column
			prop="unit"
			label="单位"
			min-width="5%"
			/>
			<el-table-column
			prop="num"
			label="数量"
			min-width="5%"
			/>
			<el-table-column
			prop="endTime"
			label="报检日期"
			min-width="8%"
			/>
			<el-table-column
			prop="surveyor"
			label="检验人"
			min-width="8%"
			/>
			<el-table-column
			prop="startTime"
			label="检验日期"
			min-width="8%"
			/>
			<el-table-column
			prop="type"
			label="状态"
			min-width="8%"
			>
			<template slot-scope="scope">
			<span :style="{ color: scope.row.state === type ? 'green' : 'red' }">
			{{ scope.row.state===1 ? '已检测':'待检测' }}
			</span>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="rawmaterialVisible = false">取消</el-button>
			<el-button type="primary" @click="handleRawMaterialSelection">确定</el-button>
			</span>
			</div>
			</el-dialog>
			<!-- 委托检验模态框 -->
			<el-dialog
			title="委托检验"
			:visible.sync="commisionVisible"
			width="60%">
			<div class="table-box">
			<el-table
			ref="multipleTable"
			:max-height="800"
			:cell-style="{textAlign: 'center'}"
			:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
			:data="commisionTable"
			@selection-change="handleSelectionChange"
			style="width: 100%"
			>
			<el-table-column type="selection" min-width="10%" />
			<el-table-column type="index" label="序号" min-width="10%" />
			<el-table-column prop="entrust_coding" label="委托编号" min-width="10%" />
			<el-table-column prop="supplier" label="委托单位" min-width="12%" />
			<el-table-column prop="mcode" label="样品编号" min-width="8%" />
			<el-table-column prop="name" label="样品名称" min-width="8%" />
			<el-table-column prop="specifications" label="规格型号" min-width="12%" />
			<el-table-column prop="endTime" label="送达时间" min-width="8%" />
			<el-table-column prop="formTime" label="完成期限" min-width="8%" />
			<el-table-column prop="contacts" label="委托编制人" min-width="8%" />
			<el-table-column prop="endTime" label="检验日期" min-width="8%" />
			<el-table-column prop="inspection_status" label="状态" min-width="8%">
			<template slot-scope="scope">
			<div v-if="scope.row.inspection_status === 1">
			<span style="color: green;">已检测</span>
			</div>
			<div v-else>
			<span style="color: red;">待检测</span>
			</div>
			</template>
			</el-table-column>
			<el-table-column label="操作" min-width="8%">
			<template slot-scope="scope">
			<el-button type="text" size="small">删除</el-button>
			</template>
			</el-table-column>
			</el-table>
			<span slot="footer" class="dialog-footer">
			<el-button @click="commisionVisible = false">取消</el-button>
			<el-button type="primary" @click="handleCommisionSelection">确定</el-button>
			</span>
			</div>
			</el-dialog>
			</template>
			<template v-else>
			<router-view />
			</template>
			</div>
			</template>

			<script>
			import { selectInspectsList, selectAll, addInspect,chooseVer,lookProByVer} from '@/api/experiment/planAssignments'
			export default {
			data() {

			return {
			showDetail: false,
			searchData: {
			applicationnumber: '',
			type: '',
			state: '',
			},
			valu:{},
			inputValue: '',
			icode:'',
			inspectionTable: [],
			rawMaterialTable: [],
			commisionTable: [],
			finishedTable: {
			deliverydate: '',
			supplier: '',
			code: '',
			name: '',
			modelandspecification: '',
			unit: '',
			amount: '',
			checkdate: []
			},
			selectedValue:1,
			infoForm:{},
			commisionSelection:{
			entrust_coding: '',
			entrusted: '',
			samples_number: '',
			sample_name: '',
			specifications_models: '',
			dateSurvey: '',
			completionDeadline: '',
			contacts: '',
			inspectionTime: ''
			},
			typeoptions:[{
			value: 0,
			label:'原材料检验'
			},{
			value: 1,
			label: '委托检验'
			},{
			value: 2,
			label: '成品检验'
			}],
			stateoptions:[{
			value: 0,
			label:'不合格'
			},{
			value: 1,
			label:'合格'
			}],
			options:[{
			value: '0',
			label: '选项1'
			},{
			value:'1',
			label: '选项2'
			}],
			currentPage: 1,
			total: 20, // 总条数
			pageSize: 8, // 每页的数据条数
			radioValue: '全部',
			checkTypeVisible: false,
			type: 0, // 默认不选中的状态
			rawmaterialVisible: false,
			commisionVisible: false,
			tmp: '',
			Standardframe: false,
			return {
			showDetail: false,
			searchData: {
			applicationnumber: '',
			type: '',
			state: '',
			},
			valu: {},
			inputValue: '',
			icode: '',
			inspectionTable: [],
			rawMaterialTable: [],
			commisionTable: [],
			finishedTable: {
			deliverydate: '',
			supplier: '',
			code: '',
			name: '',
			modelandspecification: '',
			unit: '',
			amount: '',
			checkdate: []
			},
			selectedValue: 1,
			infoForm: {},
			commisionSelection: {
			entrust_coding: '',
			entrusted: '',
			samples_number: '',
			sample_name: '',
			specifications_models: '',
			dateSurvey: '',
			completionDeadline: '',
			contacts: '',
			inspectionTime: ''
			},
			typeoptions: [{
			value: 0,
			label: '原材料检验'
			}, {
			value: 1,
			label: '委托检验'
			}, {
			value: 2,
			label: '成品检验'
			}],
			stateoptions: [{
			value: 0,
			label: '不合格'
			}, {
			value: 1,
			label: '合格'
			}],
			options: [{
			value: '0',
			label: '选项1'
			}, {
			value: '1',
			label: '选项2'
			}],
			currentPage: 1,
			total: 20, // 总条数
			pageSize: 8, // 每页的数据条数
			radioValue: '全部',
			checkTypeVisible: false,
			type: 0, // 默认不选中的状态
			rawmaterialVisible: false,
			commisionVisible: false,
			tmp: {},
			Standardframe: false,
			tableData: [],
			tableRow:{},
			BANben:[],
			select_1: [],
			aa:{}
			}
			},
			watch: {
			$route: {
			handler(val, oldval) {
			console.log(val)// 新路由信息
			console.log(oldval)// 老路由信息
			},
			// 深度观察监听
			deep: true
			}
			},
			created() {
			this.selectInspectsList()
			},
			updated() {
			if (this.$route.name === 'ForInspectionDetail') this.showDetail = true
			},
			methods: {
			async selectAll(){
			const res = selectAll({type:0})
			console.log(res);
			this.rawMaterialTable = res.data
			},
			async selectAll(){
			const res = selectAll({type:2})
			// console.log(res);
			this.commisionTable = res.data
			},
			async handleClick(row){
			this.inspectionTable = row;
			this.id = row.id
			this.$router.push({name:'Viewdetails',query: {id:row.id}});
			this.selectInspectsList()
			},
			// validateInput() {
			// if (this.inputValue.trim() === '') {
			// }
			// }, // 输入值为空，弹出提示信息或进行其他处理
			// alert('输入值不能为空');
			// return;

			//版本库
			async chooseVer() {
			console.log(this.tmp.materialCoding);
			console.log(this.tmp.materialName);
			console.log(this.tmp.specificationsModels);
			const res = await chooseVer ({
			mcode:this.tmp.mcode,
			name:this.tmp.name,
			specifications:this.tmp.specifications
			})
			this.BANben = res.data
			console.log(res.data);
			this.aa = this.BANben[0]
			this.lookProByVer()
			},
			//标准库
			async lookProByVer() {
			const res = await lookProByVer({
			mcode:this.tmp.mcode,
			name:this.tmp.name,
			specifications:this.tmp.specifications,
			version:this.aa
			})
			// console.log(res);
			this.tableData = res.data
			},
			ccc(val){
			// console.log(val);
			this.aa = val
			this.lookProByVer()
			},
			async selectInspectsList() {
			// 获取分页列表
			const res = await selectInspectsList({ countSize: this.pageSize, pageSize: this.currentPage,message:this.id})
			// this.inspectionTable = data
			// console.log(res.data.row)
			const data = res.data.row
			data.forEach((item) => {
			var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
			var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
			var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
			var checkdate = startTime + '~' + endTime
			var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%d')"]
			item['formTime'] = formTime // 来料日期
			item['checkdate'] = checkdate // 检验日期
			item['createTime'] = createTime // 登记日期
			})
			this.inspectionTable = data
			this.total = res.data.total
			},
			async searchInspections(){
			const res = await selectInspectsList({countSize:this.pageSize,pageSize:this.currentPage,message:this.searchData.applicationnumber})
			var data = res.data.row
			data.forEach((item) => {
			var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
			var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
			var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
			var checkdate = startTime + '~' + endTime
			var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
			item['formTime'] = formTime // 来料日期
			item['checkdate'] = checkdate // 检验日期
			item['createTime'] = createTime // 登记日期
			})
			this.inspectionTable = data
			if(this.searchData.type !== ''){
			if(this.searchData.state !== ''){
			this.inspectionTable = data.filter((item)=>{
			return item.type===this.searchData.type && item.inspection_status === this.searchData.state
			})
			}else{
			this.inspectionTable = data.filter((item)=>{
			return item.type===this.searchData.type
			})
			}
			}else{
			if(this.searchData.state !== ''){
			this.inspectionTable = data.filter((item)=>{
			return item.inspection_status===this.searchData.state
			})
			}
			}
			this.total = this.inspectionTable.length
			},
			reset(){
			this.countSize = 1;
			this.pageSize = 8;
			this.searchData = { };
			this.selectInspectsList();
			},
			//被选中的信息单选
			handleSelectionChange(val) {
			if (val.length > 1) {
			this.$refs.multipleTable.clearSelection();
			this.$refs.multipleTable.toggleRowSelection(val.pop())
			}
			this.tmp = val[0]
			// console.log(this.tmp);
			},
			handleCommisionSelection(){
			this.commisionSelection = this.tmp
			this.commisionVisible = false
			},
			handleRawMaterialSelection(){
			this.infoForm = this.tmp
			// console.log( this.infoForm );
			this.infoForm.endTime=[this.infoForm.startTime,this.infoForm.endTime]
			// console.log(this.infoForm);
			tableRow: {},
			BANben: [],
			select_1: [],
			aa: {}
			}
			},
			watch: {
			$route: {
			handler(val, oldval) {
			console.log(val) // 新路由信息
			console.log(oldval) // 老路由信息
			},
			// 深度观察监听
			deep: true
			}
			},
			created() {
			this.selectInspectsList()
			},
			updated() {
			if (this.$route.name === 'ForInspectionDetail') this.showDetail = true
			},
			methods: {
			async selectAll() {
			const res = selectAll({
			type: 0
			})
			this.rawMaterialTable = res.data
			},
			async selectAll() {
			const res = selectAll({
			type: 2
			})
			this.commisionTable = res.data
			},
			async handleClick(row) {
			this.inspectionTable = row;
			this.id = row.id
			this.$router.push({
			name: 'Viewdetails',
			query: {
			id: row.id
			}
			});
			this.selectInspectsList()
			},
			// validateInput() {
			// if (this.inputValue.trim() === '') {
			// }
			// }, // 输入值为空，弹出提示信息或进行其他处理
			// alert('输入值不能为空');
			// return;

			this.rawmaterialVisible = false
			},
			handleRadioChange(){
			setTimeout(()=>{
			if(this.type === 0){
			// 原材料报检
			this.rawmaterialVisible = true
			selectAll({type:0}).then(res=>{
			// console.log(res);
			// var data = res.data
			// data.forEach((item)=>{
			// var checkdate = []
			// checkdate.push(item['createTime'])
			// checkdate.push(item['updateTime'])
			// item['checkdate'] = checkdate // 检验日期
			// })
			console.log(res);
			this.rawMaterialTable = res.data
			})

			// this.infoForm = res.data
			// this.$router.push({ name: 'ReportForInspection' });
			}else if(this.type === 1){
			this.commisionVisible = true
			selectAll({type:2}).then(res=>{

			this.commisionTable = res.data
			})
			//版本库
			async chooseVer() {
			const res = await chooseVer({
			mcode: this.tmp.mcode,
			name: this.tmp.name,
			specifications: this.tmp.specifications
			})
			this.BANben = res.data
			this.aa = this.BANben[0]
			this.lookProByVer()
			},
			//标准库
			async lookProByVer() {
			const res = await lookProByVer({
			mcode: this.tmp.mcode,
			name: this.tmp.name,
			specifications: this.tmp.specifications,
			version: this.aa
			})
			this.tableData = res.data
			},
			ccc(val) {
			this.aa = val
			this.lookProByVer()
			},
			async selectInspectsList() {
			// 获取分页列表
			const res = await selectInspectsList({
			countSize: this.pageSize,
			pageSize: this.currentPage,
			message: this.id
			})
			// this.inspectionTable = data
			const data = res.data.row
			data.forEach((item) => {
			var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
			var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
			var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
			var checkdate = startTime + '~' + endTime
			var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%d')"]
			item['formTime'] = formTime // 来料日期
			item['checkdate'] = checkdate // 检验日期
			item['createTime'] = createTime // 登记日期
			})
			this.inspectionTable = data
			this.total = res.data.total
			},
			async searchInspections() {
			const res = await selectInspectsList({
			countSize: this.pageSize,
			pageSize: this.currentPage,
			message: this.searchData.applicationnumber
			})
			var data = res.data.row
			data.forEach((item) => {
			var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
			var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
			var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
			var checkdate = startTime + '~' + endTime
			var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
			item['formTime'] = formTime // 来料日期
			item['checkdate'] = checkdate // 检验日期
			item['createTime'] = createTime // 登记日期
			})
			this.inspectionTable = data
			if (this.searchData.type !== '') {
			if (this.searchData.state !== '') {
			this.inspectionTable = data.filter((item) => {
			return item.type === this.searchData.type && item.inspection_status === this.searchData.state
			})
			} else {
			this.inspectionTable = data.filter((item) => {
			return item.type === this.searchData.type
			})
			}
			} else {
			if (this.searchData.state !== '') {
			this.inspectionTable = data.filter((item) => {
			return item.inspection_status === this.searchData.state
			})
			}
			}
			},100)
			},
			// 新增检验
			async addInspection(){
			if(this.type === 0){
			await addInspect({endTime: this.infoForm.checkdate[1],
			formTime: this.infoForm.dateSurvey,
			mcode: this.infoForm.materialCoding,
			name: this.infoForm.materialName,
			num: this.infoForm.quantity,
			specifications: this.infoForm.specificationsModels,
			startTime: this.infoForm.checkdate[0] ,
			supplier: this.infoForm.supplierName,
			type: this.type,
			unit: this.infoForm.unit})
			}
			if(this.type === 1){
			console.log(this.commisionSelection)
			const res = await addInspect({endTime: this.commisionSelection.checkdate[1],
			formTime: this.commisionSelection.formTime,
			mcode: this.commisionSelection.mcode,
			name: this.commisionSelection.name,
			num: this.commisionSelection.num,
			specifications: this.commisionSelection.specifications,
			startTime: this.commisionSelection.checkdate[0] ,
			supplier: this.commisionSelection.supplier,
			type: this.type,
			unit: this.commisionSelection.unit})
			console.log('res',res)
			}
			if(this.type === 2){
			console.log(this.finishedTable)
			const res = await addInspect({ endTime: '2023-08-15',
			formTime: this.finishedTable.deliverydate,
			mcode: this.finishedTable.code,
			name: this.finishedTable.name,
			num: parseInt(this.finishedTable.amount),
			specifications: this.finishedTable.modelandspecification,
			startTime: '2023-08-14',
			supplier: this.finishedTable.supplier,
			type: this.type,
			unit: this.finishedTable.unit })
			}
			this.type = 0
			this.checkTypeVisible = false
			this.$message({
			message: '添加成功！',
			type: 'success'
			});
			},
			// 每页条数改变时触发选择一页显示多少行
			handleSizeChange(val) {
			console.log(`每页 ${val} 条`)
			// this.currentPage = 1
			this.pageSize = val
			this.selectInspectsList()
			},
			// 当前页改变时触发跳转其他页
			handleCurrentChange(val) {
			console.log(`当前页: ${val}`)
			this.currentPage = val
			this.selectInspectsList()
			},
			//确定跳转
			QUEding(){
			// this.tableRow = a

			this.Standardframe = true
			this.total = this.inspectionTable.length
			},
			reset() {
			this.countSize = 1;
			this.pageSize = 8;
			this.searchData = {};
			this.selectInspectsList();
			},
			//被选中的信息单选
			handleSelectionChange(val) {
			if (val.length > 1) {
			this.$refs.multipleTable.clearSelection();
			this.$refs.multipleTable.toggleRowSelection(val.pop())
			}
			this.tmp = val[0]
			},
			handleCommisionSelection() {
			this.commisionSelection = this.tmp
			this.commisionVisible = false
			},
			handleRawMaterialSelection() {
			this.infoForm = this.tmp
			this.rawmaterialVisible = false
			},
			handleRadioChange() {
			setTimeout(() => {
			if (this.type === 0) {
			// 原材料报检
			this.rawmaterialVisible = true
			selectAll({
			type: 0
			}).then(res => {
			// var data = res.data
			// data.forEach((item)=>{
			// var checkdate = []
			// checkdate.push(item['createTime'])
			// checkdate.push(item['updateTime'])
			// item['checkdate'] = checkdate // 检验日期
			// })
			this.rawMaterialTable = res.data
			})

			this.chooseVer()

			},
			//確定詳情頁
			GOfrom( ){
			this.Standardframe = false
			// console.log(this.tmp.materialCoding);
			// console.log(this.tmp.materialName);
			// console.log(this.tmp.specificationsModels);
			// console.log(this.aa)
			// const data = {
			// // mcode : this.tmp.mcode,
			// // name:this.tmp.name,
			// // specifications:this.tmp.specifications,
			// version:this.tmp.id
			// }

			this.$router.push({name:'Viewdetails',query:{id:this.tmp.id}})
			// this.infoForm = res.data
			// this.$router.push({ name: 'ReportForInspection' });
			} else if (this.type === 1) {
			this.commisionVisible = true
			selectAll({
			type: 2
			}).then(res => {

			},
			}
			}
			</script>
			this.commisionTable = res.data
			})
			}
			}, 100)
			},
			// 新增检验
			async addInspection() {
			if (this.type === 0) {
			await addInspect({
			endTime: this.infoForm.checkdate[1],
			formTime: this.infoForm.dateSurvey,
			mcode: this.infoForm.materialCoding,
			name: this.infoForm.materialName,
			num: this.infoForm.quantity,
			specifications: this.infoForm.specificationsModels,
			startTime: this.infoForm.checkdate[0],
			supplier: this.infoForm.supplierName,
			type: this.type,
			unit: this.infoForm.unit
			})
			}
			if (this.type === 1) {
			const res = await addInspect({
			endTime: this.commisionSelection.checkdate[1],
			formTime: this.commisionSelection.formTime,
			mcode: this.commisionSelection.mcode,
			name: this.commisionSelection.name,
			num: this.commisionSelection.num,
			specifications: this.commisionSelection.specifications,
			startTime: this.commisionSelection.checkdate[0],
			supplier: this.commisionSelection.supplier,
			type: this.type,
			unit: this.commisionSelection.unit
			})
			}
			if (this.type === 2) {
			const res = await addInspect({
			endTime: '2023-08-15',
			formTime: this.finishedTable.deliverydate,
			mcode: this.finishedTable.code,
			name: this.finishedTable.name,
			num: parseInt(this.finishedTable.amount),
			specifications: this.finishedTable.modelandspecification,
			startTime: '2023-08-14',
			supplier: this.finishedTable.supplier,
			type: this.type,
			unit: this.finishedTable.unit
			})
			}
			this.type = 0
			this.checkTypeVisible = false
			this.$message({
			message: '添加成功！',
			type: 'success'
			});
			},
			// 每页条数改变时触发选择一页显示多少行
			handleSizeChange(val) {
			// this.currentPage = 1
			this.pageSize = val
			this.selectInspectsList()
			},
			// 当前页改变时触发跳转其他页
			handleCurrentChange(val) {
			this.currentPage = val
			this.selectInspectsList()
			},
			//确定跳转
			QUEding() {
			// this.tableRow = a

			<style lang="scss" scoped>
			.checkType{
			.check-box{
			.el-radio-group{
			display: flex;
			justify-content: space-around;
			.el-radio{
			// display: flex;
			// align-items: center;
			&.is-checked{
			background: #ecf5ff;
			border-color: #b3d8ff;
			::v-deep .el-radio__label{
			color: #333 !important;
			this.Standardframe = true

			}
			}
			height: auto;
			font-size: 22px !important;
			padding: 40px 50px !important;
			::v-deep .el-radio__label{
			font-size: 22px !important;
			padding-left: 0px !important;
			}
			::v-deep .el-radio__input{
			display: none !important;
			}
			}
			}
			}
			}
			.content-main{
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			}
			.top-bar{
			margin: -25px -15px;
			background: #fff;
			display: flex;
			justify-content: space-between;
			padding: 5px 24px 0px 24px;
			}
			.input-form{
			width: 500px;
			}
			.retrieval{
			float: right;
			font-size: 14px;
			color: rgb(0, 120, 255);
			line-height: 40px;
			}
			.rightBtn {
			display: flex;
			justify-content: flex-end;
			}
			this.chooseVer()

			.getDataBtn, .createBtn {
			margin-left: 10px; /* Optional: Add some space between the buttons */
			}
			.library-table{
			background-color: #fff;
			flex: 1;
			margin-left: -15px;
			margin-right: -15px;
			margin-top: 50px;
			display: flex;
			flex-direction: column;
			.table-header{
			padding: 20px;
			display: flex;
			justify-content: space-between;
			.el-form-item{
			margin-bottom: 30px !important;
			}
			}
			.table-box{
			padding: 0px 20px;
			margin-top: 20px;
			flex: 1;
			background: #fff;
			// padding: 20px 20px 10px 20px;
			display: flex;
			flex-direction: column;
			.el-table {
			flex: 1;
			.tag{
			width: 80px;
			}
			}
			>div:nth-child(2){
			display: flex;
			justify-content: end;
			margin: 20px 0;
			margin-top: 30px;
			}
			}
			}
			.checkTypeForm{
			margin-top: 30px;
			margin-left: 50px;
			.el-row{
			margin-bottom: 10px;
			}
			}
			.pagination{
			display: flex;
			margin-top: 20px;
			justify-content: end;
			}
			.dialog-footer{
			display: flex;
			margin-top: 20px;
			justify-content: end;
			}
			</style>
			},
			//確定詳情頁
			GOfrom() {
			this.Standardframe = false
			// const data = {
			// // mcode : this.tmp.mcode,
			// // name:this.tmp.name,
			// // specifications:this.tmp.specifications,
			// version:this.tmp.id
			// }

			this.$router.push({
			name: 'Viewdetails',
			query: {
			id: this.tmp.id
			}
			})

			},
			}
			}
			</script>

			<style lang="scss" scoped>
			.checkType {
			.check-box {
			.el-radio-group {
			display: flex;
			justify-content: space-around;

			.el-radio {

			// display: flex;
			// align-items: center;
			&.is-checked {
			background: #ecf5ff;
			border-color: #b3d8ff;

			::v-deep .el-radio__label {
			color: #333 !important;

			}
			}

			height: auto;
			font-size: 22px !important;
			padding: 40px 50px !important;

			::v-deep .el-radio__label {
			font-size: 22px !important;
			padding-left: 0px !important;
			}

			::v-deep .el-radio__input {
			display: none !important;
			}
			}
			}
			}
			}

			.content-main {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			}

			.top-bar {
			margin: -25px -15px;
			background: #fff;
			display: flex;
			justify-content: space-between;
			padding: 5px 24px 0px 24px;
			}

			.input-form {
			width: 500px;
			}

			.retrieval {
			float: right;
			font-size: 14px;
			color: rgb(0, 120, 255);
			line-height: 40px;
			}

			.rightBtn {
			display: flex;
			justify-content: flex-end;
			}

			.getDataBtn,
			.createBtn {
			margin-left: 10px;
			/* Optional: Add some space between the buttons */
			}

			.library-table {
			background-color: #fff;
			flex: 1;
			margin-left: -15px;
			margin-right: -15px;
			margin-top: 50px;
			display: flex;
			flex-direction: column;

			.table-header {
			padding: 20px;
			display: flex;
			justify-content: space-between;

			.el-form-item {
			margin-bottom: 30px !important;
			}
			}

			.table-box {
			padding: 0px 20px;
			margin-top: 20px;
			flex: 1;
			background: #fff;
			// padding: 20px 20px 10px 20px;
			display: flex;
			flex-direction: column;

			.el-table {
			flex: 1;

			.tag {
			width: 80px;
			}
			}

			>div:nth-child(2) {
			display: flex;
			justify-content: end;
			margin: 20px 0;
			margin-top: 30px;
			}
			}
			}

			.checkTypeForm {
			margin-top: 30px;
			margin-left: 50px;

			.el-row {
			margin-bottom: 10px;
			}
			}

			.pagination {
			display: flex;
			margin-top: 20px;
			justify-content: end;
			}

			.dialog-footer {
			display: flex;
			margin-top: 20px;
			justify-content: end;
			}
			</style>