|
|
@@ -0,0 +1,396 @@
|
|
|
+<template>
|
|
|
+<div>
|
|
|
+ <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 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 0" type="primary" size="small" @click="getJcdObj(scope.row.id,scope.row.cyd_id)">填报检测单
|
|
|
+ </el-button>
|
|
|
+ <!-- <el-button style="margin:5px 5px" type="primary" size="small" @click="putJcdStatus(scope.row.id)"
|
|
|
+ v-if="scope.row.task_profile_status == '已查看'|| scope.row.task_profile_status == '抽样中' || scope.row.task_profile_status == '抽样完成' || scope.row.task_profile_status == '检测中'">上报检测单
|
|
|
+ </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-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">
|
|
|
+ <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://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="primary" size="small" plain @click="addJcxItemDialog = true">新增不合格项</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-show="jcd.jcd_result==0" id="additems">
|
|
|
+ <!-- 表格数据区域-->
|
|
|
+ <el-table border :data="jcxItems" >
|
|
|
+ <el-table-column type="selection" align="center"></el-table-column>
|
|
|
+ <el-table-column label="序号" align="center">
|
|
|
+ <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"></el-table-column>
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-col>
|
|
|
+ <el-button type="primary" 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 />
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- <div class="footer">
|
|
|
+ <el-button type="primary" 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 ref="jcxform" :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="primary" style="margin-bottom:30px;align:center" size="small" @click="postJcdItem('jcxform')">保存</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+const token = window.sessionStorage.getItem('token')
|
|
|
+export default {
|
|
|
+ name: 'detection',
|
|
|
+ props: ['task_id'],
|
|
|
+ data() {
|
|
|
+ return{
|
|
|
+ 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'},],
|
|
|
+ },
|
|
|
+ taskId: this.task_id,
|
|
|
+ underTask: [],
|
|
|
+ inputJcdShow: false,
|
|
|
+ queryInfo:{
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ },
|
|
|
+ queryInfo2:{
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ jcd_id: ''
|
|
|
+ },
|
|
|
+ total: 0,
|
|
|
+ // underTask:'',
|
|
|
+ cellStyle: {
|
|
|
+ padding: 2 + 'px'
|
|
|
+ },
|
|
|
+ rowStyle: {
|
|
|
+ height: 35 + 'px'
|
|
|
+ },
|
|
|
+ tableHeader: [
|
|
|
+ {
|
|
|
+ label: '抽样单编码',
|
|
|
+ prop: 'cyd_code'
|
|
|
+ },{
|
|
|
+ label: '抽样机构',
|
|
|
+ prop: 'jgdw_name',
|
|
|
+ },{
|
|
|
+ label: '抽样地区',
|
|
|
+ prop: 'sample_address'
|
|
|
+ },{
|
|
|
+ label: '样品名称',
|
|
|
+ prop: 'sample_name',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '样品生产单位名称',
|
|
|
+ prop: 'sample_product_name'
|
|
|
+ }, {
|
|
|
+ label: '受检单位',
|
|
|
+ prop: 'inspected_name'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '抽样单状态',
|
|
|
+ prop: 'cyd_status'
|
|
|
+ }
|
|
|
+ // ,{
|
|
|
+ // label: '检测单状态',
|
|
|
+ // prop: 'task_profile_status'
|
|
|
+ // },
|
|
|
+ ],
|
|
|
+ jcd: {
|
|
|
+ jcd_result: 1,
|
|
|
+ file_name: '',
|
|
|
+ file_url: '',
|
|
|
+ sample_id: '',
|
|
|
+ cyd_id: ''
|
|
|
+ },
|
|
|
+ jcxItems: [],
|
|
|
+ fileList: [],
|
|
|
+ addJcxItemDialog: false,//新增不合格检测项目对话框
|
|
|
+ jcxHeader: [
|
|
|
+ {
|
|
|
+ label: '检测项目',
|
|
|
+ prop: 'item_name',
|
|
|
+ // width: 'auto'
|
|
|
+ // fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '标准指标',
|
|
|
+ prop: 'item_standard',
|
|
|
+ // width: 'auto'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '实测值',
|
|
|
+ prop: 'item_measured_value',
|
|
|
+ // width: 'auto'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '单项判定',
|
|
|
+ prop: 'item_result',
|
|
|
+ // width: 'auto'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '检验依据',
|
|
|
+ prop: 'item_basis',
|
|
|
+ // width: 'auto'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '备注',
|
|
|
+ prop: 'item_log',
|
|
|
+ // width: 'auto'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ jcxItemTotal: 0,
|
|
|
+ jcxItem:{},//新增检测项目
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.newgetJcds()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async newgetJcds(){
|
|
|
+ var that = this
|
|
|
+ const result = await this.$http.post('newgetJcds', {
|
|
|
+ task_id: that.taskId,
|
|
|
+ pageNum: that.queryInfo.pageNum,
|
|
|
+ pageSize: that.queryInfo.pageSize
|
|
|
+ })
|
|
|
+ console.log(result.data.data.rows)
|
|
|
+ that.underTask = result.data.data.rows
|
|
|
+ for(let i = 0; i< this.underTask.length; i++){
|
|
|
+ if(that.underTask[i].cyd_status == 5){
|
|
|
+ that.underTask[i].cyd_status = '已完成'
|
|
|
+ } else if(that.underTask[i].cyd_status == 1){
|
|
|
+ that.underTask[i].cyd_status = '未上报'
|
|
|
+ } else if(that.underTask[i].cyd_status == 3){
|
|
|
+ that.underTask[i].cyd_status = '已上报'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(that.underTask.cyd_status)
|
|
|
+ that.total = result.data.data.total
|
|
|
+ },
|
|
|
+ /** 监听每页显示多少数据的改变 */
|
|
|
+ handleSizeChange(newSize) {
|
|
|
+ this.queryInfo.pageSize = newSize
|
|
|
+ this.newgetJcds()
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 监听页码的改变 */
|
|
|
+ handleCurrentChange(newPage) {
|
|
|
+ this.queryInfo.pageNum = newPage
|
|
|
+ this.newgetJcds()
|
|
|
+ },
|
|
|
+ //选中抽样任务（单选）
|
|
|
+ handlecyCurrentChange(val) {
|
|
|
+ this.currentRow = val;
|
|
|
+ console.log(this.currentRow)
|
|
|
+ console.log(this.currentRow.id)
|
|
|
+
|
|
|
+ // under_id =
|
|
|
+ },
|
|
|
+ /** 监听每页显示多少数据的改变 */
|
|
|
+ handleSizeChange2(newSize) {
|
|
|
+ this.queryInfo2.pageSize = newSize
|
|
|
+ this.getJcdItems()
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 监听页码的改变 */
|
|
|
+ handleCurrentChange2(newPage) {
|
|
|
+ this.queryInfo2.pageNum = newPage
|
|
|
+ this.getJcdItems()
|
|
|
+ },
|
|
|
+ //填报检测单
|
|
|
+ async getJcdObj(sample_id,cyd_id) {
|
|
|
+ console.log(111)
|
|
|
+ this.inputJcdShow = true
|
|
|
+ console.log(222)
|
|
|
+ var that = this
|
|
|
+ that.jcd.cyd_id = cyd_id
|
|
|
+ const {
|
|
|
+ data: res
|
|
|
+ } = await this.$http.post("getJcdObj", {
|
|
|
+ cyd_id: cyd_id,
|
|
|
+ sample_id: sample_id
|
|
|
+ });
|
|
|
+
|
|
|
+ that.jcd_id = res.data.jcd_id
|
|
|
+ // that.jcd.sample_id =
|
|
|
+ console.log(that.jcd_id)
|
|
|
+ // console.log(that.cyd_id)
|
|
|
+ },
|
|
|
+ //获取不合格检测项目列表
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ //上传文件
|
|
|
+ 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 postJcdItem(formName) {
|
|
|
+ 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.$refs[formName].resetFields();
|
|
|
+ this.getJcdItems()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 删除不合格检测项目信息
|
|
|
+ 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()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+ .footer {
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-left: 45%;
|
|
|
+ }
|
|
|
+ /deep/ #addUnqualifiedJcx{
|
|
|
+ .el-form-item__label{
|
|
|
+ width: 15%;
|
|
|
+ }
|
|
|
+ .el-form-item__error{
|
|
|
+ left: 6.875rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
jiangyu