<style scoped>
|
.title {
|
height: 60px;
|
line-height: 60px;
|
}
|
|
.search {
|
width: 100%;
|
margin-bottom: 10px;
|
height: 140px;
|
background-color: #fff;
|
border-radius: 3px;
|
}
|
|
.search .form-inline {
|
height: 50px;
|
padding-top: 20px;
|
padding-left: 50px;
|
}
|
|
.center {
|
width: calc(100% - 40px);
|
height: calc(100% - 60px - 80px - 40px);
|
background-color: #fff;
|
border-radius: 3px;
|
padding: 20px;
|
}
|
</style>
|
<style>
|
.el-form-item__label{
|
color: #000;
|
}
|
.el-drawer__header::before {
|
content: "";
|
display: inline-block;
|
width: 4px;
|
height: 30.24px;
|
background: #3A7BFA;
|
border-radius: 10px;
|
margin-left: 32px;
|
margin-right: 8.5px;
|
}
|
.el-drawer__header{
|
color: #303133;
|
}
|
</style>
|
<template>
|
<div>
|
<el-row class="title">
|
<el-col :span="12" style="padding-left: 20px;">检验单详情</el-col>
|
<el-col :span="12" style="text-align: right;">
|
<el-button size="small" type="primary" @click="sampleVisible=true">样品切换</el-button>
|
<el-button size="small" type="primary" @click="taskVisible=true">任务切换</el-button>
|
<el-button size="small" @click="$emit('goback')">返回</el-button>
|
</el-col>
|
</el-row>
|
<div class="search">
|
<el-form :inline="true" :model="searchForm" class="form-inline" label-width="90px">
|
<el-form-item label="委托编号:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="样品编号:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="样品名称:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="样品数量:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="下发时间:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="紧急程度:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="约定时间:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="当前样品数:">
|
<el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="center">
|
</div>
|
<el-drawer
|
title="样品切换"
|
:visible.sync="sampleVisible"
|
:destroy-on-close="true"
|
size="55%">
|
<el-table class="el-table" ref="productTable" :data="productList" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeSample">
|
<el-table-column type="index" align="center" label="序号" width="70" :key="Math.random()">
|
</el-table-column>
|
<el-table-column prop="inspectionItemSubclass" label="样品编号" min-width="100"
|
show-overflow-tooltip></el-table-column>
|
<el-table-column prop="method" label="样品型号" min-min-width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="sonLaboratory" label="检测状态" min-width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="unit" label="是否留样" min-width="100" show-overflow-tooltip></el-table-column>
|
<!-- 检验单会有一个是否有配套样品字段控制显示 -->
|
<el-table-column prop="unit" label="配套样品型号" min-width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="unit" label="配套样品名称" min-width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="unit" label="配套样品数量" min-width="100" show-overflow-tooltip></el-table-column>
|
</el-table>
|
</el-drawer>
|
<el-drawer
|
title="任务切换"
|
:visible.sync="taskVisible"
|
:destroy-on-close="true"
|
size="55%"
|
:append-to-body="true">
|
<ValueTable class="value-table" ref="insOrderPlan"
|
:url="$api.insOrderPlan.selectInsOrderPlanList" :componentData="componentData"
|
:key="upIndex" v-if="taskVisible"/>
|
</el-drawer>
|
</div>
|
</template>
|
|
<script>
|
import ValueTable from '../../tool/value-table.vue'
|
export default {
|
props: ['sonLaboratory'],
|
components: {
|
ValueTable,
|
},
|
data() {
|
return {
|
sampleVisible:false,
|
taskVisible:false,
|
searchForm: {
|
sampleName: null,
|
state: null
|
},
|
productList:[],
|
id: 0,
|
componentData: {
|
entity: {
|
sonLaboratory: null,
|
userId: 0
|
},
|
isIndex: true,
|
showSelect: true,
|
select: false,
|
selectMethod:'handleChangeTask',
|
sort: false,
|
do: [],
|
isPage:false,
|
linkEvent: {},
|
tagField: {
|
type: {
|
select: []
|
},
|
insState: {
|
select: []
|
},
|
},
|
selectField: {},
|
requiredAdd: [],
|
requiredUp: []
|
},
|
upIndex: 0,
|
}
|
},
|
created() {
|
this.componentData.entity.sonLaboratory = this.sonLaboratory;
|
},
|
mounted() {
|
this.getTypeDicts()
|
this.getInsStateDicts()
|
},
|
methods: {
|
handleChangeSample(row){
|
console.log(1111111111,row)
|
this.sampleVisible = false;
|
},
|
handleChangeTask(row){
|
console.log(222222222,row)
|
this.taskVisible = false;
|
},
|
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
|
})
|
},
|
getInsStateDicts() {
|
this.$axios.post(this.$api.enums.selectEnumByCategory, {
|
category: "检验任务状态"
|
}).then(res => {
|
let data = res.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
|
})
|
},
|
}
|
}
|
</script>
|
