12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250 |
- <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> -->
- <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.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-table :data="sampleTask" 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 type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看 -->
- <el-button style="margin-bottom:5px" 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="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" fixed="right">
- <template slot-scope="scope">
- <el-button style="margin:5px 5px" type="success" size="small" plain @click="sampleDetail(scope.row.sample_id)">查看
- </el-button>
- <el-button style="margin:5px 5px" type="primary" size="small" plain icon="el-icon-edit-outline" @click="upCydItem(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="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 style="margin:5px 0" type="success" size="small" @click="getJcdList(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="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 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="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="getJcdObjectItem(scope.row.sample_id,scope.row.sample_name)">检测</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)">上报
- </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="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">样品编码:{{sample_id}}</span>
- <span class="demonstration">样品名称:{{sample_name}}</span>
- <el-button type="success" size="small" plain @click="saveJcdItem()">保存</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_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>
- </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: {},
- unitTest: {},
- dialogVisible2: false,
- getSampleListDialog: false,
- checkTestList: false,
- activeName: 'first',
- id: 0,
- productNameText: '',
- pesticidesNameText: '',
- readForm: {
- modelInfo: [],
- model_type: '',
- pesticides: [],
- releaserInfo: [],
- taskInfo: []
- },
- sample_name: '',
- sample_id: '',
- sampleTask: [],
- underTask: [],
- 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,
- underTake_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: 150
- }, {
- label: '状态',
- prop: 'status',
- width: 100
- }
- ],
- //获取检测单列表表格
- checkHeader: [{
- label: '样品名称',
- prop: 'sample_name',
- width: 150
- // fixed: 'left'
- }, {
- label: '样品编码',
- prop: 'sample_id'
- // fixed: 'left'
- },
- {
- label: '受检单位',
- prop: 'unitTest.unit_test_name',
- width: 180
- },
- {
- label: '抽样单位',
- prop: 'undertake.bear_name',
- width: 180
- }, {
- label: '检测单位',
- prop: 'undertake.check_name',
- width: 180
- }, {
- label: '判定结果',
- prop: 'testResult',
- width: 100
- }, {
- label: '状态',
- prop: 'testStatus',
- width: 100
- }
- ],
- 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',
- width: 100,
- },
- {
- 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.getJcdList()
- // this.getmodelList()
- // this.getUnderTask()
- this.getSampleTaskList()
- this.getCheckTaskList()
- },
- 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("getTaskInfo", {
- task_id: that.task_id,
- pageNum: that.queryInfo.pageNum,
- pageSize: that.queryInfo.pageSize
- });
-
- 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('、 ')
- console.log(res.data.modelInfo)
-
- if (res.data.modelInfo.type_id == '1') {
- that.readForm.model_type = '种植业'
- } else if (res.data.modelInfo.type_id == '2') {
- that.readForm.model_type = '畜牧业'
- } else if (res.data.modelInfo.type_id == '3') {
- that.readForm.model_type = '渔业'
- } else {
- that.readForm.model_type = '其他'
- }
-
- console.log(that.readForm.model_type)
- // 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 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.sampleTask)
- },
-
- // 上传成功
- 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.code == 0) {
- this.$message({
- type: 'success',
- message: '检测成功!'
- });
- that.inputCheckShow = false
- that.getJcdList(this.underInfo.underTake_id)
- } else {
- this.$message({
- type: 'error',
- message: result.data.message
- });
- that.inputCheckShow = false
- }
- },
- //检测单列表-检测
- async getJcdObjectItem(id,name) {
- this.inputCheckShow = true
- var that = this
- const {
- data: res
- } = await this.$http.post("getJcdObjectItem", {
- sample_id: id,
- });
- that.testPesticides = res.data
- that.sample_name = name
- that.sample_id = id
- console.log(that.testPesticides)
- },
- //检测单列表-上报
- async upJcdItem(id){
- var that = this
- const result = await this.$http.post('upJcdItem', {
- sample_id: id
- })
- console.log(result.data.data)
- // this.getSampleList()
- // 判断业务逻辑
- if (result.data.code == 0) {
- this.$message({
- type: 'success',
- message: '上报抽样信息成功'
- })
-
- this.getJcdList(result.data.data)
- }
- },
- handleClick(tab, event) {
- console.log(tab, event);
- },
- // 获取检测单列表
- async getJcdList(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['underTake_id'] = id
- console.log(this.underInfo)
- const {
- data: res
- } = await this.$http.post("getJcdList", this.underInfo);
-
- console.log(res.data)
-
- this.tableData1 = res.data.rows
- for (let i = 0; i < this.tableData1.length; i++) {
- if (this.tableData1[i].test_result == '0') {
- this.tableData1[i].testResult = '不合格'
- } else if (this.tableData1[i].test_result == '1') {
- this.tableData1[i].testResult = '合格'
- }else {
- this.tableData1[i].testResult = '未检测'
- }
- console.log(this.tableData1)
- this.testListTotal = res.data.total
- }
- for (let i = 0; i < this.tableData1.length; i++) {
- if (this.tableData1[i].test_status == '0') {
- this.tableData1[i].testStatus = '未上报'
- } else {
- this.tableData1[i].testStatus = '已上报'
- }
- console.log(this.tableData1)
- this.testListTotal = res.data.total
- }
- },
- // 获取抽样单列表
- async getSampleList(id) {
- console.log(id)
-
- 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].sample_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 upCydItem(id) {
- let that = this
- // that.orgs = that.multipleSelection
- // console.log(that.multipleSelection)
- const result = await this.$http.post('upCydItem', {
- sample_id: id
- })
- console.log(result.data.data)
- // this.getSampleList()
- // 判断业务逻辑
- if (result.data.code == 0) {
- this.$message({
- type: 'success',
- message: '上报抽样信息成功'
- })
-
- this.getSampleList(result.data.data)
- }
- },
- // 多选删除抽样信息
- 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.getJcdList()
- },
- /** 监听页码的改变 */
- handleCurrentChange1(newPage) {
- this.unitInfo.pageNum = newPage
- this.getJcdList()
- },
- // 批量勾选
- 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>
|