| | |
|---|
| | | v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div> |
|---|
| | | </div> |
|---|
| | | <div class="search_thing" style="width: 20%;"> |
|---|
| | | <div class="search_label" style="width: 120px;">外部委托编号：</div> |
|---|
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
|---|
| | | v-model="componentData.entity.outEntrustCode" @keyup.enter.native="refreshTable()"></el-input></div> |
|---|
| | | <div class="search_label">订单类型：</div> |
|---|
| | | <div class="search_input"> |
|---|
| | | <el-select v-model="componentData.entity.formType" size="small" style="width: 100%;" @change="refreshTable()"> |
|---|
| | | <el-option v-for="(a,ai) in formType" :key="ai" :label="a.label" :value="a.value"></el-option> |
|---|
| | | </el-select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="search_thing" style="width: 20%;"> |
|---|
| | | <div class="search_label">样品名称：</div> |
|---|
| | |
|---|
| | | <div class="search_label">样品编号：</div> |
|---|
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
|---|
| | | v-model="componentData.entity.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div> |
|---|
| | | </div> |
|---|
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
|---|
| | | <div class="search_label" style="width: 120px;">外部委托编号：</div> |
|---|
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
|---|
| | | v-model="componentData.entity.outEntrustCode" @keyup.enter.native="refreshTable()"></el-input></div> |
|---|
| | | </div> |
|---|
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
|---|
| | | <div class="search_label">下单时间：</div> |
|---|
| | |
|---|
| | | :componentData="componentDataDataLook"/> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- 新-跟报告生成的一样 --> |
|---|
| | | <el-dialog |
|---|
| | | title="数据查看" |
|---|
| | | :visible.sync="lookDialogVisible" |
|---|
| | | width="60%" |
|---|
| | | :append-to-body="true" |
|---|
| | | :modal="!lookDialogVisible0" |
|---|
| | | > |
|---|
| | | <div style="max-height: 75vh;overflow-y: auto;"> |
|---|
| | | <template v-for="(a,b) in sampleList"> |
|---|
| | | <el-divider></el-divider> |
|---|
| | | <p style="margin: 10px 0;font-weight: 700;">样品：<el-tag size="small">{{a.insSample.sample}}</el-tag> 样品编号：{{a.insSample.sampleCode}}</p> |
|---|
| | | <el-card class="box-card" style="margin-top: 16px;" v-for="(item,index) in a.historyList" :key="index"> |
|---|
| | | <div slot="header" style="display: flex;justify-content: space-between;"> |
|---|
| | | <span>{{ item.laboratory }}</span> |
|---|
| | | </div> |
|---|
| | | <el-table |
|---|
| | | :data="item.insOrderUserList" |
|---|
| | | border |
|---|
| | | style="width: 100%"> |
|---|
| | | <el-table-column |
|---|
| | | prop="submitTime" |
|---|
| | | label="提交日期" |
|---|
| | | min-width="150"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | prop="submitUserName" |
|---|
| | | label="提交人" |
|---|
| | | min-width="90"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | prop="term" |
|---|
| | | label="实验阶段" |
|---|
| | | min-width="120"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | prop="note" |
|---|
| | | label="实验操作" |
|---|
| | | min-width="120"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | prop="tell" |
|---|
| | | label="再次检验原因" |
|---|
| | | min-width="120"> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | fixed="right" |
|---|
| | | label="操作" |
|---|
| | | min-width="100"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="lookDetail(item,scope.row.num,a.insSample)" type="text" size="small">查看</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-card> |
|---|
| | | <p v-if="a.historyList.length==0" style="text-align: center;">暂无检验数据</p> |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog |
|---|
| | | title="检验详情" |
|---|
| | | :visible.sync="lookDialogVisible0" |
|---|
| | | width="100%" :fullscreen="true" :modal="false" :append-to-body="true"> |
|---|
| | | <Inspection v-if="lookDialogVisible0" |
|---|
| | | :orderId="sampleId" |
|---|
| | | :orderId0="orderId0" |
|---|
| | | :userInfo="{}" |
|---|
| | | :inspectorList="currentItem.inspectorList" |
|---|
| | | :sonLaboratory="currentItem.laboratory" |
|---|
| | | :state="2" |
|---|
| | | :orderStateId="currentItem.orderStateId" |
|---|
| | | :version="currentItem.version" |
|---|
| | | :isLook="true" |
|---|
| | | :num1="currentItem.num1" |
|---|
| | | :noBack="true"/> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog :title="deleteTilte" :visible.sync="deleteDialogVisible" width="80%"> |
|---|
| | | <div style="height: 70vh;overflow-y: auto;" v-if="deleteDialogVisible"> |
|---|
| | | <ValueTable ref="ValueTableDataDelete" :url="$api.insOrder.selectNoProducts+'?orderId='+orderId+'&ids='+this.revocationInsProductIds" |
|---|
| | |
|---|
| | | <div style="width:100%;height: 400px;overflow-y: auto;" v-loading="loadPint"> |
|---|
| | | <div class="dia_body"> |
|---|
| | | <el-checkbox |
|---|
| | | style="margin: 10px 5px;" |
|---|
| | | style="margin: 10px 5px;text-align: left;" |
|---|
| | | :indeterminate="isIndeterminate" |
|---|
| | | v-model="checkAll" |
|---|
| | | @change="handleCheckAllChange">全选</el-checkbox> |
|---|
| | | <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList"> |
|---|
| | | <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList" style="text-align: left;"> |
|---|
| | | <el-card class="box-card" v-for="(item, i) in qrData" :key="i+'wwwww'" style="margin-bottom: 15px; font-size: 16px !important;"> |
|---|
| | | <el-checkbox :label="i" :key="i" style="position: relative;top:-10px;left:5px"><br></el-checkbox> |
|---|
| | | <div> |
|---|
| | | <p style="text-align: center;font-size: 18px;font-weight: 700;">{{ item.sample }}</p> |
|---|
| | | <barcode :value="item.sampleCode" :height="34" :width="2" :displayValue="false" style="display: flex;justify-content: center;width: 100%;"></barcode> |
|---|
| | | <div> |
|---|
| | | <div style="width: 100%;line-height: 30px;"> |
|---|
| | | <p style="text-align: center;font-size: 26px;font-weight: 700;">{{ item.sample }}（{{item.model}}）</p> |
|---|
| | | <p style="text-align: center;font-size: 16px;">{{ item.sampleCode }}</p> |
|---|
| | | <el-divider></el-divider> |
|---|
| | | <el-row style="font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;line-height: 28px;"> |
|---|
| | | <p><span> 委托单号: </span>{{ item.code }}</p> |
|---|
| | | <p><span> 电机编号: </span>{{ item.motorNumber }}</p> |
|---|
| | | <p><span> 样机完成时间: </span>{{ item.issueTime }}</p> |
|---|
| | | <p><span> 样机员: </span>{{ item.issueName }}</p> |
|---|
| | | <p class="ellipsis-multiline"><span> 检测项目: </span>{{ item.item }}</p> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="8" style="text-align: left;"> |
|---|
| | | <vueQr |
|---|
| | | :text="item.str" |
|---|
| | | :size="140" |
|---|
| | | :margin="2" |
|---|
| | | ></vueQr> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <!-- <div> |
|---|
| | | <div> |
|---|
| | | <el-row style="font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;"><span> 样品编号: </span>{{ item.sampleCode }}</el-col> |
|---|
| | | <el-col :span="8" style="text-align: left;"><span> 规格型号: </span>{{ item.model }}</el-col> |
|---|
| | |
|---|
| | | <el-col style="text-align: left;"><span> 检测项目: </span>{{ item.item }}</el-col> |
|---|
| | | </el-row> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </el-checkbox-group> |
|---|
| | |
|---|
| | | <div id="printMOrder" class="printMOrder" ref="printMOrder"> |
|---|
| | | <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i+'uuuuu'" style="font-size: 16px !important;page-break-after: always;color: #000;box-shadow: none;margin: 0 !important;padding: 0 !important;"> |
|---|
| | | <div> |
|---|
| | | <p style="text-align: center;font-size: 18px;font-weight: 500;margin-top: 10px;">{{ item.sample }}</p> |
|---|
| | | <barcode :value="item.sampleCode" :height="34" :width="2" :displayValue="false" style="display: flex;justify-content: center;width: 100%;"></barcode> |
|---|
| | | <div> |
|---|
| | | <div style="width: 100%;line-height: 30px;"> |
|---|
| | | <el-row style="font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;"><span>样品编号: </span>{{ item.sampleCode }}</el-col> |
|---|
| | | <el-col :span="7" style="text-align: left;"><span>规格型号: </span>{{ item.model }}</el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row style="margin-top: 1px;font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;"><span>委托单号: </span>{{ item.code }}</el-col> |
|---|
| | | <el-col :span="7" style="text-align: left;"><span>电机编号: </span>{{ item.motorNumber }}</el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row style="margin-top: 1px;font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;"><span>样机完成时间: </span>{{ item.issueTime }}</el-col> |
|---|
| | | <el-col :span="7" style="text-align: left;"><span>样机员: </span>{{ item.issueName }}</el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row style="margin-top: 1px;font-size: 16px;" class="ellipsis-multiline"> |
|---|
| | | <el-col style="text-align: left;"><span>检测项目: </span>{{ item.item }}</el-col> |
|---|
| | | </el-row> |
|---|
| | | </div> |
|---|
| | | <p style="text-align: center;font-size: 26px;font-weight: 700;margin-top: 20px;">{{ item.sample }}（{{item.model}}）</p> |
|---|
| | | <p style="text-align: center;font-size: 16px;">{{ item.sampleCode }}</p> |
|---|
| | | <!-- <el-divider></el-divider> --> |
|---|
| | | <p style="width: 100%;height:1px;background-color: #333333;margin: 6px 0;"></p> |
|---|
| | | <el-row style="font-size: 16px;"> |
|---|
| | | <el-col :span="16" style="text-align: left;line-height: 28px;"> |
|---|
| | | <p><span> 委托单号: </span>{{ item.code }}</p> |
|---|
| | | <p><span> 电机编号: </span>{{ item.motorNumber }}</p> |
|---|
| | | <p><span> 样机完成时间: </span>{{ item.issueTime }}</p> |
|---|
| | | <p><span> 样机员: </span>{{ item.issueName }}</p> |
|---|
| | | <p class="ellipsis-multiline"><span> 检测项目: </span>{{ item.item }}</p> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="8" style="text-align: left;"> |
|---|
| | | <vueQr |
|---|
| | | :text="item.str" |
|---|
| | | :size="140" |
|---|
| | | :margin="2" |
|---|
| | | ></vueQr> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </el-row> |
|---|
| | | </span> |
|---|
| | | </el-dialog> |
|---|
| | | <el-dialog title="报告下载" :visible.sync="downVisible" width="440px"> |
|---|
| | | <p v-for="(item,index) in downList" :key="index" style="text-align: left;">样品编号：{{item.codeUrl}} <el-button type="text" icon="el-icon-download" @click="handleDown(item)">报告下载</el-button></p> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import ValueTable from '../tool/value-table.vue' |
|---|
| | | import Add from '../do/b1-ins-order/add.vue' |
|---|
| | | import Inspection from '../do/b1-inspect-order-plan/Inspection.vue' |
|---|
| | | import vueQr from 'vue-qr' |
|---|
| | | import PrintJS from 'print-js' |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | ValueTable, |
|---|
| | | Inspection, |
|---|
| | | Add, |
|---|
| | | vueQr |
|---|
| | | }, |
|---|
| | | props:{ |
|---|
| | | param: { |
|---|
| | | type: Object, |
|---|
| | | default: () => {} |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | deleteTilte:'撤销', |
|---|
| | |
|---|
| | | appointed:null, |
|---|
| | | issueTime:null, |
|---|
| | | motorNumber:null, |
|---|
| | | formType:null, |
|---|
| | | // orderBy: { |
|---|
| | | // field: '', |
|---|
| | | // order: '' |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | init:false, |
|---|
| | | isIndex: true, |
|---|
| | | showSelect: true, |
|---|
| | | select: true, |
|---|
| | |
|---|
| | | type: 'text', |
|---|
| | | method: 'download', |
|---|
| | | disabFun: (row, index) => { |
|---|
| | | return row.state != 4 || row.reportId == null |
|---|
| | | return !row.reportDtos||row.reportDtos.length==0 |
|---|
| | | } |
|---|
| | | }, { |
|---|
| | | id: 'verify', |
|---|
| | |
|---|
| | | currentRole:'', |
|---|
| | | BZinfo:[], |
|---|
| | | BZDialogVisible:false, |
|---|
| | | downVisible:false, |
|---|
| | | downList:[], |
|---|
| | | formType:[], |
|---|
| | | currentInfo:{}, |
|---|
| | | sampleList:[], |
|---|
| | | lookDialogVisible:false, |
|---|
| | | lookDialogVisible0:false, |
|---|
| | | sampleId:null, |
|---|
| | | orderId0:null, |
|---|
| | | currentItem:{}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | watch:{ |
|---|
| | |
|---|
| | | this.checkDataList = [] |
|---|
| | | this.isIndeterminate = true; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | param(val){ |
|---|
| | | if(val&&val.text){ |
|---|
| | | this.componentData.entity.entrustCode = this.param.text |
|---|
| | | this.componentData.entity.state = 1; |
|---|
| | | this.tabIndex = 1; |
|---|
| | | this.refreshTable() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
|---|
| | | if(this.param&&this.param.text){ |
|---|
| | | this.componentData.entity.entrustCode = this.param.text |
|---|
| | | this.componentData.entity.state = 1; |
|---|
| | | this.tabIndex = 1; |
|---|
| | | this.refreshTable() |
|---|
| | | }else{ |
|---|
| | | this.refreshTable() |
|---|
| | | } |
|---|
| | | this.getPower() |
|---|
| | | this.getUserMenu() |
|---|
| | | this.getAuthorizedPerson() |
|---|
| | | this.getInsStateDicts() |
|---|
| | | this.selectEnumByCategoryForOrderType() |
|---|
| | | this.selectEnumByCategoryForSampleForm() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | selectMethod(val){ |
|---|
| | |
|---|
| | | this.loadPint = false; |
|---|
| | | let arr1 = [] |
|---|
| | | a.insProduct.forEach(b=>{ |
|---|
| | | arr1.push(b.inspectionItem) |
|---|
| | | arr1.push(b.inspectionItemSubclass) |
|---|
| | | }) |
|---|
| | | a.item = [...new Set(arr1)].join(',') |
|---|
| | | }) |
|---|
| | | this.qrData = arr |
|---|
| | | this.qrData = arr.map(m=>{ |
|---|
| | | m.str = JSON.stringify({ |
|---|
| | | sampleCode:m.sampleCode, |
|---|
| | | entrustCode:m.code |
|---|
| | | }) |
|---|
| | | return m |
|---|
| | | }) |
|---|
| | | // console.log(this.qrData) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | |
|---|
| | | targetStyles: ["*"], // 使用dom的所有样式，很重要 |
|---|
| | | printable: 'printMOrder',//页面 |
|---|
| | | type: "html",//文档类型 |
|---|
| | | maxWidth:720, |
|---|
| | | header: '', |
|---|
| | | documentTitle: "二维码", |
|---|
| | | style: |
|---|
| | | `@page { |
|---|
| | | margin: 0.4cm; |
|---|
| | | margin-right: 0.4cm; |
|---|
| | | margin-top: 0.4cm; |
|---|
| | | margin-bottom: 0.4cm; |
|---|
| | | padding-bottom: 0px; |
|---|
| | | size: 800px 600px collapse; |
|---|
| | | margin: 0; |
|---|
| | | size: landscape; |
|---|
| | | } |
|---|
| | | html{ |
|---|
| | | body{ |
|---|
| | | zoom:100%; |
|---|
| | | |
|---|
| | | } |
|---|
| | | @media print{ |
|---|
| | | width: 800px; |
|---|
| | | height: 600px; |
|---|
| | | padding:30px 0; |
|---|
| | | margin:0; |
|---|
| | | }`, |
|---|
| | | font_size: '16px', |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | async print(){ |
|---|
| | |
|---|
| | | }, |
|---|
| | | // 数据查看 |
|---|
| | | handleDataLook(row) { |
|---|
| | | this.componentDataDataLook.entity.id = row.id |
|---|
| | | this.dataDialogVisible = true; |
|---|
| | | // this.componentDataDataLook.entity.id = row.id |
|---|
| | | // this.dataDialogVisible = true; |
|---|
| | | |
|---|
| | | this.currentInfo = row |
|---|
| | | this.$axios.get(this.$api.insReport.getInsOrderStateCount+'?id='+row.id).then(res => { |
|---|
| | | this.sampleList = res.data |
|---|
| | | this.sampleList.forEach(a=>{ |
|---|
| | | a.historyList = a.insOrderStates |
|---|
| | | a.historyList.forEach(item => { |
|---|
| | | item.arr = [] |
|---|
| | | this.$set(item,'numValue',1) |
|---|
| | | if(item.num>0){ |
|---|
| | | for(var i=0;i<item.num;i++){ |
|---|
| | | item.arr.push({ |
|---|
| | | label:'记录'+(i+1), |
|---|
| | | value:i+1 |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.lookDialogVisible = true |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | // 查看检验详情 |
|---|
| | | lookDetail(row,value,insSample){ |
|---|
| | | this.lookDialogVisible0 = true |
|---|
| | | let inspectorList = [] |
|---|
| | | if(row.userName){ |
|---|
| | | inspectorList = row.userName.split(',') |
|---|
| | | } |
|---|
| | | this.sampleId = insSample.id |
|---|
| | | this.orderId0 = insSample.insOrderId |
|---|
| | | this.currentItem = { |
|---|
| | | num1:value, |
|---|
| | | inspectorList:inspectorList, |
|---|
| | | ...row |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 下载报告 |
|---|
| | | download(row) { |
|---|
| | | this.downList = row.reportDtos |
|---|
| | | this.downVisible = true; |
|---|
| | | }, |
|---|
| | | handleDown(row){ |
|---|
| | | let url = row.urlS?row.urlS:row.url; |
|---|
| | | if(url){ |
|---|
| | | url = url.split('.')[0]+'.pdf' |
|---|
| | |
|---|
| | | this.refreshTable('page') |
|---|
| | | this.upIndex++ |
|---|
| | | }, |
|---|
| | | selectEnumByCategoryForSampleForm() { |
|---|
| | | this.$axios.post(this.$api.enums.selectEnumByCategory, { |
|---|
| | | category: "订单类型" |
|---|
| | | }).then(res => { |
|---|
| | | this.formType = res.data |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | getUserMenu() { |
|---|
| | | this.$axios.get(this.$api.user.getUserMenu).then(res => { |
|---|
| | | let data = [] |
|---|
