|
|
@@ -0,0 +1,1419 @@
|
|
|
+<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>
|
yyfang