jcxt_qd/src/components/jc/setReturnTask.vue

<template>
	<div>

		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item>首页</el-breadcrumb-item>
			<el-breadcrumb-item>承担单位</el-breadcrumb-item>
			<el-breadcrumb-item>任务列表</el-breadcrumb-item>
			<el-breadcrumb-item>基本信息</el-breadcrumb-item>
		</el-breadcrumb>

		<!-- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
			<el-tab-pane label="任务详情" name="taskDetail">
			</el-tab-pane>

			<el-tab-pane label="抽样" name="sampleDetail">
				<sampleDetailcd v-if="activeName == 'sampleDetail'" ref="sampleDetail"></sampleDetailcd>
			</el-tab-pane>

			<el-tab-pane label="检测" name="testDetail">
			</el-tab-pane>

			<el-tab-pane label="报告上传" name="reportDetail">
			</el-tab-pane>
		</el-tabs> -->

		<div id="taskDetail">
		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
			<el-tab-pane label="任务详情" name="first">
				<el-descriptions class="margin-top" title=" " :column="2" :size="size" border>
					<el-descriptions-item>
						<template slot="label">
							创建单位
						</template>
						{{readForm.creater.name}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							发布单位
						</template>
						{{readForm.releaser.name}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							年度
						</template>
						{{readForm.year}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							监测类型
						</template>
						{{readForm.task_class}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							开始时间
						</template>
						{{readForm.starttime}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							结束时间
						</template>
						{{readForm.endtime}}
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							抽检分离
						</template>
						<span v-if="readForm.is_divide==1">是</span>
						<span v-if="readForm.is_divide==0">否</span>
					</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							附件
						</template>
						<div v-if="readForm.file_url==null">无</div>
						<el-link v-else type="primary" :href="readForm.file_url">下载附件</el-link>
					</el-descriptions-item>

				</el-descriptions>
				<el-descriptions class="margin-top" :size="size" border>
					<el-descriptions-item>
						<template slot="label">
							备注
						</template>
						{{readForm.log}}
					</el-descriptions-item>
				</el-descriptions>
			</el-tab-pane>
		<el-tab-pane label="退回" name="fourth">
			<div>
				<el-table :data="thTask" border stripe highlight-current-row  @current-change="handlecyCurrentChange" style="width: 100%"
					:row-style="rowStyle" :cell-style="cellStyle">
					<el-table-column :key="table.label" v-for="table in thtableHeader" :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 style="margin:5px 0" type="success" size="small" @click="checkUnqualifiedItems(scope.row.task_id,scope.row.id)">查看不合格检测项
						</el-button>
					</template>
					</el-table-column>
				</el-table>

				<!--    分页器区域-->
					<el-pagination @size-change="handleSizeChangeth" @current-change="handleCurrentChangeth"
					:current-page="queryInfoth.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfoth.pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="thTaskTotal" background />
				
				<!-- 不合格检测项目 -->
				<el-dialog title="不合格检测项目" :visible.sync="UnqualifiedJcxItemDialog" width="70%" :close-on-click-modal="false"
				class="dialogItem">
					<el-table :data="thjcxItems" border stripe highlight-current-row style="width: 100%"
						:row-style="rowStyle" :cell-style="cellStyle">
						<el-table-column type="selection" width="50" align="center"></el-table-column>
						<el-table-column label="序号" width="50px" align="center">
							<template slot-scope="scope">
								{{ scope.$index+1 }}
							</template>
						</el-table-column>

						<el-table-column :key="table.label" v-for="table in thjcxHeader" :label="table.label" :prop="table.prop"
							align="center" :width="table.width" :fixed="table.fixed" />
					</el-table>
					<el-pagination @size-change="handleSizeChangethItems" @current-change="handleCurrentChangethItems"
					:current-page="queryInfothItems.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfothItems.pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="thItemsTotal" background />
				</el-dialog>
			</div>
		</el-tab-pane>

		<el-tab-pane label="抽样" name="second">
			<!-- <el-tab-pane v-if="sampleShow==true" label="抽样" name="second"> -->

				<!-- 头部搜索栏 -->
				
					<!-- <el-form style="display: flex; flex-direction: column;" ref="form2" :model="queryInfo">
						<el-row style="width: 75%;">
							<el-col :span="6">
						<el-form-item label="样品名称" class="select" size="small" prop="sample_name">
							<el-input v-model="queryInfo.sample_name"></el-input>
						</el-form-item>
							</el-col>
							<el-col :span="6">
						<el-form-item label="样品编码" class="select" size="small" prop="sample_id">
							<el-input v-model="queryInfo.sample_id"></el-input>
						</el-form-item>
							</el-col>
							<el-col :span="6">
						<el-form-item label="受检单位" class="select" size="small" prop="units_name">
							<el-input v-model="queryInfo.unit_test_name"></el-input>
						</el-form-item>
						</el-col>
						</el-row>
						<el-row style="width: 75%;">
							<el-col :span="6">
						<el-form-item label="抽样单位" class="select" size="small" prop="sample_unit_name">
							<el-input v-model="queryInfo.unit_sample_name"></el-input>
						</el-form-item>
						    </el-col>
							<el-col :span="6">
						<el-form-item label="抽样日期" class="select" size="small" prop="sample_data">
							<el-input v-model="queryInfo.sample_data"></el-input>
						</el-form-item>
						</el-col>
						<el-col :span="6">
						<el-form-item label="抽样场所" class="select" size="small" prop="sample_ground">
							<el-input v-model="queryInfo.sample_ground"></el-input>
						</el-form-item>
						</el-col>
						<el-col :span="4">
							<el-button style="height: 32px;margin-left: 10px;" size="mini" type="success"
							@click="searchData()">查询
						</el-button>
					
						<el-button style="height: 32px;margin-left: 5px;" size="mini" type="success" @click="resetForm('form2')">
							重置
						</el-button>
						</el-col>
						</el-row>
					</el-form> -->
				<el-row style="margin-right: 0px;">
				
				<el-table :data="underTask" border stripe highlight-current-row  @current-change="handlecyCurrentChange" style="width: 100%"
					:row-style="rowStyle" :cell-style="cellStyle">
					<el-table-column :key="table.label" v-for="table in tableHeader2" :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 style="margin:5px 0" type="success" size="small" plain @click="input(scope.row.id)">填报抽样单
						</el-button>
						<el-button style="margin-bottom:5px" type="success" size="small" @click="getCydlist(scope.row.id)">查看抽样单列表
						</el-button>
							<!-- <el-button type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)" @focus="getSampleListDialog = true">查看抽样单列表
						</el-button> -->
						<!-- <el-button type="primary" size="small" plain icon="el-icon-edit-outline" @click="appear">上报抽样信息
						</el-button> -->
					</template>
					</el-table-column>
				</el-table>

				<!-- 抽样单列表对话框 -->
			<el-dialog title="抽样单列表" :visible.sync="getSampleListDialog" width="75%" :close-on-click-modal="false" class="dialogItem">
				<el-form v-if="getSampleListDialog">
					<!--  表格数据区域-->
					<el-table ref="multipleTable" :data="tableData" border stripe highlight-current-row
						@selection-change="handleSelectionChange" style="width: 100%" :row-style="rowStyle"
						:cell-style="cellStyle">
						<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" width="60">
							<template slot-scope="scope">
								<span v-if="scope.row.cydProfile.cyd_file_url==''">无</span>
								<el-link v-else type="primary" :href="scope.row.cydProfile.cyd_file_url">下载</el-link>
							</template>
						</el-table-column> -->
						<el-table-column label="操作" align="center" fixed="right">
							<template slot-scope="scope">
								<el-button style="margin:5px 5px" type="success" size="small" plain @click="sampleDetail(scope.row.id)">查看
								</el-button>
								<el-button style="margin:5px 5px" type="primary" size="small" plain icon="el-icon-edit-outline" v-if="scope.row.cyd_status == 1" @click="putCydStatus(scope.row.id)">上报抽样信息
								</el-button>
								<el-button style="margin:5px 5px" type="primary" size="small" plain icon="el-icon-edit-outline" v-else>抽样信息已上报
								</el-button>
							</template>
						</el-table-column>
					</el-table>
					<!--    分页器区域-->
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
					:current-page="queryInfo.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfo.pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="total" background />
				</el-form>
			</el-dialog>
			</el-row>	
		</el-tab-pane>

			<el-tab-pane label="检测" name="third">
			<!-- <el-tab-pane  v-if="checkShow==true"  label="检测" name="third"> -->
			<el-table :data="underTask" border stripe highlight-current-row  @current-change="handlecyCurrentChange" style="width: 100%"
					:row-style="rowStyle" :cell-style="cellStyle">
				<el-table-column :key="table.label" v-for="table in tableHeader2" :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 style="margin:5px 0" type="success" size="small" @click="getJcdList(scope.row.id)">查看检测单列表
					</el-button>
				</template>
				</el-table-column>
			</el-table>
			<!-- 查看检测单列表弹框 -->
			<el-dialog title="检测单列表" :visible.sync="checkTestList" width="80%" :close-on-click-modal="false"
				class="dialogItem">
				<!--  表格数据区域-->
				<el-table :data="tableData1" border stripe highlight-current-row style="width: 100%"
					:row-style="rowStyle" :cell-style="cellStyle">
					<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 checkHeader" :label="table.label"
						:prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
					<el-table-column label="操作" align="center" fixed="right" width="350px">
						<template slot-scope="scope">
							<el-button style="margin:5px 5px" type="success" size="mini" v-if="scope.row.jc_value_id==null" plain
								@click="getJcdObj(scope.row.id)">填报检测单</el-button>
							<el-button style="margin:5px 5px" type="primary" v-else size="mini" plain @click="update(scope.row)">修改</el-button>
							<el-button style="margin:5px 5px" type="primary" size="mini" plain @click="upJcdItem(scope.row.sample_id)" v-if="scope.row.cyd_status == 1">上报检测单
							</el-button>
							<el-button style="margin:5px 5px" type="primary" size="mini" plain @click="upJcdItem(scope.row.sample_id)" v-else>检测单已上报
							</el-button>
							<!-- <el-button style="margin:5px 5px" type="primary" size="mini" plain @click="creatpdf(scope.row.sample_id)">生成检测报告
							</el-button> -->
						</template>
					</el-table-column>
				</el-table>

				<!--    分页器区域-->
				<el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1"
					:current-page="queryInfo1.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfo1.pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="jcdListTotal" background />
			</el-dialog>
			</el-tab-pane>
			

			<el-dialog title="填报检测单" :visible.sync="inputJcdShow" width="70%" :close-on-click-modal="false"
				class="dialogItem">


			<div id="inputJcd" style="margin:10px 50px; width:100%">
				<el-form :rules="rules" :model="jcd">
					<el-row>
					<el-col :span="10">
					<el-form-item label="检测单编码:" prop="jcd_code" class="labelItem">	
							<el-input v-model="jcd.jcd_code" placeholder="请输入检测单编码" style="width:50%;margin-left:5px;"></el-input>
					</el-form-item>
					</el-col>
					<el-col :span="6">
					<el-form-item label="检测结果:" prop="jcd_result" class="labelItem">
						<el-radio-group v-model="jcd.jcd_result" @change="jcResult()">
							<el-radio :label="1">合格</el-radio>
							<el-radio :label="0">不合格</el-radio>
						</el-radio-group>
					</el-form-item>
					</el-col>
					</el-row>
					<!-- 上传检测报告 -->
					<el-form-item label="检测单报告上传:" prop="jcd" class="labelItem">
					<el-upload
						class="upload-demo"
						:headers="myHeaders"
						action='http://new.syjcapi.aielab.net/api/v1/ossUpload'
						:on-preview="handlePreview"
						:on-remove="handleRemove"
						:before-remove="beforeRemove"
						:on-success="uploadSuccess"
						multiple
						:file-list="fileList">
						<el-button size="small" type="primary">点击上传</el-button>
						<div slot="tip" class="el-upload__tip">只能上传pdf文件，且不超过500kb</div>
					</el-upload>
				</el-form-item>
	
				
				</el-form>
			</div>
			<!-- <div v-show="jcd.jcd_result==0"> -->
			<div style="display: flex;flex-direction: row;float: right;margin-bottom: 10px;" v-show="jcd.jcd_result==0">
				<el-button type="success" size="small" plain @click="addJcxItemDialog = true">新增不合格项</el-button>
			</div>
				<!--  表格数据区域-->
				<el-table :data="jcxItems" border stripe highlight-current-row style="width: 100%;"
					:row-style="rowStyle" :cell-style="cellStyle" align="center" v-show="jcd.jcd_result==0">
					<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 jcxHeader" :label="table.label"
						:prop="table.prop" align="center" :width="table.width" :fixed="table.fixed">

					</el-table-column>
					<el-table-column label="操作" align="center">
							<template slot-scope="scope">
							<el-col style="margin-bottom: 5px;">
								<el-button type="success" size="mini" @click="delJcdItem(scope.row.id)">删除</el-button>
							</el-col>
						</template>
					</el-table-column>
				</el-table>

				<!--    分页器区域-->
				<el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
					:current-page="queryInfo2.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfo2.pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="jcxItemTotal" background  v-show="jcd.jcd_result==0" />

		
			<div class="footer">
				<el-button type="success" style="margin-bottom:30px;" size="small" @click="putJcd()">完成</el-button>
			</div>
			</el-dialog>

			<el-dialog title="新增不合格检测项目" :visible.sync="addJcxItemDialog" width="40%" :close-on-click-modal="false"
				class="dialogItem">
				<div id="addUnqualifiedJcx" style="margin:auto;">
				<el-form :rules="rules" :model="jcxItem" style="margin:10px auto;">
					<el-form-item label="检测项目:" prop="item_name" class="labelItem">
						<el-input v-model="jcxItem.item_name" style="width:42%"></el-input>
					</el-form-item>
					<el-form-item label="标准指标:" prop="item_standard" class="labelItem">	
							<el-input v-model="jcxItem.item_standard" style="width:42%;"></el-input>
					</el-form-item>
					<el-form-item label="实测值:" prop="item_measured_value" class="labelItem">
						<el-input v-model="jcxItem.item_measured_value" style="width:42%"></el-input>
					</el-form-item>
					<el-form-item label="单项判定:" prop="item_result" class="labelItem">
						<el-input v-model="jcxItem.item_result" style="width:42%"></el-input>
					</el-form-item>
					<el-form-item label="监测依据:" prop="item_basis" class="labelItem">
						<el-input v-model="jcxItem.item_basis" style="width:42%"></el-input>
					</el-form-item>
					<el-form-item label="备注:" prop="item_log" class="labelItem">
						<el-input v-model="jcxItem.item_log" style="width:42%"></el-input>
					</el-form-item>
				</el-form>
				</div>
			<div class="footer">
				<el-button type="success" style="margin-bottom:30px;" size="small" @click="postJcdItem()">保存</el-button>
			</div>
			</el-dialog>
			<!-- ///////////////////////////////////////////检测报告生成-------难、、、、、、、、、、、、、、、、、、、、、、 -->
			<el-dialog title="生成监测报告" :visible.sync="dialogVisible2" width="50%">
				<div id="pdf">
					<el-form ref="formjc" :model="formjc" label-width="100px"
						style="margin-top: 20px;width: 100%;background-color: aliceblue;padding: 5px;">
						<el-row style="text-align: center; font-size: 23px; margin: 40px 0;">
							安徽省农业农村厅农产品质量安全例行监测检测报告
						</el-row>
						<el-row>
							<el-col :span="12">
								<el-form-item label="样品名称" prop="sample_name" class="labelItem" size="mini">
									<el-input disabled v-model="formjc.sample_name"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="11">
								<el-form-item label="样品编码" prop="sample_id" class="labelItem" style="" size="mini">
									<el-input disabled v-model="formjc.sample_id"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="12">
								<el-form-item label="型号规格" prop="type" class="labelItem" size="mini">
									<el-input disabled v-model="formjc.type"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="11">
								<el-form-item label="执行标准" prop="standard" class="labelItem" style="" size="mini">
									<el-input disabled v-model="formjc.standard"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="12">
								<el-form-item label="生产日期或批号" prop="production_date" class="labelItem" size="mini">
									<el-input disabled v-model="formjc.production_date"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="11">
								<el-form-item label="产地" prop="place" class="labelItem" style="" size="mini">
									<el-input disabled v-model="formjc.place"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="12">
								<el-form-item label="产品认证情况" prop="certicfie" class="labelItem" size="mini">
									<el-input disabled v-model="formjc.certicfie"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="11">
								<el-form-item label="证书编号" prop="certifie_num" class="labelItem" style="" size="mini">
									<el-input disabled v-model="formjc.certifie_num"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="12">
								<el-row>
									<el-col :span="13">
										<el-form-item label="抽样数量" prop="sample_num" class="labelItem" size="mini">
											<el-input disabled v-model="formjc.sample_num"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="10">
										<el-form-item label="单位" prop="sample_num_unit" class="labelItem" size="mini"
											label-width="60px">
											<el-input disabled v-model="formjc.sample_num_unit"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-col>
							<el-col :span="11">
								<el-row>
									<el-col :span="13">
										<el-form-item label="抽样基数" prop="sample_base" class="labelItem" size="mini">
											<el-input disabled v-model="formjc.sample_base"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="10">
										<el-form-item label="单位" prop="sample_base_unit" class="labelItem" size="mini"
											label-width="60px" clearable>
											<el-input disabled v-model="formjc.sample_base_unit"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-col>
						</el-row>
						<el-row>
							<el-col>
								<el-form-item label="抽样场所" prop="sample_ground" class="labelItem" size="mini">
									<el-input disabled v-model="formjc.sample_ground"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="7" style="text-align: center;vertical-align: middle;line-height: 250px;font-size: 14px;">
								<div class="">
									受检单位情况
								</div>
							</el-col>
							<el-col :span="15">
								<el-form-item label="单位名称" prop="unitTest.unit_test_name" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.unit_test_name"></el-input>
								</el-form-item>
								<el-form-item label="通讯地址" prop="unitTest.address" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.address"></el-input>
								</el-form-item>
								<el-form-item label="法定代表人" prop="unitTest.represent_name" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.represent_name"></el-input>
								</el-form-item>
								<el-form-item label="受检人" prop="unitTest.user_name" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.user_name"></el-input>
								</el-form-item>
								<el-form-item label="电话" prop="unitTest.phone" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.phone"></el-input>
								</el-form-item>
								<el-form-item label="传真" prop="unitTest.fax" class="labelItem" style="" size="mini">
									<el-input disabled v-model="unitTest.fax"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
					</el-form>
					<el-table :data="resultjc" border stripe highlight-current-row style="width: 100%"
						:row-style="rowStyle" :cell-style="cellStyle">
						<el-table-column :key="table.label" v-for="table in jcheader" :label="table.label"
							:prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
					</el-table>
				</div>
				<!-- <div  style="margin-top: 10px; text-align: center">
				<el-button @click="dialogVisible2 = false">取 消</el-button>
				<el-button type="primary" @click="download">生成检测报告pdf</el-button>
				</div> -->
				<!-- </span> -->
			</el-dialog>

			<!-- <el-tab-pane label="报告上传" name="five">
				<el-upload class="upload-demo" :file-list="fileList" drag :headers="myHeaders"
					action="http://syjcapi.aielab.net/api/v1/ossUpload" :on-success="uploadSuccess" :limit="1">
					<i class="el-icon-upload"></i>
					<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
				</el-upload>
			</el-tab-pane> -->
		</el-tabs>
		</div>
	</div>
</template>

<script>
	import htmlToPdf from '../../assets/js/htmlToPdf.js'
	import inputCheck from './inputCheck'
	const token = window.sessionStorage.getItem('token')
	const name = window.sessionStorage.getItem('name')
	export default {
		name: 'setTask',
		data() {
			return {
				size: 'medium',
				myHeaders: {
					Authorization: token
				},
				rules: {
                	item_name: [{required: true, message: '该项为必填项', trigger: 'blur'},],
					// inspected_address: [{required: true, message: '请输入单位地址', trigger: 'blur'},],
					item_standard: [{required: true, message: '该项为必填项', trigger: 'blur'},],
					item_measured_value: [{required: true, message: '该项为必填项', trigger: 'blur'},],
					item_result: [{required: true, message: '该项为必填项', trigger: 'blur'},],
					item_basis: [{required: true, message: '该项为必填项', trigger: 'blur'},],
					item_log: [{required: true, message: '该项为必填项', trigger: 'blur'},],
						},
				radio:{},
				formjc: {},
				unitTest: {},
				dialogVisible2: false,
				getSampleListDialog: false,//抽样单列表对话框
				checkTestList: false,//检测单列表对话框
				addJcxItemDialog: false,//新增不合格检测项目对话框
				UnqualifiedJcxItemDialog: false,//退回中查看不合格检测项目对话框
				jcxItemTotal: 0,
				thItemsTotal: 0,
				activeName: 'first',
				jcxItems: {},
				thjcxItems:{},
				id: 0,
				jcd: {
					jcd_result: '',
					file_name: '',
					file_url: ''
				},
				readForm: {
					creater: [],
					releaser: [],
					modelInfo: [],
					model_type: '',
				
				},
				// sample_name: '',
				// sample_id: '',
				sampleTask: [],
				underTask: [],
				
				jcdListTotal: 0,
				queryInfo: {
					pageNum: 1,
					pageSize: 10,
				},
				queryInfo1:{
					pageNum: 1,
					pageSize: 10,
					task_id: '',
					task_profile_id: ''
				},	
				queryInfo2:{
					pageNum: 1,
					pageSize: 10,
					jcd_id: ''
				},	
				queryInfoth:{
					pageNum: 1,
					pageSize: 10,
					task_id: ''
				},
				queryInfothItems:{
					pageNum: 1,
					pageSize: 10,
					task_id: '',
					task_profile_id: ''
				},		
				cellStyle: {
					padding: 2 + 'px'
				},
				rowStyle: {
					height: 35 + 'px'
				},
				tableHeader: [{
						label: '抽样单编码',
						prop: 'cyd_code'
						// fixed: 'left'
					},
					{
						label: '受检单位',
						prop: 'inspectedUnit.inspected_name',
						width: 180
					},
					{
						label: '抽样日期',
						prop: 'cydProfile.cyd_date',
						width: 150
					},
					{
						label: '状态',
						prop: 'status',
						width: 100
					}
				],
				//获取检测单列表表格
				checkHeader: [{
						label: '抽样单编码',
						prop: 'cyd_code'
						// fixed: 'left'
					},
					{
						label: '受检单位',
						prop: 'inspectedUnit.inspected_name',
						width: 180
					},
					{
						label: '抽样日期',
						prop: 'cydProfile.cyd_date',
						width: 150
					},
					{
						label: '状态',
						prop: 'status',
						width: 100
					}
				],

				jcxHeader: [
					{
						label: '检测项目',
						prop: 'item_name'
						// fixed: 'left'
					},
					{
						label: '标准指标',
						prop: 'item_standard',
						// width: 180
					},
					{
						label: '实测值',
						prop: 'item_measured_value',
						// width: 150
					},
					{
						label: '单项判定',
						prop: 'item_result',
						// width: 100
					},
					{
						label: '检验依据',
						prop: 'item_basis',
						// width: 100
					},
					{
						label: '备注',
						prop: 'item_log',
						// width: 100
					},
					],
				thjcxHeader: [
					{
						label: '检测项目',
						prop: 'item_name'
						// fixed: 'left'
					},
					{
						label: '标准指标',
						prop: 'item_standard',
						// width: 180
					},
					{
						label: '实测值',
						prop: 'item_measured_value',
						// width: 150
					},
					{
						label: '单项判定',
						prop: 'item_result',
						// width: 100
					},
					{
						label: '检验依据',
						prop: 'item_basis',
						// width: 100
					},
					{
						label: '备注',
						prop: 'item_log',
						// width: 100
					},
					],
					
				checkHeader2: [{
					label: '检测项目',
					prop: 'test_name',
					// fixed: 'left'
				}],
				// 数据表格数据
				tableData: [],
				tableData1: [],
				options: [],
				// thTask: {
				// 	sampleOrgId: '',
				// 	checkOrgId: '',
				// 	sample_address: ''
				// },
				thTask: [
					
				],
				thTaskTotal: 0,
				task_id: '',
				multipleSelection: null,
				// 填报检测对话框
				inputJcdShow: false,
				jcd_id: '',
				testPesticides: [],
				resultjc: [],
				
				jcheader: [{
						label: '检测项目',
						prop: 'test_name',
					},
					{
						label: '检测值',
						prop: 'test_value',
					}, {
						label: '限量值',
						prop: 'state_value',
					}, {
						label: '单位',
						prop: 'unit',
					}, {
						label: '抽检结果',
						prop: 'test_result'
					}, {
						label: 'LOD',
						prop: 'LOD',
					}, {
						label: 'LOQ',
						prop: 'LOQ',
					}
				],
				tableHeader2: [{
						label: '抽样机构',
						prop: 'sampleOrgId.name',
						// width: 180,
					}, {
						label: '检测机构',
						prop: 'checkOrgId.name'
					},
					{
						label: '抽样地区',
						prop: 'sample_address'
					}, 
				],
				thtableHeader: [{
						label: '抽样机构',
						prop: 'sampleOrgId.name',
						// width: 180,
					}, {
						label: '检测机构',
						prop: 'checkOrgId.name'
					},
					{
						label: '抽样地区',
						prop: 'sample_address'
					}, 
				],
				fileList: [],
				total: 0,
				sampleShow: false, //是否展示抽样卡片
				checkShow: false, //是否展示检测卡片
				currentRow: null,//选中机构地域表格数据项
				jcxItem:{},//新增检测项目
			};
		},
		components: {
			inputCheck
		},
		mounted() {},
		created() {
			this.task_id = this.$route.params.id

			this.getTask()
			this.getCheckTaskList()
			this.getOldTaskProfile()
		},

		methods: {
			// 获取检测单列表
			async getJcdList(id){
				this.queryInfo1['task_id'] = this.task_id
				this.queryInfo1['task_profile_id'] = id
				this.checkTestList = true
				this.getJcds()
			},
			async getJcds() {
				const {
					data: res
				} = await this.$http.post("getJcds", this.queryInfo1);
				// console.log(res)
				this.tableData1 = res.data.rows
				for(let i= 0; i < this.tableData1.length; i++) {
					if(this.tableData1[i].cyd_status == 1) {
						this.tableData1[i].status = '未上报'
					}else {
						this.tableData1[i].status = '已上报'
					}
				}
				console.log(this.tableData1[0].cyd_status)
				this.jcdListTotal = res.data.total
				
			},
			// 获取抽样单列表
			async getCydlist(id) {
				this.queryInfo['task_id'] = this.task_id
				this.queryInfo['task_profile_id'] = id
				this.getSampleListDialog = true
				this.getCyds()
			},
			async getCyds() {
				const {
					data: res
				} = await this.$http.post("getCyds", this.queryInfo);
				// console.log(res)
				this.tableData = res.data.rows
				for(let i= 0; i < this.tableData.length; i++) {
					if(this.tableData[i].cyd_status == 1) {
						this.tableData[i].status = '未上报'
					}else {
						this.tableData[i].status = '已上报'
					}
				}
				console.log(this.tableData[0].status)
				this.total = res.data.total	
			},

			// 删除不合格检测项目信息
			async delJcdItem(id) {
				let that = this
				const result = await this.$http.post('delJcdItem', {jcd_item_id: id})
				// 判断业务逻辑
				if (result.data.code == 0) {
					this.$message({
						type: 'success',
						message: '删除成功'
					})
					this.getJcdItems()
				}
			},
			//新增不合格检测项目
			async postJcdItem() {
				let that = this
				that.jcxItem['jcd_id'] = that.jcd_id
				const result = await this.$http.post('postJcdItem', that.jcxItem)
				if (result.data.code == 0) {
				this.$message({
					type: 'success',
					message: '保存成功'
				})
				this.addJcxItemDialog = false
				this.getJcdItems()
			}
			},
			//获取不合格检测项目列表
			async getJcdItems() {
				let that = this
				that.queryInfo2.jcd_id = that.jcd_id
				const res = await this.$http.post('getJcdItems',that.queryInfo2)
				console.log(res.data.data.rows)
				this.jcxItems = res.data.data.rows
				this.jcxItemTotal = res.data.data.total
			},
			//获取退回任务不合格检测项目列表
			// async getthJcdItems() {
			// 	let that = this
			// 	that.queryInfo2.jcd_id = that.jcd_id
			// 	const res = await this.$http.post('getUnqualifiedItem',that.queryInfo2)
			// 	console.log(res.data.data.rows)
			// 	this.thjcxItems = res.data.data.rows
			// 	this.thjcxItemTotal = res.data.data.total
			// },
			//填报检测单完成
			async putJcd() {
				let that = this
				that.jcd.jcd_id = that.jcd_id
				const res = await this.$http.post('putJcd',that.jcd)
				if (res.data.code == 0) {
				this.$message({
					type: 'success',
					message: '填报检测单成功'
				})
				}
				this.inputJcdShow = false
			},
			
			//查询
			async searchData() {
				console.log(this.queryInfo)
				this.queryInfo.pageNum = 1
				this.getCyds()
			},
			//重置
			resetForm(formName) {
				// console.log(this.queryInfo)
					this.$refs[formName].resetFields();
			},
			//选中抽样任务（单选）
			handlecyCurrentChange(val) {
				this.currentRow = val;
				console.log(this.currentRow)
				console.log(this.currentRow.id)

				// under_id = 
			},
			//获取任务详情
			async getTask() {
				var that = this
				const {
					data: res
				} = await this.$http.post("getTask", {
					task_id: that.task_id,
					pageNum: that.queryInfo.pageNum,
					pageSize: that.queryInfo.pageSize
				});
				if(res.data.task_class = 'retask'){
					res.data.task_class = '退回任务'
				}
				that.readForm = res.data
				console.log(that.readForm)
			},

			//上传文件
			 handleRemove(file, fileList) {
				console.log(file, fileList);
			},
			handlePreview(file) {
				console.log(file);
			},
			beforeRemove(file, fileList) {
				return this.$confirm(`确定移除 ${ file.name }？`);
			},

			// 上传成功
			uploadSuccess(res) {
				console.log(res.data)
				this.jcd.file_url = res.data.fileUrl
				this.jcd.file_name = res.data.fileName
				console.log(this.jcd.file_url)
				console.log(this.jcd.file_name)
			},

			//退回任务列表
			async getOldTaskProfile(){
				this.queryInfoth['task_id'] = this.task_id
				const res = await this.$http.post('getOldTaskProfile',this.queryInfoth)
				console.log(res.data.data)
				this.thTask = res.data.data.rows
				this.thTaskTotal = res.data.data.total
			},
			//退回中查看不合格检测项目
			async checkUnqualifiedItems(task_id,task_profile_id){
				var that = this
				that.queryInfothItems['task_id'] = task_id
				that.queryInfothItems['task_profile_id'] = task_profile_id
				const res = await this.$http.post('getUnqualifiedItem',that.queryInfothItems)
				this.thjcxItems = res.data.data.rows
				this.thItemsTotal = res.data.data.total
				this.UnqualifiedJcxItemDialog = true
			},

			//抽样标签详情
			async getSampleTaskList(){
				for (var key in this.queryInfo) {
				if (this.queryInfo[key] == '') {
					delete this.queryInfo[key]
					}
				}
				var that = this
				const {
					data: res
				} = await this.$http.post("getSampleTaskList", {
					task_id: that.task_id,
					// pageNum: that.queryInfo.pageNum,
					// pageSize: that.queryInfo.pageSize
				});
				console.log(res)
				that.sampleTask = res.data.rows
				console.log(that.sampleTask)
			},

			//检测标签详情
			async getCheckTaskList(){
				var that = this
				const {
					data: res
				} = await this.$http.post("getCheckTaskList", {
					task_id: that.task_id,
					// pageNum: that.queryInfo.pageNum,
					// pageSize: that.queryInfo.pageSize
				});
				console.log(res)
				that.underTask = res.data.rows
				console.log(that.underTask)
			},


			
			// 上传成功
			// async uploadSuccess(res) {
			// 	console.log(res.data)
			// 	this.form.file_url = res.data.fileUrl
			// 	this.form.file_name = res.data.fileName
			// 	const result = await this.$http.post('saveTestFile', {
			// 		sample_id: sample_id
			// 	})
			// 	if (result.data.code == 0) {
			// 		that.formjc = result.data.data
			// 	}
			// },
			//下载检测报告
			// download() {
			// 	htmlToPdf.downloadPDF(document.querySelector('#pdf'), '检测报告')
			// },
			//生成检测报告pdf
			// async creatpdf(sample_id) {
			// 	var that = this
			// 	that.dialogVisible2 = true
			// 	// async getSampleDetail() {
			// 	// const result = await this.$http.post('getSampleDetail', {
			// 	// 	sample_id: sample_id
			// 	// })
			// 	// if (result.data.code == 0) {
			// 	// 	that.formjc = result.data.data
			// 	// }
			// 	// console.log(that.formjc)
			// 	const res = await this.$http.post('getTestValue', {
			// 		sample_id: sample_id
			// 	})
			// 	console.log()
			// 	if (res.data.code == 0) {
			// 		that.formjc = res.data.data.result
			// 		that.unitTest = res.data.data.result.unitTest
			// 		that.resultjc = res.data.data.result_detail
			// 	}
			// 	console.log(that.formjc)
			// 	console.log(that.resultjc)
			// 	// },

			// },
			//保存检测单
			// async saveJcdItem() {
			// 	console.log(this.testPesticides)
			// 	console.log(this.underInfo)
			// 	for (let i = 0; i < this.testPesticides.length; i++) {
			// 		this.testPesticides[i]['unit'] = 'mg/kg'
			// 		console.log(this.testPesticides[i]['state_value'])
			// 		if (this.testPesticides[i]['state_value'] === 'ND') {
			// 			if (this.testPesticides[i]['test_value'] !== 'ND') {
			// 				this.testPesticides[i]['test_result'] = '不合格'
			// 			}
			// 		} else {
			// 			if (this.testPesticides[i]['test_value'] <= this.testPesticides[i]['state_value']) {
			// 				this.testPesticides[i]['test_result'] = '合格'
			// 			} else if (this.testPesticides[i]['test_value'] > this.testPesticides[i]['state_value']) {
			// 				this.testPesticides[i]['test_result'] = '不合格'
			// 			}
			// 		}
			// 		delete this.testPesticides[i]['test_model_id']
			// 	}


			// 	var that = this
			// 	const result = await this.$http.post("saveJcdItem", {
			// 		pesticides: that.testPesticides,
			// 		sample_id: that.sample_id
			// 	});
			// 	if (result.data.data.disable_upload_data == '') {
			// 		this.$message({
			// 			type: 'success',
			// 			message: '检测成功!'
			// 		});
			// 		that.inputCheckShow = false
			// 		that.getJcdList(this.underInfo.underTake_id)
			// 	} else if(result.data.data.enable_upload_data == ''){
			// 		this.$message({
			// 			type: 'error',
			// 			message: '请输入检测数据'
			// 		});
			// 	} else{
			// 		this.$message({
			// 			type: 'error',
			// 			message: '已存在数据保存失败，新增数据保存成功'
			// 		});
			// 		that.inputCheckShow = false
			// 		that.getJcdList(this.underInfo.underTake_id)
			// 	}
			// },
			//填报检测单
			async getJcdObj(id) {
				console.log(111)
				this.inputJcdShow = true
				console.log(222)
				var that = this
				const {
					data: res
				} = await this.$http.post("getJcdObj", {
					cyd_id: id,
				});
			
				that.jcd_id = res.data.jcd_id
				console.log(that.jcd_id)
			},
			//检测单列表-上报
			async upJcdItem(id){
				var that = this
				const result = await this.$http.post('upJcdItem', {
					sample_id: id
				})
				console.log(result.data.data)
				// this.getCyds()
					// 判断业务逻辑
					if (result.data.code == 0) {
						this.$message({
							type: 'success',
							message: '上报抽样信息成功'
						})
						
						this.getJcdList(result.data.data)
					}
			},
			handleClick(tab, event) {
				console.log(tab, event);
			},
			
			// 跳转到填写抽样单
			inputSample() {
				this.activeName = 'second'
			},
			// 填报抽样单
			input(id) {
				console.log(id)
				console.log(this.readForm.id)

						this.$router.push({
					name: 'fillSampleReport',
					params: {
						task_id: this.readForm.id,
						under_id:id
					}
				})
				// }
				// if(isset(this.currentRow.id)){
				// 	this.under_id=this.currentRow.id
				// }
			
				// console.log(this.currentRow.id)
			},
			// 返回
			back() {
				var that = this
				this.$router.push({
					name: 'setTaskcd',
					params: {
						id: that.id
					}
				})
			},
			// 上传抽样信息
			async putCydStatus(id) {
				let that = this
				// that.orgs = that.multipleSelection
				// console.log(that.multipleSelection)
				const result = await this.$http.post('putCydStatus', {
					cyd_id: id
				})
				console.log(result.data.data)
				// this.getCyds()
					// 判断业务逻辑
					this.$message({
							type: 'success',
							message: '上报抽样信息成功'
						})
						
						this.getCyds(result.data.data)
					// if (result.data.code == 0) {
					// 	this.$message({
					// 		type: 'success',
					// 		message: '上报抽样信息成功'
					// 	})
						
					// 	this.getCyds(result.data.data)
					// }
			},
		
			/** 修复当用户在大于1的分页进行数据搜索没有返回值的问题 */
			setPageNum() {
				this.queryInfo.pageNum = 1
				this.getCyds()
			},
			setSelectedRow() {
				// 设置当前页已选项
				this.hander = true
				this.tableData.forEach(item => {
					if (this.list.includes(item[this.uniqueKey])) {
						this.$refs.multipleTable.toggleRowSelection(item, true)
					}
				})
				this.hander = false
			},

			/** 监听每页显示多少数据的改变 */
			handleSizeChange(newSize) {
				this.queryInfo.pageSize = newSize
				this.getCyds()
			},

			/** 监听页码的改变 */
			handleCurrentChange(newPage) {
				this.queryInfo.pageNum = newPage
				this.getCyds()
			},
			/** 监听每页显示多少数据的改变 */
			handleSizeChange1(newSize) {
				this.queryInfo1.pageSize = newSize
				this.getJcdList()
			},

			/** 监听页码的改变 */
			handleCurrentChange1(newPage) {
				this.queryInfo1.pageNum = newPage
				this.getJcdList()
			},
				/** 监听每页显示多少数据的改变 */
			handleSizeChange2(newSize) {
				this.queryInfo2.pageSize = newSize
				this.getJcdItems()
			},

			/** 监听页码的改变 */
			handleCurrentChange2(newPage) {
				this.queryInfo2.pageNum = newPage
				this.getJcdItems()
			},
			/** 监听每页显示多少数据的改变 */
			handleSizeChangeth(newSize) {
				this.queryInfoth.pageSize = newSize
				this.getOldTaskProfile()
			},

			/** 监听页码的改变 */
			handleCurrentChangeth(newPage) {
				this.queryInfoth.pageNum = newPage
				this.getOldTaskProfile()
			},

			handleSizeChangethItems(newSize) {
				this.queryInfothItems.pageSize = newSize
				this.checkUnqualifiedItems()
			},

			/** 监听页码的改变 */
			handleCurrentChangethItems(newPage) {
				this.queryInfothItems.pageNum = newPage
				this.checkUnqualifiedItems()
			},
			// 批量勾选
			handleSelectionChange(val) {
				this.multipleSelection = val
				console.log(this.multipleSelection)
				if (this.hander) return false
				// this.setSelectRows() // 处理选中的方法
			},
			// 跳转到查看抽样单详情
			sampleDetail(id) {
				console.log(id)
				console.log(this.task_id)

				this.$router.push({
					name: 'sampleReport',
					params: {
						task_id: this.task_id,
						id: id
					}
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.el-breadcrumb {
		margin-bottom: 20px;
	}

	// .el-form-item {
	// 	margin-bottom: 0px;
	// }

	.el-select {
		width: 210px;
		height: 100%;
	}

	.select {
		display: flex;
		flex-direction: row;
		margin-left: 10px;
	}

	// .el-form {
	// 	margin-left: 35%;
	// }

	// .el-form-item {
	// 	// margin-bottom: 8px;
	// 	margin: 0 auto;
	// }

	// .labelItem /deep/ .el-form-item__label {
	// 	// width: 80px;
	// 	text-align: center;
	// 	vertical-align: middle;
	// 	float: left;
	// 	font-size: 14px;
	// 	color: #606266;
	// 	font-weight: bold;
	// 	// line-height: 40px;
	// 	padding: 0 20px 0 0;
	// 	-webkit-box-sizing: border-box;
	// 	box-sizing: border-box;
	// }

	.demonstration {
		margin: 20px;
	}

	// .el-form-item__content {
	// 	width: 200px;
	// }

	.footer {
		margin-top: 20px;
		margin-left: 45%;
	}
	.el-table{
		margin-top: 20px;
	}
	.el-pagination {
		margin-top: 25px;
	}
	/deep/ #taskDetail{
		.el-descriptions-item__label.is-bordered-label{
		width: 18.75rem;}
	}
	/deep/ #addUnqualifiedJcx{
		.el-form-item__label{
			width: 15%;
		}
		.el-form-item__error{
		left: 6.875rem;
	}
	}
	// /deep/ #inputJcd{
	// 	.el-upload__tip{
	// 		margin-left: 7.1875rem;
	// 	}
	// }
</style>