|
|
@@ -1,953 +1,947 @@
|
|
|
-<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 :to="{ path: '/jc/routineMonitor' }">任务列表</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="first">
|
|
|
- <el-descriptions class="margin-top" :title="readForm.task_class+'任务'" :column="2" :size="size" border>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 发布单位
|
|
|
- </template>
|
|
|
- {{readForm.releaser}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 年度
|
|
|
- </template>
|
|
|
- {{readForm.year}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 开始时间和结束时间
|
|
|
- </template>
|
|
|
- {{readForm.starttime}}-{{readForm.endtime}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 抽样信息上报截止时间
|
|
|
- </template>
|
|
|
- {{readForm.endtime_cydsb}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 监测类型
|
|
|
- </template>
|
|
|
- {{readForm.task_class}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 行业
|
|
|
- </template>
|
|
|
- <!-- <div v-if="readForm.product!=[]"> -->
|
|
|
- <span>{{readForm.model_type}}</span>
|
|
|
- <!-- </div> -->
|
|
|
- <!-- <div v-else>暂无</div> -->
|
|
|
- </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-descriptions class="margin-top" :size="size" border>
|
|
|
- <el-descriptions-item>
|
|
|
-
|
|
|
- <template slot="label">
|
|
|
- 检测对象
|
|
|
- </template>
|
|
|
- <span v-for="item in readForm.product">{{item.product_name}}、</span>
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- <el-descriptions class="margin-top" :size="size" border>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 检测项
|
|
|
- </template>
|
|
|
- <span v-for="item in readForm.pesticides">{{item.test_name}}、</span>
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- <el-table :data="underTask" border stripe highlight-current-row 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>
|
|
|
- <div class="footer">
|
|
|
- <el-button type="success" size="mini" @click="input()">填报抽样单</el-button>
|
|
|
- <!-- <el-button type="success" size="mini" @click="next">导出总览</el-button> -->
|
|
|
- <el-button type="success" size="mini" @click="back()">返回</el-button>
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
-
|
|
|
- <el-tab-pane label="抽样" name="second">
|
|
|
- <!-- 头部搜索栏 -->
|
|
|
- <el-row style="margin-right: 0px;">
|
|
|
- <el-form style="display: flex; flex-direction: row;">
|
|
|
- <el-form-item label="产品编码" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="受检单位" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="抽样编码" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="样品名称" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-right: 0px;">
|
|
|
- <el-form style="display: flex; flex-direction: row;">
|
|
|
- <el-form-item label="抽样场所" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="抽样日期" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="抽样单位" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="抽样机构" class="select" size="small">
|
|
|
- <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-button style="height: 32px;margin-left: 15px;" size="mini" type="success"
|
|
|
- @click="searchData()">查询
|
|
|
- </el-button>
|
|
|
- <!-- 重置 -->
|
|
|
- <el-button style="height: 32px;margin-left: 5px;" size="mini" type="success" @click="reset()">
|
|
|
- 重置
|
|
|
- </el-button>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-right: 0px;">
|
|
|
- <el-form style="display: flex; flex-direction: row;">
|
|
|
- <!-- <el-form-item label="产地" class="select">
|
|
|
- <el-select v-model="value" placeholder="请选择省份" size="small">
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="value" placeholder="请选择城市" size="small">
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="value" placeholder="请选择区/县" size="small">
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item> -->
|
|
|
- <!-- 查询 -->
|
|
|
-
|
|
|
- </el-form>
|
|
|
- <div style="display: flex;flex-direction: row;float: right;">
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-plus" @click="input()">填报抽样单
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-edit-outline" @click="appear">上报抽样信息
|
|
|
- </el-button>
|
|
|
- <!-- <el-button type="primary" size="small" plain icon="el-icon-scissors" @click="repeal()">导出</el-button> -->
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-delete" @click="delAll">删除
|
|
|
- </el-button>
|
|
|
- <!-- <el-button type="primary" size="small" plain icon="el-icon-download">导出</el-button> -->
|
|
|
- </div>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 表格数据区域-->
|
|
|
- <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" align="center">
|
|
|
- <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="操作" width="150px" align="center">
|
|
|
- <template>
|
|
|
- <el-button type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看</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-tab-pane>
|
|
|
-
|
|
|
- <el-tab-pane label="检测" name="third">
|
|
|
-
|
|
|
- <!-- 表格数据区域-->
|
|
|
- <el-table :data="tableData" border stripe highlight-current-row 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" align="center">
|
|
|
- <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" width="220px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="success" size="mini" v-if="scope.row.jc_value_id==null" plain
|
|
|
- @click="check(scope.row.sample_id,scope.row.sample_name)">检测</el-button>
|
|
|
- <el-button type="primary" v-else size="mini" plain @click="update(scope.row)">修改</el-button>
|
|
|
- <el-button type="primary" size="mini" plain @click="upcheck(scope.row.sample_id)">上报
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="mini" plain @click="creatpdf(scope.row.sample_id)">生成检测报告
|
|
|
- </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-tab-pane>
|
|
|
- <el-dialog title="填写检测单" :visible.sync="inputCheckShow" width="70%" :close-on-click-modal="false"
|
|
|
- class="dialogItem">
|
|
|
- <span class="demonstration">样品编码：{{check_id}}</span>
|
|
|
- <span class="demonstration">样品名称：{{check_name}}</span>
|
|
|
- <el-button type="success" size="small" plain @click="onSubmit">保存</el-button>
|
|
|
- <span class="demonstration">注意：“不得检出”只能填为“ND”</span>
|
|
|
- <!-- 表格数据区域-->
|
|
|
- <el-table :data="testPesticides" border stripe highlight-current-row style="width: 100%"
|
|
|
- :row-style="rowStyle" :cell-style="cellStyle">
|
|
|
- <el-table-column :key="table.label" v-for="table in checkHeader2" :label="table.label"
|
|
|
- :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
|
|
|
- <el-table-column label="检测值">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-model="scope.row.test_value" size="small" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="限量值">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-model="scope.row.state_value" size="small" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="单位">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-model="scope.row.unit" size="small">mg/kg</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="抽检结果">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.test_value<=scope.row.state_value&&scope.row.state_value!='ND'"
|
|
|
- size="small">合格</span>
|
|
|
- <span v-else-if="scope.row.test_value>scope.row.state_value" size="small">不合格</span>
|
|
|
- <span v-else-if="scope.row.test_value=='ND'&&scope.row.state_value=='ND'"
|
|
|
- size="small">合格</span>
|
|
|
- <span v-else-if="scope.row.test_value!='ND'&&scope.row.state_value=='ND'"
|
|
|
- size="small">不合格</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="LOD">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-model="scope.row.LOD" size="small" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="LOQ">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-model="scope.row.LOQ" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- </el-table>
|
|
|
- </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_renum" class="labelItem" size="mini">
|
|
|
- <el-input disabled v-model="formjc.sample_renum"></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="units_name" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.units_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="通讯地址" prop="address" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.address"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="法定代表人" prop="corporation" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.corporation"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="受检人" prop="user_name" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.user_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="电话" prop="phone" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.phone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="传真" prop="fax" class="labelItem" style="" size="mini">
|
|
|
- <el-input disabled v-model="formjc.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>
|
|
|
- <el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="download">生成检测报告pdf</el-button>
|
|
|
- </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>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import htmlToPdf from '../../assets/js/htmlToPdf.js'
|
|
|
- import inputCheck from './inputCheck'
|
|
|
- const token = window.sessionStorage.getItem('token')
|
|
|
- export default {
|
|
|
- name: 'setTask',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- size: 'medium',
|
|
|
- myHeaders: {
|
|
|
- Authorization: 'bearer' + token
|
|
|
- },
|
|
|
- formjc: {},
|
|
|
- dialogVisible2: false,
|
|
|
- activeName: 'first',
|
|
|
- id: 0,
|
|
|
- readForm: {},
|
|
|
- underTask: [],
|
|
|
- underTasktotal: '0',
|
|
|
- queryInfo: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10
|
|
|
- },
|
|
|
- // 填报对话框弹出
|
|
|
- inputDialogShow: false,
|
|
|
- cellStyle: {
|
|
|
- padding: 2 + 'px'
|
|
|
- },
|
|
|
- rowStyle: {
|
|
|
- height: 35 + 'px'
|
|
|
- },
|
|
|
- tableHeader: [{
|
|
|
- label: '样品编码',
|
|
|
- prop: 'sample_id'
|
|
|
- // fixed: 'left'
|
|
|
- }, {
|
|
|
- label: '样品名称',
|
|
|
- prop: 'sample_name',
|
|
|
- // fixed: 'left'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '受检单位',
|
|
|
- prop: 'units_name',
|
|
|
- width: 150
|
|
|
- },
|
|
|
- {
|
|
|
- label: '样品产地',
|
|
|
- prop: 'place',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '抽样日期',
|
|
|
- prop: 'sample_date',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '状态',
|
|
|
- prop: 'status',
|
|
|
- width: 150
|
|
|
- }
|
|
|
- ],
|
|
|
- checkHeader: [{
|
|
|
- label: '样品名称',
|
|
|
- prop: 'sample_name',
|
|
|
- // fixed: 'left'
|
|
|
- }, {
|
|
|
- label: '样品编码',
|
|
|
- prop: 'sample_id'
|
|
|
- // fixed: 'left'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '受检单位',
|
|
|
- prop: 'production_name',
|
|
|
- width: 180
|
|
|
- },
|
|
|
- {
|
|
|
- label: '抽样单位',
|
|
|
- prop: 'sample_unit_name',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '检测单位',
|
|
|
- prop: 'units_name',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '判定结果',
|
|
|
- prop: 'test_result',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '状态',
|
|
|
- prop: 'test_status',
|
|
|
- width: 180
|
|
|
- }
|
|
|
- ],
|
|
|
- checkHeader2: [{
|
|
|
- label: '检测项目',
|
|
|
- prop: 'test_name',
|
|
|
- // fixed: 'left'
|
|
|
- }],
|
|
|
- // 数据表格数据
|
|
|
- tableData: [],
|
|
|
- options: [],
|
|
|
- task_id: '',
|
|
|
- multipleSelection: null,
|
|
|
- // 填报检测对话框
|
|
|
- inputCheckShow: false,
|
|
|
- check_name: '',
|
|
|
- check_id: '',
|
|
|
- testPesticides: [],
|
|
|
- resultjc: [],
|
|
|
- // 模型列表
|
|
|
- options: [],
|
|
|
- bindForm: {
|
|
|
- test_model_id: '',
|
|
|
- closingdate: ''
|
|
|
- },
|
|
|
- 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: 'bear_name',
|
|
|
- width: 180,
|
|
|
- }, {
|
|
|
- label: '检测机构',
|
|
|
- prop: 'check_name'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '抽样地区',
|
|
|
- prop: 'address'
|
|
|
- }, {
|
|
|
- label: '抽样数量',
|
|
|
- prop: 'sample_number'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '报告上传单位',
|
|
|
- prop: 'report_name'
|
|
|
- }, {
|
|
|
- label: '报告上传截止时间',
|
|
|
- prop: 'uploadtime'
|
|
|
- }
|
|
|
- ],
|
|
|
- fileList:[],
|
|
|
- total:0,
|
|
|
- };
|
|
|
- },
|
|
|
- components: {
|
|
|
- inputCheck
|
|
|
- },
|
|
|
- mounted() {},
|
|
|
- created() {
|
|
|
- this.task_id = this.$route.params.id
|
|
|
- // console.log(this.$route.params)
|
|
|
- this.getTaskDetail()
|
|
|
- this.getSampleList()
|
|
|
- // this.getmodelList()
|
|
|
- this.getUnderTask()
|
|
|
- },
|
|
|
-
|
|
|
- methods: {
|
|
|
- // 获取机构地域表格
|
|
|
- async getUnderTask() {
|
|
|
- this.queryInfo['task_id'] = this.task_id
|
|
|
- const result = await this.$http.post('getUnderTask', this.queryInfo)
|
|
|
- // 判断业务逻辑
|
|
|
- if (result.data.code == 0) {
|
|
|
- this.underTask = result.data.data.rows
|
|
|
- this.underTasktotal = result.data.data.total
|
|
|
- }
|
|
|
- },
|
|
|
- // 获取模型列表
|
|
|
- // async getmodelList() {
|
|
|
- // const {
|
|
|
- // data: res
|
|
|
- // } = await this.$http.post(
|
|
|
- // "getModelList", {
|
|
|
- // 'pageNum': 1,
|
|
|
- // 'pageSize': 100,
|
|
|
- // type_id: ""
|
|
|
- // }
|
|
|
- // );
|
|
|
- // this.options = res.data.rows
|
|
|
- // }, // 获取任务详情
|
|
|
- async getTaskDetail() {
|
|
|
- var that = this
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getTaskDetail", {
|
|
|
- task_id: that.task_id
|
|
|
- });
|
|
|
- console.log(res.data.product)
|
|
|
- if (res.data.product.length > 0) {
|
|
|
- if (res.data.product[0].type_id == '1') {
|
|
|
- res.data.model_type = '种植业'
|
|
|
- } else if (res.data.product[0].type_id == '2') {
|
|
|
- res.data.model_type = '畜牧业'
|
|
|
- } else if (res.data.product[0].type_id == '3') {
|
|
|
- res.data.model_type = '渔业'
|
|
|
- } else {
|
|
|
- res.data.model_type = '其他'
|
|
|
- }
|
|
|
- }
|
|
|
- that.readForm = res.data
|
|
|
- console.log(res.data+'11111')
|
|
|
-
|
|
|
- // this.bindForm.endtime_cydsb = res.data.endtime_cydsb
|
|
|
- },
|
|
|
- // 任务详情页面返回任务列表
|
|
|
- async back() {
|
|
|
- this.$router.push('routineMonitor')
|
|
|
- },
|
|
|
- // 修改检测报告
|
|
|
- // async update(){
|
|
|
-
|
|
|
- // const result = await this.$http.post('editSamplePesticides', {
|
|
|
- // sample_id: sample_id,
|
|
|
-
|
|
|
- // })
|
|
|
- // if (result.data.code == 0) {
|
|
|
- // that.formjc = result.data.data
|
|
|
- // }
|
|
|
- // },
|
|
|
- // 上传成功
|
|
|
- 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'), '检测报告')
|
|
|
- },
|
|
|
- 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
|
|
|
- }
|
|
|
- const res = await this.$http.post('getTestValue', {
|
|
|
- sample_id: sample_id
|
|
|
- })
|
|
|
- if (res.data.code == 0) {
|
|
|
- that.resultjc = res.data.data.result_detail
|
|
|
- }
|
|
|
- // },
|
|
|
-
|
|
|
- },
|
|
|
- async onSubmit() {
|
|
|
- console.log(this.testPesticides)
|
|
|
- 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("saveSamplePesticides", {
|
|
|
- pesticides: that.testPesticides,
|
|
|
- sample_id: that.check_id
|
|
|
- });
|
|
|
- if (result.data.code == 0) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '检测成功!'
|
|
|
- });
|
|
|
- that.inputCheckShow = false
|
|
|
- that.getSampleList()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: result.data.message
|
|
|
- });
|
|
|
- that.inputCheckShow = false
|
|
|
- }
|
|
|
- },
|
|
|
- async check(id, name) {
|
|
|
- this.inputCheckShow = true
|
|
|
- this.check_id = id,
|
|
|
- this.check_name = name
|
|
|
- var that = this
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getTestPesticides", {
|
|
|
- sample_id: id
|
|
|
- });
|
|
|
- that.testPesticides = res.data
|
|
|
- },
|
|
|
- handleClick(tab, event) {
|
|
|
- console.log(tab, event);
|
|
|
- },
|
|
|
-
|
|
|
- // 获取抽样单列表
|
|
|
- async getSampleList() {
|
|
|
- this.queryInfo['task_id'] = this.task_id
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getSampleList", this.queryInfo);
|
|
|
- // console.log(res)
|
|
|
- this.tableData = res.data.rows
|
|
|
- for (let i = 0; i < this.tableData.length; i++) {
|
|
|
- if (this.tableData[i].status == '0') {
|
|
|
- this.tableData[i].status = '未上报'
|
|
|
- } else {
|
|
|
- this.tableData[i].status = '已上报'
|
|
|
- }
|
|
|
- if (this.tableData[i].jc_value_id == null) {
|
|
|
- this.tableData[i].test_result = '暂未检测'
|
|
|
- } else {
|
|
|
- if (this.tableData[i].test_result == '0') {
|
|
|
- this.tableData[i].test_result = '不合格'
|
|
|
- } else if (this.tableData[i].test_result == '1') {
|
|
|
- this.tableData[i].test_result = '合格'
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.tableData[i].test_status == '0') {
|
|
|
- this.tableData[i].test_status = '未上报'
|
|
|
- } else if (this.tableData[i].test_status == '1') {
|
|
|
- this.tableData[i].test_status = '已上报'
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- this.total = res.data.total
|
|
|
- },
|
|
|
- // 跳转到填写抽样单
|
|
|
- inputSample() {
|
|
|
- this.activeName = 'second'
|
|
|
- },
|
|
|
- // 填报抽样单
|
|
|
- input() {
|
|
|
- this.$router.push({
|
|
|
- name: 'inputSample',
|
|
|
- params: {
|
|
|
- id: this.readForm.id
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 上传抽样信息
|
|
|
- async appear() {
|
|
|
- let that = this
|
|
|
- // that.orgs = that.multipleSelection
|
|
|
- console.log(that.multipleSelection)
|
|
|
- const result = await this.$http.post('setSampleStatus', that.multipleSelection)
|
|
|
- // 判断业务逻辑
|
|
|
- if (result.data.code == 0) {
|
|
|
- // 判断业务逻辑
|
|
|
- if (result.data.code == 0) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '上报抽样信息成功'
|
|
|
- })
|
|
|
- this.getSampleList()
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 多选删除抽样信息
|
|
|
- async delAll() {
|
|
|
- let that = this
|
|
|
- // that.orgs = that.multipleSelection
|
|
|
- console.log(that.multipleSelection)
|
|
|
- const result = await this.$http.post('delSample', that.multipleSelection)
|
|
|
- // 判断业务逻辑
|
|
|
- if (result.data.code == 0) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '删除成功'
|
|
|
- })
|
|
|
- this.getSampleList()
|
|
|
- }
|
|
|
- },
|
|
|
- /** 修复当用户在大于1的分页进行数据搜索没有返回值的问题 */
|
|
|
- setPageNum() {
|
|
|
- this.queryInfo.pageNum = 1
|
|
|
- this.getSampleList()()
|
|
|
- },
|
|
|
- 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.getSampleList()()
|
|
|
- },
|
|
|
-
|
|
|
- /** 监听页码的改变 */
|
|
|
- handleCurrentChange(newPage) {
|
|
|
- this.queryInfo.pageNum = newPage
|
|
|
- this.getSampleList()()
|
|
|
- },
|
|
|
- // 批量勾选
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.multipleSelection = val
|
|
|
- console.log(this.multipleSelection)
|
|
|
- if (this.hander) return false
|
|
|
- // this.setSelectRows() // 处理选中的方法
|
|
|
- },
|
|
|
- // 跳转到查看抽样单详情
|
|
|
- sampleDetail(id) {
|
|
|
- this.$router.push({
|
|
|
- name: 'sampleDetail',
|
|
|
- params: {
|
|
|
- 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-left: 15px;
|
|
|
- // margin-bottom: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .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;
|
|
|
- }
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
+ <el-breadcrumb-item>首页</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item :to="{ path: '/jc/routineMonitor' }">任务列表</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="first">
|
|
|
+ <el-descriptions class="margin-top" title="例行监测任务" :column="2" :size="size" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 发布单位
|
|
|
+ </template>
|
|
|
+ {{readForm.releaser}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 年度
|
|
|
+ </template>
|
|
|
+ {{readForm.year}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 开始时间和结束时间
|
|
|
+ </template>
|
|
|
+ {{readForm.starttime}}-{{readForm.endtime}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 抽样信息上报截止时间
|
|
|
+ </template>
|
|
|
+ {{readForm.endtime_cydsb}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 监测类型
|
|
|
+ </template>
|
|
|
+ {{readForm.task_class}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 行业
|
|
|
+ </template>
|
|
|
+ <!-- <div v-if="readForm.product!=[]"> -->
|
|
|
+ <span>{{readForm.model_type}}</span>
|
|
|
+ <!-- </div> -->
|
|
|
+ <!-- <div v-else>暂无</div> -->
|
|
|
+ </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-descriptions class="margin-top" :size="size" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+
|
|
|
+ <template slot="label">
|
|
|
+ 检测对象
|
|
|
+ </template>
|
|
|
+ <span v-for="item in readForm.product">{{item.product_name}}、</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <el-descriptions class="margin-top" :size="size" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ 检测项
|
|
|
+ </template>
|
|
|
+ <span v-for="item in readForm.pesticides">{{item.test_name}}、</span>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <el-table :data="underTask" border stripe highlight-current-row 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>
|
|
|
+ <div class="footer">
|
|
|
+ <el-button type="success" size="mini" @click="input()">填报抽样单</el-button>
|
|
|
+ <!-- <el-button type="success" size="mini" @click="next">导出总览</el-button> -->
|
|
|
+ <el-button type="success" size="mini">返回</el-button>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane v-if="sampleShow==true" label="抽样" name="second">
|
|
|
+ <!-- 头部搜索栏 -->
|
|
|
+ <el-row style="margin-right: 0px;">
|
|
|
+ <el-form style="display: flex; flex-direction: row;">
|
|
|
+ <el-form-item label="产品编码" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="受检单位" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="抽样编码" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="样品名称" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-right: 0px;">
|
|
|
+ <el-form style="display: flex; flex-direction: row;">
|
|
|
+ <el-form-item label="抽样场所" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="抽样日期" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="抽样单位" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="抽样机构" class="select" size="small">
|
|
|
+ <el-input v-model="queryInfo.task_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-button style="height: 30px;margin-left: 10px;" size="mini" type="success"
|
|
|
+ @click="searchData()">查询
|
|
|
+ </el-button>
|
|
|
+ <!-- 重置 -->
|
|
|
+ <el-button style="height: 30px;margin-left: 5px;" size="mini" type="success" @click="reset()">
|
|
|
+ 重置
|
|
|
+ </el-button>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-right: 0px;">
|
|
|
+ <el-form style="display: flex; flex-direction: row;">
|
|
|
+ <!-- <el-form-item label="产地" class="select">
|
|
|
+ <el-select v-model="value" placeholder="请选择省份" size="small">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="value" placeholder="请选择城市" size="small">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="value" placeholder="请选择区/县" size="small">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- 查询 -->
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div style="display: flex;flex-direction: row;float: right;">
|
|
|
+ <el-button type="primary" size="small" plain icon="el-icon-plus" @click="input()">填报抽样单
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="small" plain icon="el-icon-edit-outline" @click="appear">上报抽样信息
|
|
|
+ </el-button>
|
|
|
+ <!-- <el-button type="primary" size="small" plain icon="el-icon-scissors" @click="repeal()">导出</el-button> -->
|
|
|
+ <el-button type="primary" size="small" plain icon="el-icon-delete" @click="delAll">删除
|
|
|
+ </el-button>
|
|
|
+ <!-- <el-button type="primary" size="small" plain icon="el-icon-download">导出</el-button> -->
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <!-- 表格数据区域-->
|
|
|
+ <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" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看
|
|
|
+ </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-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane v-if="checkShow==true" label="检测" name="third">
|
|
|
+
|
|
|
+ <!-- 表格数据区域-->
|
|
|
+ <el-table :data="tableData" border stripe highlight-current-row 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 checkHeader" :label="table.label"
|
|
|
+ :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
|
|
|
+ <el-table-column label="操作" align="center" fixed="right" width="220px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="success" size="mini" v-if="scope.row.jc_value_id==null" plain
|
|
|
+ @click="check(scope.row.sample_id,scope.row.sample_name)">检测</el-button>
|
|
|
+ <el-button type="primary" v-else size="mini" plain @click="update(scope.row)">修改</el-button>
|
|
|
+ <el-button type="primary" size="mini" plain @click="upcheck(scope.row.sample_id)">上报
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="mini" plain @click="creatpdf(scope.row.sample_id)">生成检测报告
|
|
|
+ </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-tab-pane>
|
|
|
+ <el-dialog title="填写检测单" :visible.sync="inputCheckShow" width="70%" :close-on-click-modal="false"
|
|
|
+ class="dialogItem">
|
|
|
+ <span class="demonstration">样品编码：{{check_id}}</span>
|
|
|
+ <span class="demonstration">样品名称：{{check_name}}</span>
|
|
|
+ <el-button type="success" size="small" plain @click="onSubmit">保存</el-button>
|
|
|
+ <span class="demonstration">注意：“不得检出”只能填为“ND”</span>
|
|
|
+ <!-- 表格数据区域-->
|
|
|
+ <el-table :data="testPesticides" border stripe highlight-current-row style="width: 100%"
|
|
|
+ :row-style="rowStyle" :cell-style="cellStyle">
|
|
|
+ <el-table-column :key="table.label" v-for="table in checkHeader2" :label="table.label"
|
|
|
+ :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
|
|
|
+ <el-table-column label="检测值">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.test_value" size="small" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="限量值">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.state_value" size="small" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="单位">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-model="scope.row.unit" size="small">mg/kg</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="抽检结果">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.test_value<=scope.row.state_value&&scope.row.state_value!='ND'"
|
|
|
+ size="small">合格</span>
|
|
|
+ <span v-else-if="scope.row.test_value>scope.row.state_value" size="small">不合格</span>
|
|
|
+ <span v-else-if="scope.row.test_value=='ND'&&scope.row.state_value=='ND'"
|
|
|
+ size="small">合格</span>
|
|
|
+ <span v-else-if="scope.row.test_value!='ND'&&scope.row.state_value=='ND'"
|
|
|
+ size="small">不合格</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="LOD">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.LOD" size="small" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="LOQ">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.LOQ" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ </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_renum" class="labelItem" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.sample_renum"></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="units_name" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.units_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="通讯地址" prop="address" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="法定代表人" prop="corporation" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.corporation"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="受检人" prop="user_name" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.user_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="phone" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.phone"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="传真" prop="fax" class="labelItem" style="" size="mini">
|
|
|
+ <el-input disabled v-model="formjc.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>
|
|
|
+ <el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="download">生成检测报告pdf</el-button>
|
|
|
+ </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>
|
|
|
+</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: 'bearer' + token
|
|
|
+ },
|
|
|
+ formjc: {},
|
|
|
+ dialogVisible2: false,
|
|
|
+ activeName: 'first',
|
|
|
+ id: 0,
|
|
|
+ readForm: {},
|
|
|
+ underTask: [],
|
|
|
+ underTasktotal: '0',
|
|
|
+ queryInfo: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
+ // 填报对话框弹出
|
|
|
+ inputDialogShow: false,
|
|
|
+ cellStyle: {
|
|
|
+ padding: 2 + 'px'
|
|
|
+ },
|
|
|
+ rowStyle: {
|
|
|
+ height: 35 + 'px'
|
|
|
+ },
|
|
|
+ tableHeader: [{
|
|
|
+ label: '样品编码',
|
|
|
+ prop: 'sample_id'
|
|
|
+ // fixed: 'left'
|
|
|
+ }, {
|
|
|
+ label: '样品名称',
|
|
|
+ prop: 'sample_name',
|
|
|
+ // fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '受检单位',
|
|
|
+ prop: 'units_name',
|
|
|
+ width: 180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '样品产地',
|
|
|
+ prop: 'place',
|
|
|
+ width: 180
|
|
|
+ }, {
|
|
|
+ label: '抽样日期',
|
|
|
+ prop: 'sample_date',
|
|
|
+ width: 180
|
|
|
+ }, {
|
|
|
+ label: '状态',
|
|
|
+ prop: 'status',
|
|
|
+ width: 180
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ checkHeader: [{
|
|
|
+ label: '样品名称',
|
|
|
+ prop: 'sample_name',
|
|
|
+ // fixed: 'left'
|
|
|
+ }, {
|
|
|
+ label: '样品编码',
|
|
|
+ prop: 'sample_id'
|
|
|
+ // fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '受检单位',
|
|
|
+ prop: 'production_name',
|
|
|
+ width: 180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '抽样单位',
|
|
|
+ prop: 'sample_unit_name',
|
|
|
+ width: 180
|
|
|
+ }, {
|
|
|
+ label: '检测单位',
|
|
|
+ prop: 'units_name',
|
|
|
+ width: 180
|
|
|
+ }, {
|
|
|
+ label: '判定结果',
|
|
|
+ prop: 'test_result',
|
|
|
+ width: 180
|
|
|
+ }, {
|
|
|
+ label: '状态',
|
|
|
+ prop: 'test_status',
|
|
|
+ width: 180
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ checkHeader2: [{
|
|
|
+ label: '检测项目',
|
|
|
+ prop: 'test_name',
|
|
|
+ // fixed: 'left'
|
|
|
+ }],
|
|
|
+ // 数据表格数据
|
|
|
+ tableData: [],
|
|
|
+ options: [],
|
|
|
+ task_id: '',
|
|
|
+ multipleSelection: null,
|
|
|
+ // 填报检测对话框
|
|
|
+ inputCheckShow: false,
|
|
|
+ check_name: '',
|
|
|
+ check_id: '',
|
|
|
+ testPesticides: [],
|
|
|
+ resultjc: [],
|
|
|
+ // 模型列表
|
|
|
+ options: [],
|
|
|
+ bindForm: {
|
|
|
+ test_model_id: '',
|
|
|
+ closingdate: ''
|
|
|
+ },
|
|
|
+ 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: 'bear_name',
|
|
|
+ width: 180,
|
|
|
+ }, {
|
|
|
+ label: '检测机构',
|
|
|
+ prop: 'check_name'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '抽样地区',
|
|
|
+ prop: 'address'
|
|
|
+ }, {
|
|
|
+ label: '抽样数量',
|
|
|
+ prop: 'sample_number'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '报告上传单位',
|
|
|
+ prop: 'report_name'
|
|
|
+ }, {
|
|
|
+ label: '报告上传截止时间',
|
|
|
+ prop: 'uploadtime'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ fileList: [],
|
|
|
+ total: 0,
|
|
|
+ sampleShow: false, //是否展示抽样卡片
|
|
|
+ checkShow: false //是否展示检测卡片
|
|
|
+ };
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ inputCheck
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ created() {
|
|
|
+ this.task_id = this.$route.params.id
|
|
|
+
|
|
|
+
|
|
|
+ this.getTaskDetail()
|
|
|
+ this.getSampleList()
|
|
|
+ // this.getmodelList()
|
|
|
+ this.getUnderTask()
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ // 获取机构地域表格
|
|
|
+ async getUnderTask() {
|
|
|
+ this.queryInfo['task_id'] = this.task_id
|
|
|
+ const result = await this.$http.post('getUnderTask', this.queryInfo)
|
|
|
+ // 判断业务逻辑
|
|
|
+ if (result.data.code == 0) {
|
|
|
+ this.underTask = result.data.data.rows
|
|
|
+ // 抽检分离时判断用户是抽样机构还是检测机构
|
|
|
+ for (let i = 0; i < this.underTask.length; i++) {
|
|
|
+ if (this.underTask[i].bear_name == name) {
|
|
|
+ this.sampleShow = true
|
|
|
+ }
|
|
|
+ if (this.underTask[i].check_name == name) {
|
|
|
+ this.checkShow = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.underTasktotal = result.data.data.total
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 获取模型列表
|
|
|
+ // async getmodelList() {
|
|
|
+ // const {
|
|
|
+ // data: res
|
|
|
+ // } = await this.$http.post(
|
|
|
+ // "getModelList", {
|
|
|
+ // 'pageNum': 1,
|
|
|
+ // 'pageSize': 100,
|
|
|
+ // type_id: ""
|
|
|
+ // }
|
|
|
+ // );
|
|
|
+ // this.options = res.data.rows
|
|
|
+ // }, // 获取任务详情
|
|
|
+ async getTaskDetail() {
|
|
|
+ var that = this
|
|
|
+ const {
|
|
|
+ data: res
|
|
|
+ } = await this.$http.post("getTaskDetail", {
|
|
|
+ task_id: that.task_id
|
|
|
+ });
|
|
|
+ console.log(res.data.product)
|
|
|
+ if (res.data.product.length > 0) {
|
|
|
+ if (res.data.product[0].type_id == '1') {
|
|
|
+ res.data.model_type = '种植业'
|
|
|
+ } else if (res.data.product[0].type_id == '2') {
|
|
|
+ res.data.model_type = '畜牧业'
|
|
|
+ } else if (res.data.product[0].type_id == '3') {
|
|
|
+ res.data.model_type = '渔业'
|
|
|
+ } else {
|
|
|
+ res.data.model_type = '其他'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ that.readForm = res.data
|
|
|
+ // 抽检不分离
|
|
|
+ if (that.readForm.is_divide == 0) {
|
|
|
+ this.sampleShow = true
|
|
|
+ this.checkShow = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 上传成功
|
|
|
+ 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'), '检测报告')
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ const res = await this.$http.post('getTestValue', {
|
|
|
+ sample_id: sample_id
|
|
|
+ })
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ that.resultjc = res.data.data.result_detail
|
|
|
+ }
|
|
|
+ // },
|
|
|
+
|
|
|
+ },
|
|
|
+ async onSubmit() {
|
|
|
+ console.log(this.testPesticides)
|
|
|
+ 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("saveSamplePesticides", {
|
|
|
+ pesticides: that.testPesticides,
|
|
|
+ sample_id: that.check_id
|
|
|
+ });
|
|
|
+ if (result.data.code == 0) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '检测成功!'
|
|
|
+ });
|
|
|
+ that.inputCheckShow = false
|
|
|
+ that.getSampleList()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: result.data.message
|
|
|
+ });
|
|
|
+ that.inputCheckShow = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async check(id, name) {
|
|
|
+ this.inputCheckShow = true
|
|
|
+ this.check_id = id,
|
|
|
+ this.check_name = name
|
|
|
+ var that = this
|
|
|
+ const {
|
|
|
+ data: res
|
|
|
+ } = await this.$http.post("getTestPesticides", {
|
|
|
+ sample_id: id
|
|
|
+ });
|
|
|
+ that.testPesticides = res.data
|
|
|
+ },
|
|
|
+ handleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取抽样单列表
|
|
|
+ async getSampleList() {
|
|
|
+ this.queryInfo['task_id'] = this.task_id
|
|
|
+ const {
|
|
|
+ data: res
|
|
|
+ } = await this.$http.post("getSampleList", this.queryInfo);
|
|
|
+ // console.log(res)
|
|
|
+ this.tableData = res.data.rows
|
|
|
+ for (let i = 0; i < this.tableData.length; i++) {
|
|
|
+ if (this.tableData[i].status == '0') {
|
|
|
+ this.tableData[i].status = '未上报'
|
|
|
+ } else {
|
|
|
+ this.tableData[i].status = '已上报'
|
|
|
+ }
|
|
|
+ if (this.tableData[i].jc_value_id == null) {
|
|
|
+ this.tableData[i].test_result = '暂未检测'
|
|
|
+ } else {
|
|
|
+ if (this.tableData[i].test_result == '0') {
|
|
|
+ this.tableData[i].test_result = '不合格'
|
|
|
+ } else if (this.tableData[i].test_result == '1') {
|
|
|
+ this.tableData[i].test_result = '合格'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.tableData[i].test_status == '0') {
|
|
|
+ this.tableData[i].test_status = '未上报'
|
|
|
+ } else if (this.tableData[i].test_status == '1') {
|
|
|
+ this.tableData[i].test_status = '已上报'
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ this.total = res.data.total
|
|
|
+ },
|
|
|
+ // 跳转到填写抽样单
|
|
|
+ inputSample() {
|
|
|
+ this.activeName = 'second'
|
|
|
+ },
|
|
|
+ // 填报抽样单
|
|
|
+ input() {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'inputSample',
|
|
|
+ params: {
|
|
|
+ id: this.readForm.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 上传抽样信息
|
|
|
+ async appear() {
|
|
|
+ let that = this
|
|
|
+ // that.orgs = that.multipleSelection
|
|
|
+ console.log(that.multipleSelection)
|
|
|
+ const result = await this.$http.post('setSampleStatus', that.multipleSelection)
|
|
|
+ // 判断业务逻辑
|
|
|
+ if (result.data.code == 0) {
|
|
|
+ // 判断业务逻辑
|
|
|
+ if (result.data.code == 0) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '上报抽样信息成功'
|
|
|
+ })
|
|
|
+ this.getSampleList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 多选删除抽样信息
|
|
|
+ async delAll() {
|
|
|
+ let that = this
|
|
|
+ // that.orgs = that.multipleSelection
|
|
|
+ console.log(that.multipleSelection)
|
|
|
+ const result = await this.$http.post('delSample', that.multipleSelection)
|
|
|
+ // 判断业务逻辑
|
|
|
+ if (result.data.code == 0) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功'
|
|
|
+ })
|
|
|
+ this.getSampleList()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 修复当用户在大于1的分页进行数据搜索没有返回值的问题 */
|
|
|
+ setPageNum() {
|
|
|
+ this.queryInfo.pageNum = 1
|
|
|
+ this.getSampleList()()
|
|
|
+ },
|
|
|
+ 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.getSampleList()()
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 监听页码的改变 */
|
|
|
+ handleCurrentChange(newPage) {
|
|
|
+ this.queryInfo.pageNum = newPage
|
|
|
+ this.getSampleList()()
|
|
|
+ },
|
|
|
+ // 批量勾选
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.multipleSelection = val
|
|
|
+ console.log(this.multipleSelection)
|
|
|
+ if (this.hander) return false
|
|
|
+ // this.setSelectRows() // 处理选中的方法
|
|
|
+ },
|
|
|
+ // 跳转到查看抽样单详情
|
|
|
+ sampleDetail(id) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'sampleDetail',
|
|
|
+ params: {
|
|
|
+ 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%;
|
|
|
+ }
|
|
|
</style>
|
yqyang