|
@@ -1,1166 +0,0 @@
|
|
|
-<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="例行监测任务" :column="2" :size="size" border>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label" prop="releaser">
|
|
|
- 发布单位
|
|
|
- </template>
|
|
|
- {{readForm.releaserInfo.rymc}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 年度
|
|
|
- </template>
|
|
|
- {{readForm.taskInfo.year}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 开始时间和结束时间
|
|
|
- </template>
|
|
|
- {{readForm.taskInfo.starttime}}-{{readForm.taskInfo.endtime}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 抽样信息上报截止时间
|
|
|
- </template>
|
|
|
- {{readForm.taskInfo.endtime_cydsb}}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template slot="label">
|
|
|
- 监测类型
|
|
|
- </template>
|
|
|
- {{readForm.taskInfo.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.taskInfo.is_divide==1">是</span>
|
|
|
- <span v-if="readForm.taskInfo.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.taskInfo.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.taskInfo.log}}
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- <el-descriptions class="margin-top" :size="size" border>
|
|
|
- <el-descriptions-item>
|
|
|
-
|
|
|
- <template slot="label">
|
|
|
- 检测对象
|
|
|
- </template>
|
|
|
- {{productNameText}}
|
|
|
- <!-- <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>
|
|
|
- {{pesticidesNameText}}
|
|
|
- <!-- <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 @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> -->
|
|
|
- <!-- <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-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-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>
|
|
|
- <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 type="success" size="small" plain @click="input(scope.row.id)">填报抽样单
|
|
|
- </el-button>
|
|
|
- <!-- <el-button type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看 -->
|
|
|
- <el-button type="success" size="small" @click="getSampleList(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="80%" :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" 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-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="unitTask" 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 type="success" size="small" plain @click="input(scope.row.id)">填报抽样单
|
|
|
- </el-button> -->
|
|
|
- <!-- <el-button type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看 -->
|
|
|
- <el-button type="success" size="small" @click="getTestList(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="appearTest">上报检测信息
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 查看检测单列表弹框 -->
|
|
|
- <el-dialog title="检测单列表" :visible.sync="checkTestList" width="70%" :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 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="handleSizeChange1" @current-change="handleCurrentChange1"
|
|
|
- :current-page="underInfo.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="underInfo.pageSize"
|
|
|
- layout="total, sizes, prev, pager, next, jumper" :total="testListTotal" background />
|
|
|
- </el-dialog>
|
|
|
- </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="parseFloat(scope.row.test_value)<=parseFloat(scope.row.state_value)&&scope.row.state_value!='ND'"
|
|
|
- size="small">合格</span>
|
|
|
- <span v-else-if="parseFloat(scope.row.test_value)>parseFloat(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>
|
|
|
- <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>
|
|
|
-</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,
|
|
|
- getSampleListDialog: false,
|
|
|
- checkTestList: false,
|
|
|
- activeName: 'first',
|
|
|
- id: 0,
|
|
|
- productNameText: '',
|
|
|
- pesticidesNameText: '',
|
|
|
- readForm: {
|
|
|
-
|
|
|
- },
|
|
|
- underTask: [],
|
|
|
- unitTask: [],
|
|
|
- unitTaskTotal: '0',
|
|
|
- underTasktotal: '0',
|
|
|
- testListTotal: '0',
|
|
|
- queryInfo: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- task_id: '',
|
|
|
- sample_id: '',
|
|
|
- unit_test_name: '',
|
|
|
- sample_name: '',
|
|
|
- sample_data: '',
|
|
|
- unit_sample_name: '',
|
|
|
- sample_ground: '',
|
|
|
- },
|
|
|
- underInfo:{
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- task_id: '',
|
|
|
- unit_id: '',
|
|
|
- },
|
|
|
- releaserInfo:{
|
|
|
- groupname: '',
|
|
|
- rymc:'',
|
|
|
- },
|
|
|
- taskInfo:{
|
|
|
- base_file_url: null,
|
|
|
- batch: '',
|
|
|
- creater: null,
|
|
|
- createtime: null,
|
|
|
- endtime: null,
|
|
|
- endtime_cydsb: null,
|
|
|
- file_name: null,
|
|
|
- file_url: null,
|
|
|
- filenum: null,
|
|
|
- id: null,
|
|
|
- industry: null,
|
|
|
- is_divide: null,
|
|
|
- ispublic:null,
|
|
|
- level:null,
|
|
|
- log: null,
|
|
|
- main_unit: null,
|
|
|
- releaser:null,
|
|
|
- starttime: null,
|
|
|
- status: null,
|
|
|
- task_class: null,
|
|
|
- task_name:null,
|
|
|
- test_model_id:null,
|
|
|
- year: null,
|
|
|
- },
|
|
|
- // 填报对话框弹出
|
|
|
- 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: 'unit_test_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: 'unit_test_name',
|
|
|
- width: 180
|
|
|
- },
|
|
|
- {
|
|
|
- label: '抽样单位',
|
|
|
- prop: 'bear_name',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '检测单位',
|
|
|
- prop: 'check_name',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '判定结果',
|
|
|
- prop: 'test_result',
|
|
|
- width: 180
|
|
|
- }, {
|
|
|
- label: '状态',
|
|
|
- prop: 'test_status',
|
|
|
- width: 180
|
|
|
- }
|
|
|
- ],
|
|
|
- checkHeader2: [{
|
|
|
- label: '检测项目',
|
|
|
- prop: 'test_name',
|
|
|
- // fixed: 'left'
|
|
|
- }],
|
|
|
- // 数据表格数据
|
|
|
- tableData: [],
|
|
|
- tableData1: [],
|
|
|
- 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, //是否展示检测卡片
|
|
|
- currentRow: null,
|
|
|
- //选中机构地域表格数据项
|
|
|
- };
|
|
|
- },
|
|
|
- components: {
|
|
|
- inputCheck
|
|
|
- },
|
|
|
- mounted() {},
|
|
|
- created() {
|
|
|
- this.task_id = this.$route.params.id
|
|
|
-
|
|
|
-
|
|
|
- this.getTaskDetail()
|
|
|
- // this.getTestList()
|
|
|
- // 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 searchData() {
|
|
|
- console.log(this.queryInfo)
|
|
|
- this.queryInfo.pageNum = 1
|
|
|
- this.getSampleList()
|
|
|
- },
|
|
|
- //重置
|
|
|
- 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 getTaskDetail() {
|
|
|
- var that = this
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getTaskDetail", {
|
|
|
- task_id: that.task_id,
|
|
|
- pageNum: that.queryInfo.pageNum,
|
|
|
- pageSize: that.queryInfo.pageSize
|
|
|
- });
|
|
|
- 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(that.readForm)
|
|
|
- that.productNameText = that.readForm.product.map(el => el.product_name).join('、 ')
|
|
|
- that.pesticidesNameText = that.readForm.pesticides.map(el => el.test_name).join('、 ')
|
|
|
- that.underTask = res.data.underTaskList.rows
|
|
|
- that.unitTask = res.data.unitTaskList.rows
|
|
|
- console.log(that.underTask)
|
|
|
- console.log(that.unitTask)
|
|
|
- that.underTasktotal = res.data.underTaskList.total
|
|
|
- that.unitTasktotal = res.data.unitTaskList.total
|
|
|
-
|
|
|
- // 抽检不分离
|
|
|
- if (that.taskInfo.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'), '检测报告')
|
|
|
- },
|
|
|
- //生成检测报告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
|
|
|
- })
|
|
|
- if (res.data.code == 0) {
|
|
|
- that.resultjc = res.data.data.result_detail
|
|
|
- }
|
|
|
- console.log(that.resultjc)
|
|
|
- // },
|
|
|
-
|
|
|
- },
|
|
|
- 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
|
|
|
- console.log(this.check_id)
|
|
|
- console.log(this.check_name)
|
|
|
- var that = this
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getTestPesticides", {
|
|
|
- sample_id: id
|
|
|
- });
|
|
|
- that.testPesticides = res.data
|
|
|
- console.log(that.testPesticides)
|
|
|
- },
|
|
|
- handleClick(tab, event) {
|
|
|
- console.log(tab, event);
|
|
|
- },
|
|
|
- // 获取检测单列表
|
|
|
- async getTestList(id){
|
|
|
- this.checkTestList = true
|
|
|
- console.log(id)
|
|
|
- // for (var key in this.queryInfo) {
|
|
|
- // if (this.queryInfo[key] == '') {
|
|
|
- // delete this.queryInfo[key]
|
|
|
- // }
|
|
|
- // }
|
|
|
- // this.queryInfo['underTake_id'] = id
|
|
|
- this.underInfo['task_id'] = this.task_id
|
|
|
- this.underInfo['unit_id'] = id
|
|
|
-
|
|
|
- console.log(this.underInfo)
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getTaskDetail", this.underInfo);
|
|
|
-
|
|
|
- // console.log(res)
|
|
|
- this.tableData1 = res.data.rows
|
|
|
- console.log(this.tableData)
|
|
|
- this.testListTotal = res.data.total
|
|
|
-
|
|
|
- },
|
|
|
- // 获取抽样单列表
|
|
|
- async getSampleList(id) {
|
|
|
- // console.log(id2)
|
|
|
- for (var key in this.queryInfo) {
|
|
|
- if (this.queryInfo[key] == '') {
|
|
|
- delete this.queryInfo[key]
|
|
|
- }
|
|
|
- }
|
|
|
- this.queryInfo['task_id'] = this.task_id
|
|
|
- this.queryInfo['undertake_id'] = id
|
|
|
-
|
|
|
- const {
|
|
|
- data: res
|
|
|
- } = await this.$http.post("getSampleList", this.queryInfo);
|
|
|
- // console.log(res)
|
|
|
- this.tableData = res.data.rows
|
|
|
- console.log(this.tableData)
|
|
|
- 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
|
|
|
- this.getSampleListDialog = true
|
|
|
- },
|
|
|
- // 跳转到填写抽样单
|
|
|
- inputSample() {
|
|
|
- this.activeName = 'second'
|
|
|
- },
|
|
|
- // 填报抽样单
|
|
|
- input(id) {
|
|
|
- console.log(id)
|
|
|
- // // console.log(this.currentRow.id)
|
|
|
- // if(this.currentRow == null){
|
|
|
- // this.$message('请选中一条表格数据');
|
|
|
- // return
|
|
|
- // }
|
|
|
- this.$router.push({
|
|
|
- name: 'inputSample',
|
|
|
- params: {
|
|
|
- task_id: this.readForm.taskInfo.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 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()
|
|
|
- },
|
|
|
- /** 监听每页显示多少数据的改变 */
|
|
|
- handleSizeChange1(newSize) {
|
|
|
- this.unitInfo.pageSize = newSize
|
|
|
- this.getTestList()
|
|
|
- },
|
|
|
-
|
|
|
- /** 监听页码的改变 */
|
|
|
- handleCurrentChange1(newPage) {
|
|
|
- this.unitInfo.pageNum = newPage
|
|
|
- this.getTestList()
|
|
|
- },
|
|
|
- // 批量勾选
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.multipleSelection = val
|
|
|
- console.log(this.multipleSelection)
|
|
|
- if (this.hander) return false
|
|
|
- // this.setSelectRows() // 处理选中的方法
|
|
|
- },
|
|
|
- // 跳转到查看抽样单详情
|
|
|
- sampleDetail(id) {
|
|
|
- console.log(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%;
|
|
|
- }
|
|
|
- .el-table{
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
- .el-pagination {
|
|
|
- margin-top: 25px;
|
|
|
- }
|
|
|
-</style>
|