| | |
| | | line-height: 1.5em; /* 行高 */ |
| | | height: 3.0em; /* 高度为行高的两倍 */ |
| | | } |
| | | .thermal-table{ |
| | | min-width: calc(100% - 10px); |
| | | margin: 5px 5px 0; |
| | | table-layout: fixed; |
| | | } |
| | | .thermal-table td { |
| | | min-width: 70px; |
| | | text-align: center; |
| | | font-size: 14px; |
| | | word-wrap: break-word; |
| | | white-space: normal; |
| | | padding: 5px; |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="search" :style="`height: ${more?130:80}px;`"> |
| | | <div class="search" :style="`height: ${more?150:80}px;`"> |
| | | <el-row :gutter="10" style="width: 100%;"> |
| | | <el-col :span="20" style="display: flex;flex-wrap: wrap;"> |
| | | <div class="search_thing" style="width: 20%;"> |
| | |
| | | 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_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="componentData.entity.sample" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | v-model="componentData.entity.sampleName" @keyup.enter.native="refreshTable()"></el-input></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> |
| | |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
| | | <div class="search_label">约定时间:</div> |
| | | <div class="search_input"> |
| | | <el-date-picker style="width:100%" v-model="componentData.entity.appointed" |
| | | type="date" |
| | | size="small" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | clearable |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
| | | <div class="search_label" style="width: 130px;">样机完成时间:</div> |
| | | <div class="search_input"> |
| | | <el-date-picker style="width:100%" v-model="componentData.entity.issueTime" |
| | | type="date" |
| | | size="small" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | clearable |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
| | | <div class="search_label">电机编号:</div> |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="componentData.entity.motorNumber" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> |
| | | <div class="search_thing" style="width: 20%;" v-if="more"> |
| | | <div class="search_label">下单人:</div> |
| | |
| | | </div> |
| | | <div class="table"> |
| | | <ul class="tab"> |
| | | <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li> |
| | | <li v-for="(m,i) in tabList" :key="i+'afgh'" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li> |
| | | </ul> |
| | | <ValueTable :style="getStyle()" ref="ValueTable" |
| | | :isColumnWidth="true" |
| | | :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData" |
| | | :key="'b'+upIndex" /> |
| | | :upIndex="upIndex" /> |
| | | </div> |
| | | <!-- 审核 --> |
| | | <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose"> |
| | |
| | | </el-dialog> |
| | | <!-- 下发 --> |
| | | <el-dialog title="检验分配" :visible.sync="issuedDialogVisible" width="400px" :before-close="handleClose"> |
| | | <div class="body" style="max-height: 60vh;"> |
| | | <div class="body" style="max-height: 60vh;" v-if="issuedDialogVisible"> |
| | | <el-row> |
| | | <el-col class="search_thing" style="width: 95%;"> |
| | | <div class="search_label"><span class="required-span">* </span>约定时间:</div> |
| | |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" style="width: 95%;"> |
| | | <div class="search_label"><span class="required-span" v-show="distributeData.type==2">* </span>指派人员:</div> |
| | | <div class="search_label">指派人员:</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%;" clearable filterable @change="changeUser"> |
| | | <el-option v-for="(item,i) in personList" :key="i" :label="item.label" :value="item.value"> |
| | | <el-option v-for="(item,i) in personList" :key="i+'gbnm.'" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" style="width: 95%;" v-if="distributeData.userId"> |
| | | <el-col class="search_thing" style="width: 95%;"> |
| | | <div class="search_label"><span class="required-span" >* </span>试验室:</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="distributeData.sonLaboratory" placeholder="请选择" size="small" style="width: 100%;" clearable filterable> |
| | | <el-option v-for="(item,i) in sonLaboratoryList" :key="i" :label="item.label" :value="item.value"> |
| | | <el-option v-for="(item,i) in sonLaboratoryList" :key="i+'oooo'" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | </el-dialog> |
| | | <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="80%"> |
| | | <div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible"> |
| | | <ValueTable ref="ValueTableDataLook" :url="$api.insOrder.selectSampleAndProductByOrderId" |
| | | <ValueTable ref="ValueTableDataLook" :rowKey="'insProductId'" :url="$api.insOrder.selectSampleAndProductByOrderId" |
| | | :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" |
| | | :componentData="componentDataDelete" :isColumnWidth="true"/> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="handleNo">{{deleteTilte=='撤销'?'取 消':'不通过'}}</el-button> |
| | | <el-button type="primary" @click="submitDelete" :loading="printLoading">{{deleteTilte=='撤销'?'确 定':'通 过'}}</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | <div style="width: 100%;height: 100%;" v-if="active >0"> |
| | | <Add :active="active" :currentId="currentId" v-if="active<4" /> |
| | | <Add :active="active" :currentId="currentId" v-if="active<4" :examine = "examine" /> |
| | | </div> |
| | | <el-dialog title="标签打印" :visible.sync="printDialogVisible" width="40%" top="5vh"> |
| | | <el-dialog title="标签打印" :visible.sync="printDialogVisible" width="38%" top="5vh"> |
| | | <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-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px; font-size: 16px !important;"> |
| | | <el-checkbox :label="i" :key="i" style="position: relative;top:-20px;left:5px"><br></el-checkbox> |
| | | <div> |
| | | <el-row style="font-size: 14px;padding-left: 20px;"> |
| | | <el-col style="font-weight: bold;">{{ item.pName }}</el-col> |
| | | <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: 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-row> |
| | | <div style="display: flex;"> |
| | | <div> |
| | | <el-col :span="8" :offset="4"> |
| | | <vueQr :text="JSON.stringify(item.sampleCode)" :size="140" :margin="2"></vueQr> |
| | | </el-col> |
| | | </div> |
| | | <div style="margin-left: 50px;width: 100%;"> |
| | | <el-row> |
| | | <el-col style="font-weight: bold;font-size: 14px;"><span>样品编号: </span>{{ item.sampleCode }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;"> |
| | | <el-col style="font-weight: bold;"><span>委托单号: </span>{{ item.code }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;"> |
| | | <el-col style="font-weight: bold;"><span>规格型号: </span>{{ item.model }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;"> |
| | | <el-col style="font-weight: bold;"><span>样品名称: </span>{{ item.sampleName }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;" class="ellipsis-multiline"> |
| | | <el-col style="font-weight: bold;"><span>检测项目: </span>{{ item.item }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 3px;font-size: 14px;"> |
| | | <el-col style="font-weight: bold;display: flex;align-items: center;"><span>样品状态: </span><el-radio-group :value="item.insState" style="margin-top: 7px;margin-left: 4px;" disabled> |
| | | <el-radio :label="0" style="font-weight: bold;margin-right: 7px;">待检</el-radio> |
| | | <el-radio :label="1" style="font-weight: bold;margin-right: 7px;">在检</el-radio> |
| | | <el-radio :label="2" style="font-weight: bold;margin-right: 7px;">已检</el-radio> |
| | | </el-radio-group><el-radio :label="1" style="font-weight: bold;margin-top: 7px;" v-model="item.isLeave" disabled>留样</el-radio></el-col> |
| | | </el-row> |
| | | </div> |
| | | <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="8" 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="8" 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> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </el-card> |
| | | </el-checkbox-group> |
| | | </div> |
| | |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <div class="el-dialog__body" style="overflow-y: auto;margin-top: 0;position: fixed;top: 999px;z-index: 99999;display: none;"> |
| | | <div id="printMOrder"> |
| | | <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="font-size: 0.21cm !important;page-break-after: always;color: #000;box-shadow: none;" > |
| | | <div style="display: flex;"> |
| | | <div> |
| | | <el-col :span="10" :offset="2"> |
| | | <vueQr :text="JSON.stringify(item.sampleCode)" :size="78" :margin="2"></vueQr> |
| | | </el-col> |
| | | </div> |
| | | <div style="margin-left: 0.32cm;line-height: 0.25cm;"> |
| | | <el-row> |
| | | <el-col style="font-size: 0.21cm;"><span>样品编号: </span>{{ item.sampleCode }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 0.21cm;"> |
| | | <el-col><span>委托单号: </span>{{ item.code }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 0.21cm;"> |
| | | <el-col><span>规格型号: </span>{{ item.model }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 0.21cm;"> |
| | | <el-col ><span>样品名称: </span>{{ item.sampleName }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 0.21cm;width: 4.77cm;"> |
| | | <el-col class="ellipsis-multiline"><span>检测项目: </span>{{ item.item }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 0.01cm;font-size: 0.21cm;"> |
| | | <el-col style="display: flex;align-items: center;"><span>样品状态: |
| | | </span> |
| | | <span style="white-space: nowrap;"><span v-if="item.insState==0">√</span><span class="scor" v-if="item.insState!=0"></span>待检 |
| | | <span v-if="item.insState==1">√</span><span class="scor" v-if="item.insState!=1"></span>在检 |
| | | <span v-if="item.insState==2">√</span><span class="scor" v-if="item.insState!=2"></span>已检 |
| | | <span v-if="item.isLeave==1">√</span><span class="scor" v-if="item.isLeave!=1"></span>留样</span> |
| | | <!-- <el-radio-group :value="item.insState" style="margin-top: 3px;margin-left: 1px;" disabled> |
| | | <el-radio :label="0" style="margin-right: 3px;font-size: 6px;">待检</el-radio> |
| | | <el-radio :label="1" style="margin-right: 3px;font-size: 6px;">在检</el-radio> |
| | | <el-radio :label="2" style="margin-right: 3px;font-size: 6px;">已检</el-radio> |
| | | </el-radio-group><el-radio :label="1" style="margin-top: 3px;font-size: 8px;" v-model="item.isLeave" disabled>留样</el-radio> --> |
| | | </el-col> |
| | | <div class="el-dialog__body" style="overflow-y: auto;position: fixed;top:60px;right: 20px;z-index: 9999;display: none;"> |
| | | <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: 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-dialog title="样机编号" :visible.sync="BZDialogVisible" width="60%"> |
| | | <div class="body" style="max-height: 60vh;" v-if="BZDialogVisible"> |
| | | </div> |
| | | <table border="1" class="thermal-table" cellpadding="10"> |
| | | <tr> |
| | | <td>委托单号</td> |
| | | <td>样品</td> |
| | | <td>样品编号</td> |
| | | <td>样品型号</td> |
| | | <td>电机编号</td> |
| | | </tr> |
| | | <template v-for="(item,index) in BZinfo"> |
| | | <tr v-for="(m,i) in item.arr" :key="i"> |
| | | <td :rowspan="item.arr.length" v-if="i==0">{{item.name}}</td> |
| | | <td>{{ m.sample }}</td> |
| | | <td>{{ m.sampleCode }}</td> |
| | | <td>{{ m.model }}</td> |
| | | <td> |
| | | <el-input v-model="m.motorNumber" size="small"></el-input> |
| | | </td> |
| | | </tr> |
| | | </template> |
| | | </table> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="BZDialogVisible=false">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm3" :loading="upLoad">确 定</el-button> |
| | | </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:'撤销', |
| | | examine: null, |
| | | deleteList:[], |
| | | loadPint:false, |
| | | checkAll: false, |
| | | isIndeterminate: true, |
| | |
| | | name:null, |
| | | engineering:null, |
| | | production:null, |
| | | orderBy: { |
| | | field: 'id', |
| | | order: 'asc' |
| | | } |
| | | 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', |
| | |
| | | type: 'text', |
| | | method: 'handleVerify', |
| | | disabFun: (row, index) => { |
| | | return row.state != 0 |
| | | let state0 = false |
| | | if(this.currentRole=='检测中心主任'){ |
| | | if(row.checkState1||row.checkState1User){ |
| | | state0 = true |
| | | } |
| | | }else if(this.currentRole=='研发部经理'){ |
| | | if(row.checkState2||row.checkState2User){ |
| | | state0 = true |
| | | } |
| | | }else if(this.currentRole=='技术负责人'){ |
| | | if(row.checkState3||row.checkState3User){ |
| | | state0 = true |
| | | } |
| | | } |
| | | return row.state != 0 || state0 ||(this.currentRole!='检测中心主任'&&this.currentRole!='研发部经理'&&this.currentRole!='技术负责人') |
| | | } |
| | | }, { |
| | | id: 'quash', |
| | |
| | | disabFun: (row, index) => { |
| | | return row.state != 1 && row.state != 0 |
| | | } |
| | | }, { |
| | | font: '分配', |
| | | }, |
| | | { |
| | | id: 'quashCheck', |
| | | font: '撤销审核', |
| | | type: 'text', |
| | | method: 'handleIssued', |
| | | method: 'handlEquashCheck', |
| | | disabFun: (row, index) => { |
| | | return row.state != 1 || !row.assign |
| | | return (row.state != 1 && row.state != 0)||(this.tabIndex!=1)||row.isRevocation!=1 |
| | | } |
| | | }], |
| | | }, |
| | | // { |
| | | // font: '分配', |
| | | // type: 'text', |
| | | // method: 'handleIssued', |
| | | // disabFun: (row, index) => { |
| | | // // return row.state != 1 || !!row.assign |
| | | // return row.appointed || row.state != 1 |
| | | // } |
| | | // } |
| | | ], |
| | | linkEvent: { |
| | | sampleName: { |
| | | method: 'selectAllByOne' |
| | |
| | | requiredUp: [], |
| | | needSort: ['createTime', 'sendTime', 'type', 'appointed'] |
| | | }, |
| | | orderId:'', |
| | | revocationInsProductIds:'', |
| | | componentDataDataLook: { |
| | | entity: { |
| | | id: 0, |
| | |
| | | value: 0, |
| | | label: '不合格', |
| | | type: 'danger' |
| | | },{ |
| | | value: 3, |
| | | label: '不判定', |
| | | type: '' |
| | | }] |
| | | } |
| | | }, |
| | |
| | | requiredAdd: [], |
| | | requiredUp: [] |
| | | }, |
| | | componentDataDelete: { |
| | | entity: { |
| | | // orderId: '', |
| | | // orderBy: { |
| | | // field: 'sampleCode', |
| | | // order: 'asc' |
| | | // } |
| | | }, |
| | | isPage:false, |
| | | isIndex: false, |
| | | showSelect: true, |
| | | select: true, |
| | | selectMethod: 'selectDelete', |
| | | do: [], |
| | | tagField: { |
| | | insState: { |
| | | select: [] |
| | | }, |
| | | insResult: { |
| | | select: [{ |
| | | value: 1, |
| | | label: '合格', |
| | | type: 'success' |
| | | },{ |
| | | value: 0, |
| | | label: '不合格', |
| | | type: 'danger' |
| | | }] |
| | | } |
| | | }, |
| | | selectField: {}, |
| | | spanConfig:{}, |
| | | requiredAdd: [], |
| | | requiredUp: [] |
| | | }, |
| | | deleteDialogVisible:false, |
| | | entityCopy: {}, |
| | | upIndex: 0, |
| | | addPower: true, |
| | |
| | | more:false, |
| | | insOrderRow:{}, |
| | | checkIndexList:[], |
| | | checkDataList:[ |
| | | { |
| | | sampleCode:'11111' |
| | | } |
| | | ], |
| | | checkDataList:[], |
| | | qrData:[], |
| | | multipleSelection:[], |
| | | sonLaboratoryList:[] |
| | | sonLaboratoryList:[], |
| | | 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() { |
| | | this.getAuthorizedPersonRole() |
| | | }, |
| | | 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.multipleSelection = val |
| | | }, |
| | | async searchPrint(selection){ |
| | | let res = await this.$axios.post(this.$api.insOrder.checkNumber,{ |
| | | ids:selection.map(m=>m.id).join(',') |
| | | }) |
| | | if(res.data){ |
| | | let arr = [] |
| | | for(let i in res.data){ |
| | | let obj = { |
| | | name:i, |
| | | arr:res.data[i], |
| | | motorNumber:null, |
| | | } |
| | | arr.push(obj) |
| | | } |
| | | this.BZinfo = arr |
| | | this.BZDialogVisible = true |
| | | return true |
| | | }else{ |
| | | return false |
| | | } |
| | | }, |
| | | submitForm3(){ |
| | | let arr = [] |
| | | let num = 0; |
| | | this.BZinfo.forEach(m=>{ |
| | | arr = arr.concat(m.arr) |
| | | }) |
| | | arr.forEach(m=>{ |
| | | if(!m.motorNumber){ |
| | | num++ |
| | | } |
| | | }) |
| | | if(num>0){ |
| | | return this.$message.warning("请输入电机编号") |
| | | } |
| | | this.upLoad = true |
| | | this.$axios.post(this.$api.insOrder.addNumber,{ |
| | | insSamples:arr.map(m=>{ |
| | | return { |
| | | id:m.id, |
| | | motorNumber:m.motorNumber |
| | | } |
| | | }) |
| | | },{ |
| | | header: { |
| | | 'Content-Type': 'application/json;charset=UTF-8', |
| | | }, |
| | | noQs:true |
| | | }).then(res => { |
| | | this.upLoad = false; |
| | | if(res.code == 200){ |
| | | this.BZDialogVisible = false |
| | | this.getLabelPrinting(this.multipleSelection) |
| | | this.printDialogVisible = true |
| | | this.refreshTable() |
| | | } |
| | | }) |
| | | }, |
| | | getLabelPrinting(selection){ |
| | | this.loadPint = true; |
| | |
| | | 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 |
| | | console.log(this.qrData) |
| | | this.qrData = arr.map(m=>{ |
| | | m.str = JSON.stringify({ |
| | | sampleCode:m.sampleCode, |
| | | entrustCode:m.code |
| | | }) |
| | | return m |
| | | }) |
| | | // console.log(this.qrData) |
| | | }) |
| | | }, |
| | | //选择要打印的二维码 |
| | |
| | | this.$message.warning("请选择要打印的二维码") |
| | | return |
| | | } |
| | | this.printDialogVisible = false; |
| | | PrintJS({ |
| | | printable: 'printMOrder',//页面 |
| | | type: "html",//文档类型 |
| | | maxWidth:360, |
| | | targetStyles:['*'], |
| | | style: `@page { |
| | | margin:0; |
| | | size: 360px 175px collapse; |
| | | } |
| | | html{ |
| | | zoom:100%; |
| | | } |
| | | @media print{ |
| | | width: 360px; |
| | | height: 175px; |
| | | margin:0; |
| | | }`, |
| | | onPrintDialogClose: this.erexcel=false, |
| | | targetStyles: ["*"], // 使用dom的所有样式,很重要 |
| | | font_size: '0.21cm', |
| | | targetStyles: ["*"], // 使用dom的所有样式,很重要 |
| | | printable: 'printMOrder',//页面 |
| | | type: "html",//文档类型 |
| | | documentTitle: "二维码", |
| | | style: |
| | | `@page { |
| | | margin: 0; |
| | | size: landscape; |
| | | } |
| | | body{ |
| | | zoom:100%; |
| | | padding:30px 0; |
| | | margin:0; |
| | | }`, |
| | | }); |
| | | }, |
| | | print(){ |
| | | async print(){ |
| | | if(this.multipleSelection.length==0){ |
| | | this.$message.warning('请选择一条数据') |
| | | return |
| | | } |
| | | let selection = this.multipleSelection |
| | | this.getLabelPrinting(selection) |
| | | this.printDialogVisible = true |
| | | let isAdd = await this.searchPrint(selection) |
| | | if(!isAdd){ |
| | | this.getLabelPrinting(selection) |
| | | this.printDialogVisible = true |
| | | } |
| | | }, |
| | | getAuthorizedPerson() { |
| | | this.$axios.get(this.$api.user.getUserMenu).then(res => { |
| | |
| | | this.personList = data |
| | | }) |
| | | }, |
| | | getAuthorizedPersonRole() { |
| | | this.$axios.get(this.$api.role.getRole).then(res => { |
| | | this.currentRole = res.message |
| | | }) |
| | | }, |
| | | refreshTable(e) { |
| | | this.$refs['ValueTable'].selectList(e) |
| | | }, |
| | | refresh() { |
| | | let state = this.componentData.entity.state |
| | | this.componentData.entity = this.HaveJson(this.entityCopy) |
| | | this.componentData.entity.state = state |
| | | this.refreshTable() |
| | | this.upIndex++ |
| | | }, |
| | | // 权限分配 |
| | |
| | | let add = false |
| | | let revoke = false |
| | | let check = false |
| | | let checkUpdate = false |
| | | for (var i = 0; i < power.length; i++) { |
| | | if (power[i].menuMethod == 'upInsOrder') { |
| | | up = true |
| | |
| | | if (power[i].menuMethod == 'updateStatus') { |
| | | revoke = true |
| | | } |
| | | if (power[i].menuMethod == 'upInsOrderOfState') { |
| | | if (power[i].menuMethod == 'upInsOrderOfState2') { |
| | | check = true |
| | | } |
| | | if (power[i].menuMethod == 'checkUpdate') { |
| | | checkUpdate = true |
| | | } |
| | | } |
| | | if (!up) { |
| | | this.componentData.do.splice(5, 1) |
| | | } |
| | | if (!checkUpdate) { |
| | | this.componentData.do.splice(4, 1) |
| | | } |
| | | if (!revoke) { |
| | |
| | | // //复制给formData |
| | | // this.formData = this.HaveJson(row); |
| | | this.currentId = row.id |
| | | this.examine = 1 |
| | | }, |
| | | // 数据查看 |
| | | 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.verifyDialogVisible = true; |
| | | this.active = 3; |
| | | this.currentId = row.id |
| | | this.examine = 1 |
| | | }, |
| | | // 撤销 |
| | | handlEquash(row) { |
| | | this.quashDialogVisible = true; |
| | | this.insOrderRow=row |
| | | if(this.tabIndex!=1){ |
| | | this.quashDialogVisible = true; |
| | | this.insOrderRow=row |
| | | }else{ |
| | | // this.componentDataDelete.entity.orderId = row.id |
| | | this.orderId = row.id |
| | | this.revocationInsProductIds = '' |
| | | this.componentDataDelete.showSelect= true |
| | | this.componentDataDelete.select= true |
| | | this.deleteTilte = '撤销' |
| | | this.deleteDialogVisible = true; |
| | | } |
| | | }, |
| | | selectDelete(arr){ |
| | | this.deleteList = arr; |
| | | }, |
| | | submitDelete(){ |
| | | if(this.deleteTilte=='撤销'){ |
| | | if(this.deleteList.length==0){ |
| | | this.$message.error('请选择要撤销的项') |
| | | return |
| | | } |
| | | let ids = this.deleteList.map(m=>m.id).join(',') |
| | | this.printLoading = true; |
| | | this.axios.put(this.$api.insOrder.updateInspected+"?ids="+ids+'&orderId='+this.orderId).then(res=>{ |
| | | if (res.code===200){ |
| | | this.printLoading=false |
| | | this.deleteDialogVisible=false |
| | | this.refreshTable('page') |
| | | this.$message.success("更新成功") |
| | | } |
| | | }) |
| | | }else{ |
| | | this.axios.post(this.$api.insOrder.checkUpdate+'?orderId='+this.orderId+'&state='+1).then(res=>{ |
| | | if (res.code===200){ |
| | | this.printLoading=false |
| | | this.deleteDialogVisible=false |
| | | this.refreshTable('page') |
| | | this.$message.success("更新成功") |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | handlEquashCheck(row){ |
| | | // this.componentDataDelete.entity.orderId = row.id |
| | | this.orderId = row.id |
| | | this.revocationInsProductIds = row.revocationInsProductIds |
| | | this.componentDataDelete.showSelect= false |
| | | this.componentDataDelete.select= false |
| | | this.deleteTilte = '撤销审核' |
| | | this.deleteDialogVisible = true; |
| | | }, |
| | | handleNo(){ |
| | | if(this.deleteTilte=='撤销'){ |
| | | this.deleteDialogVisible=false |
| | | }else{ |
| | | this.axios.post(this.$api.insOrder.checkUpdate+'?orderId='+this.orderId+'&state='+0).then(res=>{ |
| | | if (res.code===200){ |
| | | this.printLoading=false |
| | | this.deleteDialogVisible=false |
| | | this.refreshTable('page') |
| | | this.$message.success("更新成功") |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | // 下发 |
| | | handleIssued(row) { |
| | | this.issuedDialogVisible = true; |
| | |
| | | this.$message.error('约定时间未填写') |
| | | return |
| | | } |
| | | // |
| | | if(this.distributeData.type==2&&(this.distributeData.userId==null||this.distributeData.userId=='')){ |
| | | this.$message.error('指派人员未填写') |
| | | return |
| | | } |
| | | if(this.distributeData.userId&&(this.distributeData.sonLaboratory==null||this.distributeData.sonLaboratory=='')){ |
| | | if(this.distributeData.sonLaboratory==null||this.distributeData.sonLaboratory==''){ |
| | | this.$message.error('试验室未填写') |
| | | return |
| | | } |
| | |
| | | // 下单 |
| | | playOrder(num) { |
| | | this.active = num |
| | | this.examine = 0 |
| | | this.getAuthorizedPersonRole() |
| | | this.refreshTable('page') |
| | | }, |
| | | handleTab(m, i) { |
| | | this.tabIndex = i; |
| | | this.componentData.entity.state = m.value |
| | | this.refreshTable() |
| | | 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 = [] |
| | |
| | | } |
| | | }) |
| | | this.componentDataDataLook.tagField.insState.select = data |
| | | this.componentDataDelete.tagField.insState.select = data |
| | | }) |
| | | }, |
| | | selectEnumByCategoryForOrderType() { |