<style scoped>
|
.ins-order-plan-main .title {
|
font-size: 20px;
|
color: #3A7BFA
|
}
|
|
.search {
|
background-color: #fff;
|
height: 80px;
|
display: flex;
|
align-items: center;
|
}
|
|
.search_thing {
|
display: flex;
|
align-items: center;
|
height: 50px;
|
}
|
|
.search_label {
|
width: 120px;
|
font-size: 14px;
|
text-align: right;
|
}
|
|
.search_input {
|
width: calc(100% - 120px);
|
}
|
|
.ins-order-plan-main .search {
|
width: 100%;
|
margin-bottom: 10px;
|
height: 80px;
|
background-color: #fff;
|
border-radius: 3px;
|
}
|
|
.search .form-inline {
|
height: 50px;
|
padding-top: 20px;
|
padding-left: 50px;
|
}
|
|
.ins-order-plan-main .center {
|
width: calc(100% - 40px);
|
height: calc(100% - 60px - 80px - 40px);
|
background-color: #fff;
|
border-radius: 3px;
|
padding: 20px;
|
}
|
|
.ins-order-plan-main .center .value-table {
|
width: 100%;
|
height: calc(100% - 68px);
|
}
|
|
.tab {
|
list-style-type: none;
|
display: flex;
|
}
|
|
.tab li {
|
line-height: 24px;
|
padding: 6px 14px;
|
font-size: 14px;
|
color: #333333;
|
border: 1px solid #EEEEEE;
|
cursor: pointer;
|
}
|
|
.tab li:nth-child(1) {
|
border-radius: 8px 0 0 8px;
|
}
|
|
.tab li:nth-last-child(1) {
|
border-radius: 0 8px 8px 0;
|
}
|
|
.tab li.active {
|
border-color: #3A7BFA;
|
color: #3A7BFA;
|
}
|
|
.center .center-options .center-title {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: right;
|
}
|
|
.center .center-options .center-title span:last-child {
|
color: #3A7BFA;
|
font-size: 23px;
|
font-weight: 400;
|
}
|
|
.view-self-checkbox {
|
margin-left: 50px;
|
}
|
|
.draggable-row {
|
cursor: move;
|
position: relative;
|
}
|
|
.node_i {
|
color: orange;
|
font-size: 18px;
|
}
|
|
.custom-tree-node .el-button {
|
opacity: 0;
|
}
|
|
.custom-tree-node:hover .el-button {
|
opacity: 1;
|
}
|
|
.el-dialog {
|
position: relative;
|
}
|
</style>
|
<style>
|
.ins-order-plan-main .el-form-item__label {
|
color: #000;
|
}
|
|
.ins-order-plan-main .el-table th.el-table__cell>.cell {
|
height: 46px;
|
line-height: 30px;
|
}
|
</style>
|
<template>
|
<div class="ins-order-plan-main">
|
<div v-show="activeFace == 0 && state == 0" style="height: 100%;">
|
<p style="font-size: 16px;padding-left: 20px;text-align: left;height: 60px;line-height: 60px;">检验任务</p>
|
<div class="search">
|
<div class="search_thing">
|
<div class="search_label">委托编号：</div>
|
<div class="search_input"><el-input size="small" placeholder="请输入" clearable
|
v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div>
|
</div>
|
<div class="search_thing">
|
<div class="search_label">检验状态：</div>
|
<div class="search_input">
|
<el-select size="small" v-model="componentData.entity.insState" style="width: 100%;"
|
@change="refreshTable()">
|
<el-option v-for="(a, i) in insStateList" :key="i" :label="a.label" :value="a.value"></el-option>
|
</el-select>
|
</div>
|
</div>
|
<div class="search_thing">
|
<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="padding-left: 30px;">
|
<el-button size="small" @click="refresh()">重 置</el-button>
|
<el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
|
</div>
|
</div>
|
<div class="center">
|
<div class="center-options">
|
<el-row>
|
<el-col :span="18">
|
<div style="display: flex;align-items: center;margin-bottom: 10px;">
|
<ul class="tab">
|
<li v-for="(m, i) in tabList" :key="i" :class="{ active: i == tabIndex }" @click="handleTab(m, i)">
|
{{ m.label.replace('试验室', '') }}
|
</li>
|
</ul>
|
<div>
|
<el-checkbox @change="changeCheckBox" class="view-self-checkbox"
|
v-model="alone"><span>我的任务</span></el-checkbox>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="6">
|
<div class="center-title">
|
<el-button size="small" type="primary" @click="qrCodeVisible = true"
|
v-if="selectWarehouse">扫码报检</el-button>
|
<el-button size="small" type="primary" @click="exportVisible = true" style="margin-right: 16px;"
|
v-if="selectWarehouse">出库</el-button>
|
<span>总计任务数量:</span>
|
<span>{{ total }}</span>
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
<!-- <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan"
|
:isColumnWidth="true"
|
:url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData" @handleInspection="handleInspection"
|
:key="upIndex"/> -->
|
<el-table :data="tableData" ref="table0" border style="width: 100%;" height="calc(100% - 80px)"
|
:row-class-name="rowClassName" v-loading="tableLoading" row-key="orderStateId" @sort-change="sortChange">
|
<el-table-column prop="entrustCode" label="委托编号" width="140px">
|
<template slot-scope="scope">
|
<el-button @click="selectAllByOne(scope.row)" type="text" size="small">{{ scope.row.entrustCode
|
}}</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column prop="sample" label="样品名称" width="100px"></el-table-column>
|
<el-table-column prop="sampleCode" label="样品编号" width="170px"></el-table-column>
|
<el-table-column prop="type" label="紧急程度" width="100px">
|
<template slot-scope="scope">
|
<el-tag
|
:type="typeList.find(m => m.value == scope.row.type) ? typeList.find(m => m.value == scope.row.type).type : ''"
|
size="small">{{
|
typeList.find(m => m.value == scope.row.type) ? typeList.find(m => m.value == scope.row.type).label : ''
|
}}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="insState" label="状态" width="100px">
|
<template slot-scope="scope">
|
<el-tag :type="insStateList.find(m => m.value == scope.row.insState).type" size="small">{{
|
insStateList.find(m => m.value == scope.row.insState).label }}</el-tag>
|
</template></el-table-column>
|
<el-table-column prop="userName" label="检验人" width="140px"></el-table-column>
|
<el-table-column prop="checkName" label="复核人" width="100px"></el-table-column>
|
<el-table-column prop="createTime" label="报检时间" width="120px" sortable></el-table-column>
|
<el-table-column prop="appointed" label="约定时间" width="120px" sortable></el-table-column>
|
<el-table-column prop="sendTime" label="下发时间" width="160px" sortable></el-table-column>
|
<el-table-column prop="insTime" label="检验开始时间" width="160px" sortable></el-table-column>
|
<el-table-column prop="submitTime" label="检验结束时间" width="160px" sortable></el-table-column>
|
<el-table-column prop="verifyTell" label="理由" width="150px"></el-table-column>
|
<el-table-column fixed="right" align="center" label="操作" width="340px">
|
<template slot-scope="scope">
|
<el-button @click="handleDataLook(scope.row)" type="text" size="small">数据查看</el-button>
|
<el-button @click="handleInspection(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName == null || scope.row.insState == 3 || scope.row.insState == 5 || scope.row.insState == 6 || (scope.row.userName && !scope.row.userName.includes(userName))"
|
v-if="inspection">检验</el-button>
|
<el-button @click="handleConnect(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName == null || scope.row.insState == 5 || scope.row.insState == 3 || scope.row.insState == 6 || (scope.row.userName && !scope.row.userName.includes(userName))"
|
v-if="connect">交接</el-button>
|
<el-button @click="cancelSubmitPlan(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName == null || scope.row.insState != 3 || (scope.row.userName && !scope.row.userName.includes(userName))"
|
v-if="inspection">撤销</el-button>
|
<el-button @click="handleReview(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName == null || scope.row.insState != 3 || (scope.row.checkName && !scope.row.checkName.includes(userName))"
|
v-if="review">复核</el-button>
|
<el-button @click="handleReview0(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName == null || (scope.row.insState != 4 && scope.row.insState != 5 && scope.row.insState != 6)"
|
v-if="verifyPlan2">纠正复核</el-button>
|
<el-button @click="claimFun(scope.row)" type="text" size="small"
|
:disabled="scope.row.userName != null || scope.row.checkName != null" v-if="claim">认领</el-button>
|
<el-button @click="lookHistory0(scope.row)" type="text" size="small">查看记录</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<div style="display: flex;justify-content: flex-end;width: 100%;margin-top: 10px;">
|
<span></span>
|
<el-pagination @size-change="m => refreshTable('size', m)" @current-change="m => refreshTable('current', m)"
|
:current-page="page.current" :page-sizes="[10, 20, 30, 50, 100]" :page-size="page.size"
|
layout="total, sizes, prev, pager, next, jumper" :total="total">
|
</el-pagination>
|
</div>
|
</div>
|
</div>
|
<el-dialog title="提示" :visible.sync="claimVisible" width="400px">
|
是否认领委托编号<span style="color:#33C130">{{ sampleUserForm.entrustCode }}</span>的任务
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="claimVisible = false">取 消</el-button>
|
<el-button type="primary" @click="confirmClaim" :loading="loading">确 定</el-button>
|
</span>
|
</el-dialog>
|
<el-dialog title="检验交接" :visible.sync="connectVisible" width="400px">
|
<div class="search_thing">
|
<div class="search_label" style="width:90px"><span class="required-span">* </span>交接人员：</div>
|
<div class="search_input">
|
<el-select v-model="connect.connectPerson" placeholder="请选择" style="width: 100%;" filterable>
|
<el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</div>
|
</div>
|
<!-- <div class="search_thing">
|
<div class="search_label" style="width:90px"><span class="required-span">* </span>试验室：</div>
|
<div class="search_input">
|
<el-select v-model="connect.sonLaboratory" placeholder="请选择" style="width: 100%;" filterable>
|
<el-option
|
v-for="item in sonLaboratoryList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</div>
|
</div> -->
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="connectVisible = false">取 消</el-button>
|
<el-button type="primary" @click="confirmConnect" :loading="loading">确 定</el-button>
|
</span>
|
</el-dialog>
|
<div style="width: 100%;height: 100%;" v-if="activeFace > 0">
|
<Add :active="activeFace" :currentId="currentId" :examine="examine" />
|
</div>
|
<Inspection v-if="state > 0" @goback="goback" :orderId="orderId" :inspectorList="inspectorList"
|
:sonLaboratory="componentData.entity.sonLaboratory" :state="state" :orderStateId="orderStateId" :version="version"
|
:isLook="isLook" :num1="num1" :orderId0="orderId0" :userInfo="userInfo" ref="Inspection" />
|
<el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="80%">
|
<div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible">
|
<ValueTable ref="ValueTableDataLook" :rowKey="'insProductId'"
|
:url="$api.insOrder.selectSampleAndProductByOrderId" :componentData="componentDataDataLook" />
|
</div>
|
</el-dialog>
|
<el-dialog title="查看记录" :visible.sync="historyDialogVisible" width="50%">
|
<el-table :data="historyList" 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="lookHistory(scope.row)" type="text" size="small">查看</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-dialog>
|
<el-dialog title="扫码检验" :visible.sync="qrCodeVisible" width="400px">
|
<el-row>
|
<el-col class="search_thing" :span="24">
|
<div class="search_label" style="width: 90px"><span class="required-span">* </span>样品编号：</div>
|
<div class="search_input">
|
<el-input v-model="sampleCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
|
<el-tooltip :content="sampleCodeBtnDisabled ? '手动输入' : '扫码枪输入'" placement="top" slot="append">
|
<el-button type="primary" icon="el-icon-edit"
|
@click="sampleCodeBtnDisabled = !sampleCodeBtnDisabled"></el-button>
|
</el-tooltip>
|
</el-input>
|
</div>
|
</el-col>
|
<el-col class="search_thing" :span="24">
|
<div class="search_label" style="width: 90px"><span class="required-span">* </span>订单编号：</div>
|
<div class="search_input">
|
<el-input v-model="entrustCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
|
</el-input>
|
</div>
|
</el-col>
|
</el-row>
|
<el-tree :data="storageList" ref="tree" :props="{ children: 'warehouseShelfList', label: 'name' }" node-key="id"
|
:filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
|
@node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="qrCodeVisible" empty-text="暂无数据">
|
<div class="custom-tree-node" slot-scope="{ node, data }">
|
<el-row>
|
<el-col :span="24">
|
<span><i
|
:class="`node_i ${data.warehouseShelfList != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
|
{{ data.name }}</span>
|
</el-col>
|
</el-row>
|
</div>
|
</el-tree>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="qrCodeVisible = false">取 消</el-button>
|
<el-button type="primary" @click="confirmStorage" :loading="upLoadStorage">确 定</el-button>
|
</span>
|
</el-dialog>
|
<el-dialog title="出库" :visible.sync="exportVisible" width="400px">
|
<el-row>
|
<el-col class="search_thing" :span="24">
|
<div class="search_label" style="width: 90px"><span class="required-span">* </span>样品编号：</div>
|
<div class="search_input">
|
<el-input v-model="sampleCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
|
<el-tooltip :content="sampleCodeBtnDisabled ? '手动输入' : '扫码枪输入'" placement="top" slot="append">
|
<el-button type="primary" icon="el-icon-edit"
|
@click="sampleCodeBtnDisabled = !sampleCodeBtnDisabled"></el-button>
|
</el-tooltip>
|
</el-input>
|
</div>
|
</el-col>
|
<el-col class="search_thing" :span="24">
|
<div class="search_label" style="width: 90px"><span class="required-span">* </span>委托编号：</div>
|
<div class="search_input">
|
<el-input v-model="entrustCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
|
</el-input>
|
</div>
|
</el-col>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="exportVisible = false">取 消</el-button>
|
<el-button type="primary" @click="confirmExport" :loading="upLoadExport">确 定</el-button>
|
</span>
|
</el-dialog>
|
<el-dialog title="纠正复核" :visible="upInsReviewDia" width="600px" :close-on-click-modal="false" :show-close="false">
|
<el-radio-group v-model="verifyPlanInfo.type" style="display: flex;flex-direction: column" v-if="upInsReviewDia">
|
<el-radio :label="1" style="margin: 10px 0; " :inert="false">继续测试下一个样品或其他站点任务</el-radio>
|
<el-radio :label="0" style="margin: 10px 0; " :inert="false">再次检验该样品</el-radio>
|
<el-radio :label="2" style="margin: 10px 0; " :inert="false">此委托单结束</el-radio>
|
<p style="font-size: 12px;color:red">
|
慎重：如果还有其他样品在检，点击结束可能会中断，请确保所有样品都检验且复核完成再点击
|
</p>
|
</el-radio-group>
|
<p style="margin-top: 16px;margin-bottom: 6px;"><span style="color:red;margin-right: 4px;">*</span>纠正原因：</p>
|
<el-input type="textarea" :rows="2" placeholder="请输入" v-model="verifyPlanInfo.tell">
|
</el-input>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="upInsReviewDia = false">取 消</el-button>
|
<el-button type="primary" @click="upInsReview" :loading="reviewLoading">确 定</el-button>
|
</span>
|
</el-dialog>
|
<input id="ScanCodeInfo" v-model="codeInfo" @keyup.enter="keyup"
|
style="opacity: 0;height: 0px;margin: 0px;padding: 0px;position: absolute;top: 0;"></input>
|
</div>
|
</template>
|
|
<script>
|
import ValueTable from '../tool/value-table.vue'
|
import Inspection from '../do/b1-inspect-order-plan/Inspection.vue'
|
import {
|
getYearAndMonthAndDays
|
} from '../../util/date'
|
import Add from '../do/b1-ins-order/add.vue'
|
import Sortable from 'sortablejs';
|
export default {
|
components: {
|
ValueTable,
|
Inspection,
|
Add
|
},
|
data() {
|
return {
|
currentHistory: {},
|
historyDialogVisible: false,
|
historyList: [],
|
orderStateId: null,
|
version: null,
|
examine: null,
|
inspectorList: [],//检验人员列表
|
alone: false,
|
sampleUserForm: {
|
entrustCode: null,
|
insSampleId: null,
|
userId: null
|
},
|
claimVisible: false,
|
tabList: [],
|
active: 1,
|
tabIndex: 0,
|
componentDataDataLook: {
|
entity: {
|
id: 0,
|
orderBy: {
|
field: 'sampleCode',
|
order: 'asc'
|
}
|
},
|
isIndex: false,
|
showSelect: false,
|
select: false,
|
do: [],
|
tagField: {
|
insState: {
|
select: []
|
},
|
insResult: {
|
select: [{
|
value: 1,
|
label: '合格',
|
type: 'success'
|
}, {
|
value: 0,
|
label: '不合格',
|
type: 'danger'
|
}, {
|
value: 3,
|
label: '不判定',
|
type: ''
|
}]
|
}
|
},
|
selectField: {},
|
spanConfig: {
|
rows: [
|
{
|
name: 'sampleCode',
|
index: 0
|
},
|
{
|
name: 'sample',
|
index: 1
|
},
|
{
|
name: 'model',
|
index: 5
|
}
|
]
|
},
|
requiredAdd: [],
|
requiredUp: []
|
},
|
dataDialogVisible: false,
|
componentData: {
|
entity: {
|
sonLaboratory: null,
|
insState: null,
|
userId: null,
|
sampleCode: null,
|
orderBy: {
|
field: 'createTime,appointed,sendTime,insTime,submitTime',
|
order: 'asc'
|
}
|
},
|
sortable: true,
|
isIndex: true,
|
showSelect: false,
|
select: false,
|
init: false,
|
needSort: ['createTime', 'sendTime', 'type', 'appointed', 'insState'],
|
do: [{
|
id: '',
|
font: '数据查看',
|
type: 'text',
|
method: 'handleDataLook',
|
//disabFun: (row, index) => {
|
//const user = JSON.parse(localStorage.getItem('user'))
|
// let currentUserName = ''
|
// if(user){
|
// currentUserName = user.name
|
//}
|
//return row.userName.indexOf(currentUserName)<0 && row.checkName.indexOf(currentUserName)<0
|
//}
|
}, {
|
id: '',
|
font: '检验',
|
type: 'text',
|
method: 'handleInspection',
|
disabFun: (row, index) => {
|
return row.userName == null || row.insState == 3 || row.insState == 5 || row.insState == 6 || (row.userName && !row.userName.includes(JSON.parse(localStorage.getItem("user")).name))
|
}
|
// disabFun: (row, index) => {
|
// return row.userId == null || row.insState == 3 || row.insState == 5
|
// }
|
}, {
|
id: '',
|
font: '交接',
|
type: 'text',
|
method: 'handleConnect',
|
disabFun: (row, index) => {
|
return row.userName == null || row.insState == 5 || row.insState == 3 || row.insState == 6 || (row.userName && !row.userName.includes(JSON.parse(localStorage.getItem("user")).name))
|
}
|
},
|
{
|
id: '',
|
font: '复核',
|
type: 'text',
|
method: 'handleReview',
|
disabFun: (row, userName) => {
|
return row.userName == null || row.insState != 3 || (row.checkName && !row.checkName.includes(JSON.parse(localStorage.getItem("user")).name))
|
}
|
}, {
|
id: '',
|
font: '认领',
|
type: 'text',
|
method: 'claimFun',
|
disabFun: (row, index) => {
|
return row.userName != null || row.checkName != null
|
}
|
}, {
|
id: '',
|
font: '查看记录',
|
type: 'text',
|
method: 'claimFun',
|
disabFun: (row, index) => {
|
return !row.num1 || row.num1 < 2
|
}
|
}
|
],
|
linkEvent: {
|
entrustCode: {
|
method: 'selectAllByOne'
|
}
|
},
|
tagField: {
|
type: {
|
select: []
|
},
|
insState: {
|
select: []
|
},
|
insResult: {
|
select: [{
|
value: 0,
|
label: '不合格',
|
type: 'danger'
|
}, {
|
value: 1,
|
label: '合格',
|
type: 'success'
|
}, {
|
value: '',
|
label: '未出结果',
|
type: 'info'
|
}]
|
}
|
},
|
selectField: {},
|
requiredAdd: [],
|
requiredUp: []
|
},
|
userName: JSON.parse(localStorage.getItem("user")).name,
|
upIndex: 0,
|
planTotal: 0,
|
insStateList: [],
|
state: 0,//0:台账页，1：检验页面,2检验页面(复核)，默认为0
|
activeFace: 0, //1：下单，2：查看，3：审核，默认为0
|
currentId: null,
|
entityCopy: {},
|
orderId: null,
|
orderId0: null,
|
personList: [],
|
connectVisible: false,
|
connect: {
|
connectPerson: '',
|
// sonLaboratory:''
|
},
|
loading: false,
|
currentTime: null,
|
sonLaboratoryList: [],
|
tableData: [],
|
page: {
|
current: 1,
|
size: 20,
|
},
|
total: 0,
|
tableLoading: false,
|
jumpTeam: false,
|
insResultList: [{
|
value: 0,
|
label: '不合格',
|
type: 'danger'
|
}, {
|
value: 1,
|
label: '合格',
|
type: 'success'
|
}, {
|
value: '',
|
label: '未出结果',
|
type: 'info'
|
}],
|
typeList: [],
|
getInsProduct2: false,
|
claim: false,
|
review: false,
|
verifyPlan2: false,
|
connect: false,
|
inspection: false,
|
isLook: false,//是否是查看历史页面
|
num1: null,
|
codeInfo: null,
|
startTime: null,
|
scanInsOrderState: false,
|
qrCodeVisible: false,
|
sampleCode: '',
|
entrustCode: '',
|
storageList: [],
|
expandedKeys: [],
|
selectTree: [],
|
upLoadStorage: false,
|
exportVisible: false,
|
upLoadExport: false,
|
selectWarehouse: false,
|
userInfo: {
|
name: [],
|
ids: []
|
},
|
sampleCodeBtnDisabled: true,
|
upInsReviewDia: false,
|
verifyPlanInfo: {
|
tell: null,
|
type: null
|
},
|
reviewLoading: false
|
}
|
},
|
watch: {
|
qrCodeVisible(newVal) {
|
if (newVal) {
|
// this.$message.success('扫码：打开')
|
this.selectList()
|
this.sampleCode = null
|
this.entrustCode = null
|
let input = document.getElementById('ScanCodeInfo');
|
input.focus();
|
this.startTime = setInterval(() => {
|
input.focus()
|
}, 1000)
|
} else {
|
// this.$message.warning('扫码：关闭')
|
clearInterval(this.startTime)
|
this.sampleCodeBtnDisabled = true
|
}
|
},
|
exportVisible(newVal) {
|
if (newVal) {
|
// this.$message.success('扫码：打开')
|
this.sampleCode = null
|
this.entrustCode = null
|
let input = document.getElementById('ScanCodeInfo');
|
input.focus();
|
this.startTime = setInterval(() => {
|
input.focus()
|
}, 1000)
|
} else {
|
// this.$message.warning('扫码：关闭')
|
clearInterval(this.startTime)
|
this.sampleCodeBtnDisabled = true
|
}
|
},
|
sampleCodeBtnDisabled(val) {
|
if (!val) {
|
this.startTime && clearInterval(this.startTime)
|
} else if (this.exportVisible || this.qrCodeVisible) {
|
// this.sampleCode = null
|
// this.entrustCode = null
|
let input = document.getElementById('ScanCodeInfo');
|
input.focus();
|
this.startTime = setInterval(() => {
|
input.focus()
|
}, 1000)
|
}
|
}
|
},
|
created() {
|
this.getLaboratoryDicts()
|
this.getTypeDicts()
|
this.getInsStateDicts()
|
this.getAuthorizedPerson()
|
this.currentTime = getYearAndMonthAndDays()
|
},
|
mounted() {
|
this.entityCopy = this.HaveJson(this.componentData.entity)
|
this.getPower()
|
if (this.jumpTeam) {
|
this.initializeSortable();
|
}
|
},
|
methods: {
|
selectList() {
|
this.$axios.get(this.$api.warehouse.selectWarehouse).then(res => {
|
this.warehouse = res.data
|
this.storageList = this.HaveJson(res.data).map(item => {
|
item.warehouseShelfList && item.warehouseShelfList.length > 0 && item.warehouseShelfList.map(m => {
|
let warehouseShelfList = [];
|
let warehouseShelfList0 = []
|
let warehouseCellList = m.warehouseCellList ? m.warehouseCellList : []
|
warehouseCellList.forEach(a => {
|
if (warehouseShelfList.find(n => n.id == a.row)) {
|
warehouseShelfList0.push({
|
name: a.col + '列',
|
id: a.col
|
})
|
} else if (warehouseShelfList.length == 0) {
|
warehouseShelfList.push({
|
name: a.row + '层',
|
id: a.row
|
})
|
warehouseShelfList0.push({
|
name: a.col + '列',
|
id: a.col
|
})
|
} else if (!warehouseShelfList.find(n => n.id == a.row)) {
|
warehouseShelfList[warehouseShelfList.length - 1].warehouseShelfList = JSON.parse(JSON.stringify(warehouseShelfList0))
|
warehouseShelfList0 = []
|
warehouseShelfList.push({
|
name: a.row + '层',
|
id: a.row
|
})
|
warehouseShelfList0.push({
|
name: a.col + '列',
|
id: a.col
|
})
|
}
|
})
|
warehouseShelfList[warehouseShelfList.length - 1].warehouseShelfList = JSON.parse(JSON.stringify(warehouseShelfList0))
|
m.warehouseShelfList = warehouseShelfList;
|
return m;
|
})
|
return item;
|
})
|
})
|
},
|
filterNode(value, data) {
|
if (!value) return true;
|
return data.label.indexOf(value) !== -1;
|
},
|
handleNodeClick(val, node, el) { //树的值
|
this.selectTree[node.level - 1] = val.id;
|
},
|
nodeOpen(data, node, el) {
|
$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
|
this.selectTree[node.level - 1] = data.id;
|
},
|
nodeClose(data, node, el) {
|
$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
|
},
|
// 扫码报检
|
confirmStorage() {
|
if (!this.sampleCode) {
|
this.$message.error('请填写样品编号')
|
return
|
}
|
if (!this.entrustCode) {
|
this.$message.error('请填写订单编号')
|
return
|
}
|
if (this.selectTree.length < 4) {
|
this.$message.error('请选择样品入库位置')
|
return
|
}
|
this.upLoadStorage = true;
|
this.$axios.post(this.$api.insOrderPlan.scanInsOrderState, {
|
trees: this.selectTree.join('-'),
|
sampleCode: this.sampleCode,
|
entrustCode: this.entrustCode,
|
sonLaboratory: this.componentData.entity.sonLaboratory
|
}).then(res => {
|
this.upLoadStorage = false;
|
this.qrCodeVisible = false
|
this.sampleCode = '';
|
this.entrustCode = '';
|
this.selectTree = []
|
if (res.code == 201) {
|
this.$message.error('添加失败')
|
return
|
}
|
this.$message.success('添加成功')
|
this.refreshTable()
|
})
|
},
|
// 确认出库
|
confirmExport() {
|
if (!this.sampleCode) {
|
this.$message.error('请填写样品编号')
|
return
|
}
|
if (!this.entrustCode) {
|
this.$message.error('请填写订单编号')
|
return
|
}
|
this.upLoadExport = true;
|
this.$axios.post(this.$api.insOrderPlan.outInsOrderState, {
|
sampleCode: this.sampleCode,
|
entrustCode: this.entrustCode,
|
sonLaboratory: this.componentData.entity.sonLaboratory
|
}).then(res => {
|
this.upLoadExport = false;
|
this.exportVisible = false
|
this.sampleCode = '';
|
this.entrustCode = '';
|
if (res.code == 201) {
|
this.$message.error('出库失败')
|
return
|
}
|
this.$message.success('出库成功')
|
this.handleShelf(this.entity.shelfId)
|
})
|
},
|
// 扫码枪按下
|
keyup(e) {
|
var codeInfo = null
|
try {
|
console.log(2222, this.codeInfo)
|
codeInfo = JSON.parse(this.codeInfo)
|
if (!codeInfo || codeInfo.sampleCode == undefined || codeInfo.entrustCode == undefined) {
|
this.$message.error('该二维码有误')
|
} else {
|
this.sampleCode = codeInfo.sampleCode
|
this.entrustCode = codeInfo.entrustCode
|
}
|
} catch (e) {
|
this.$message.error('请调至英文键盘')
|
console.log(e)
|
}
|
this.codeInfo = null
|
},
|
// 拖拽
|
initializeSortable() {
|
const tableBody = this.$refs.table0.$el.querySelector('.el-table__body-wrapper > table > tbody');
|
if (tableBody) {
|
Sortable.create(tableBody, {
|
handle: '.el-table__row', // 拖动手柄
|
animation: 200,
|
onEnd: this.handleSortEnd,
|
});
|
} else {
|
console.error('Table body not found.');
|
}
|
},
|
handleSortEnd(evt) {
|
const oldIndex = evt.oldIndex;
|
const newIndex = evt.newIndex;
|
const movedItem = this.tableData[oldIndex];
|
if (oldIndex !== newIndex) {
|
this.tableData.splice(oldIndex, 1);
|
this.tableData.splice(newIndex, 0, movedItem);
|
}
|
this.upIndex++
|
this.$axios.post(this.$api.insOrderPlan.jumpTeam,
|
{
|
id: movedItem.orderStateId,
|
sort: newIndex + 1,
|
...this.page
|
}, {
|
headers: {
|
'Content-Type': 'application/json'
|
}
|
}
|
).then(res => {
|
|
})
|
},
|
rowClassName({ row, rowIndex }) {
|
return 'draggable-row';
|
},
|
// 数据查看
|
handleDataLook(row) {
|
this.componentDataDataLook.entity.id = row.id
|
this.dataDialogVisible = true;
|
},
|
// 权限分配
|
getPower(radio) {
|
let power = JSON.parse(sessionStorage.getItem('power'))
|
let inspection = false
|
let connect = false
|
let review = false
|
let claim = false
|
let jumpTeam = false
|
let verifyPlan2 = false
|
// let getInsProduct2 = false
|
// let getInsOrderUserList = false
|
for (var i = 0; i < power.length; i++) {
|
if (power[i].menuMethod == 'doInsOrder') {
|
inspection = true
|
}
|
if (power[i].menuMethod == 'upPlanUser') {
|
connect = true
|
}
|
if (power[i].menuMethod == 'verifyPlan') {
|
review = true
|
}
|
if (power[i].menuMethod == 'verifyPlan2') {
|
verifyPlan2 = true
|
}
|
if (power[i].menuMethod == 'claimInsOrderPlan') {
|
claim = true
|
}
|
if (power[i].menuMethod == 'jumpTeam') {
|
jumpTeam = true
|
}
|
// if (power[i].menuMethod == 'getInsProduct2') {
|
// getInsProduct2 = true
|
// }
|
if (power[i].menuMethod == 'scanInsOrderState') {
|
this.scanInsOrderState = true
|
}
|
if (power[i].menuMethod == 'scanInsOrderState') {
|
this.selectWarehouse = true
|
}
|
}
|
// if (!getInsProduct2) {
|
// this.componentData.do.splice(5, 1)
|
// }
|
// if (!claim) {
|
// this.componentData.do.splice(4, 1)
|
// }
|
// if (!review) {
|
// this.componentData.do.splice(3, 1)
|
// }
|
// if (!connect) {
|
// this.componentData.do.splice(2, 1)
|
// }
|
// if (!inspection) {
|
// this.componentData.do.splice(1, 1)
|
// }
|
// this.getInsProduct2 = getInsProduct2
|
this.claim = claim
|
this.review = review
|
this.verifyPlan2 = verifyPlan2
|
this.connect = connect
|
this.inspection = inspection
|
this.jumpTeam = jumpTeam
|
},
|
changeCheckBox(val) {
|
this.componentData.entity.userId = val ? 0 : null
|
this.refreshTable()
|
},
|
refresh() {
|
this.componentData.entity = this.HaveJson(this.entityCopy)
|
if (this.tabList.length > 0) {
|
this.tabIndex = 0
|
this.componentData.entity.sonLaboratory = this.tabList[0].value
|
}
|
this.refreshTable()
|
},
|
claimFun(row) {
|
if (row) {
|
this.sampleUserForm = {
|
entrustCode: row.entrustCode,
|
insSampleId: row.sampleId,
|
sonLaboratory: row.sonLaboratory,
|
}
|
this.claimVisible = true
|
}
|
},
|
confirmClaim() {
|
this.loading = true;
|
// this.sampleUserForm.insSampleId = this.orderId
|
this.$axios.post(this.$api.insOrderPlan.claimInsOrderPlan, this.sampleUserForm, {
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
noQs: true
|
},).then(res => {
|
if (res.code === 200 && res.data) {
|
this.loading = false;
|
this.$message.success("认领成功")
|
this.claimVisible = false
|
this.refreshTable()
|
} else {
|
this.loading = false;
|
}
|
}).catch(error => {
|
console.error(error)
|
this.loading = false;
|
})
|
},
|
refreshTable(type, val) {
|
if (type && val) {
|
this.page[type] = val;
|
}
|
this.tableLoading = true
|
this.$axios.post(this.$api.insOrderPlan.selectInsOrderPlanList, {
|
entity: this.componentData.entity,
|
page: this.page
|
}, {
|
headers: {
|
'Content-Type': 'application/json'
|
}
|
}).then((res) => {
|
this.tableLoading = false
|
this.total = res.data.body.total
|
this.tableData = res.data.body.records
|
// this.$refs.table0.doLayout()
|
})
|
},
|
changeRowClass({
|
row,
|
rowIndex
|
}) {
|
if (this.currentTime == row.appointed) {
|
return 'highlight-warning-row-border'
|
} else if (this.currentTime > row.appointed) {
|
return 'highlight-danger-row-border'
|
}
|
return ''
|
},
|
onReset() {
|
this.searchForm = {
|
sampleName: null,
|
state: null,
|
}
|
this.componentData.entity.insState = null
|
this.componentData.entity.sampleName = null
|
this.refreshTable()
|
},
|
onSubmit() {
|
this.componentData.entity.insState = this.searchForm.state
|
this.componentData.entity.sampleName = this.searchForm.sampleName
|
this.$nextTick(() => {
|
this.refreshTable()
|
})
|
},
|
handleTab(m, i) {
|
this.tabIndex = i;
|
this.componentData.entity.sonLaboratory = m.value
|
this.refreshTable()
|
},
|
getTypeDicts() {
|
this.$axios.post(this.$api.enums.selectEnumByCategory, {
|
category: "紧急程度"
|
}).then(res => {
|
let data = res.data
|
data.forEach(ele => {
|
if (ele.value === '0') {
|
ele.type = 'success'
|
} else if (ele.value === '1') {
|
ele.type = 'warning'
|
} else if (ele.value === '2') {
|
ele.type = 'danger'
|
}
|
})
|
this.componentData.tagField.type.select = data
|
this.typeList = data
|
})
|
},
|
getInsStateDicts() {
|
this.$axios.post(this.$api.enums.selectEnumByCategory, {
|
category: "检验任务状态"
|
}).then(res => {
|
let data = res.data
|
this.insStateList = data
|
data.forEach(ele => {
|
//0:待检验 1:检验中 2:已检验 3:待复核 4:复核未通过 5:复核通过
|
if (['2', '5'].includes(ele.value)) {
|
ele.type = 'success'
|
} else if (['1', '3'].includes(ele.value)) {
|
ele.type = 'warning'
|
} else if (['0', '4'].includes(ele.value)) {
|
ele.type = 'danger'
|
}
|
})
|
this.componentData.tagField.insState.select = data
|
})
|
},
|
getLaboratoryDicts() {
|
this.$axios.post(this.$api.enums.selectEnumByCategory, {
|
category: "子实验室"
|
}).then(res => {
|
this.tabList = res.data.map(ele => {
|
return {
|
label: ele.label,
|
value: ele.value
|
}
|
})
|
if (this.tabList.length > 0) {
|
this.componentData.entity.sonLaboratory = this.tabList[0].value
|
}
|
this.refreshTable()
|
})
|
},
|
selectAllByOne(row) {
|
this.activeFace = 2;
|
this.examine = 1;
|
this.currentId = parseInt(row.id)
|
},
|
playOrder(num) {
|
this.activeFace = num
|
},
|
goback() {
|
this.state = 0
|
this.refreshTable('page')
|
},
|
handleInspection(row) {
|
//当前检验任务的检验人列表
|
let inspectorList = []
|
if (row.userName) {
|
inspectorList = row.userName.split(',')
|
}
|
let user = JSON.parse(localStorage.getItem('user'))
|
if (user) {
|
inspectorList.push(user.name)
|
}
|
this.inspectorList = inspectorList
|
this.orderId = row.sampleId
|
this.orderId0 = row.id
|
this.version = row.version
|
this.orderStateId = row.orderStateId
|
this.state = 1;
|
this.userInfo.name = row.userName.split(',')
|
this.userInfo.ids = row.userNameId.split(',')
|
this.isLook = false
|
},
|
handleConnect(row) {
|
this.orderId = row.sampleId
|
this.orderId0 = row.id
|
this.connect = {}
|
this.connectVisible = true;
|
// this.$axios.post(this.$api.insOrderPlan.upPlanUser2, {
|
// orderId:this.orderId,
|
// }).then(res => {
|
// if (res.code === 200&&res.data.length>0) {
|
// this.sonLaboratoryList = [];
|
// res.data.forEach(m=>{
|
// this.sonLaboratoryList.push({
|
// value:m,
|
// label:m
|
// })
|
// })
|
// // this.connect.sonLaboratory = this.sonLaboratoryList[0].value
|
// }
|
// })
|
},
|
cancelSubmitPlan(row) {
|
this.$confirm('确定撤销此次检验提交?', "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
}).then(() => {
|
this.$axios.post(this.$api.insOrderPlan.cancelSubmitPlan, {
|
orderStateId: row.orderStateId
|
}).then(res => {
|
if (res.code == 201) {
|
return
|
}
|
this.$message.success("操作成功")
|
this.refreshTable('page')
|
}).catch(() => { })
|
}).catch(() => { })
|
},
|
confirmConnect() {
|
if (this.connect.connectPerson == null || this.connect.connectPerson == '' || this.connect.connectPerson == undefined) {
|
this.$message.error('未选择交接人员')
|
return
|
}
|
// if(this.connect.sonLaboratory==null||this.connect.sonLaboratory==''||this.connect.sonLaboratory==undefined){
|
// this.$message.error('未选择试验室')
|
// return
|
// }
|
this.loading = true;
|
this.$axios.post(this.$api.insOrderPlan.upPlanUser, {
|
sampleId: this.orderId,
|
userId: this.connect.connectPerson,
|
sonLaboratory: this.componentData.entity.sonLaboratory,
|
}).then(res => {
|
if (res.code === 200) {
|
this.loading = false;
|
this.$message.success("操作成功")
|
this.refreshTable('page')
|
}
|
this.connectVisible = false
|
}).catch(error => {
|
console.error(error)
|
this.loading = false;
|
})
|
},
|
handleReview(row) {
|
this.state = 2;
|
this.orderId = row.sampleId
|
this.orderId0 = row.id
|
this.version = row.version
|
this.orderStateId = row.orderStateId
|
this.isLook = false
|
},
|
getAuthorizedPerson() {
|
this.$axios.get(this.$api.user.getUserMenu).then(res => {
|
let data = []
|
res.data.forEach(a => {
|
data.push({
|
label: a.name,
|
value: a.id
|
})
|
})
|
this.personList = data
|
})
|
},
|
lookHistory0(row) {
|
this.currentHistory = row
|
this.$axios.post(this.$api.insOrderPlan.getInsOrderUserList, {
|
insOrderStateId: row.orderStateId,
|
}).then(res => {
|
this.historyList = res.data
|
this.historyDialogVisible = true
|
})
|
},
|
lookHistory(row) {
|
this.isLook = true
|
this.state = 2;
|
this.orderId = this.currentHistory.sampleId
|
this.orderId0 = this.currentHistory.id
|
this.version = this.currentHistory.version
|
this.orderStateId = this.currentHistory.orderStateId
|
this.num1 = row.num
|
this.historyDialogVisible = false
|
},
|
// 纠正复核
|
upInsReview() {
|
if (this.verifyPlanInfo.type != 0 && this.verifyPlanInfo.type != 1 && this.verifyPlanInfo.type != 2) {
|
return this.$message.error("请选择复核状态");
|
}
|
if (!this.verifyPlanInfo.tell) {
|
return this.$message.error("请输入纠正复核的原因");
|
}
|
this.reviewLoading = true;
|
this.$axios
|
.post(this.$api.insOrderPlan.verifyPlan2, {
|
sampleId: this.verifyPlanInfo.sampleId,
|
type: this.verifyPlanInfo.type,
|
laboratory: this.componentData.entity.sonLaboratory,
|
tell: this.verifyPlanInfo.tell
|
})
|
.then(res => {
|
if (res.code === 200) {
|
this.$message.success("操作成功");
|
this.upInsReviewDia = false;
|
this.refreshTable()
|
}
|
this.reviewLoading = false;
|
})
|
.catch(error => {
|
console.error(error);
|
this.reviewLoading = false;
|
});
|
},
|
handleReview0(row) {
|
this.verifyPlanInfo = JSON.parse(JSON.stringify(row));
|
this.$set(this.verifyPlanInfo, 'tell', null)
|
this.$set(this.verifyPlanInfo, 'type', null)
|
this.upInsReviewDia = true
|
},
|
sortChange(ob) {
|
this.componentData.entity.orderBy = {}
|
this.componentData.entity.orderBy.field = ob.prop
|
if (ob.order == 'ascending') {
|
this.componentData.entity.orderBy.order = 'asc'
|
} else if (ob.order == 'descending') {
|
this.componentData.entity.orderBy.order = 'desc'
|
}
|
this.refreshTable()
|
}
|
}
|
}
|
</script>
|
