| | |
| | | </el-col> |
| | | </el-row> |
| | | <div class="search"> |
| | | <el-form :inline="true" :model="searchForm" class="form-inline" label-width="90px"> |
| | | <el-form :inline="true" :model="searchForm" class="form-inline" label-width="100px"> |
| | | <el-form-item label="委托编号:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请输入"></el-input> |
| | | <el-input clearable v-model="insOrder.entrustCode" 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-input clearable v-model="currentSample.sampleCode" 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-input clearable v-model="currentSample.sample" 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-input clearable v-model="sampleProduct.length" 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-input clearable v-model="insOrder.sendTime" 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-input clearable v-model="insOrder.typeName" 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-input clearable v-model="insOrder.appointed" 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="当前样品位数:" > |
| | | <span v-if="currentSample.index">{{ `NO.${currentSample.index}` }}</span> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="center"> |
| | |
| | | <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()"> |
| | | size="50%"> |
| | | <el-table class="el-table" ref="productTable" :data="sampleProduct" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeSample" :row-class-name="tableRowClassName"> |
| | | <el-table-column type="index" align="center" label="序号" width="70px" :key="Math.random()"> |
| | | </el-table-column> |
| | | <el-table-column prop="inspectionItemSubclass" label="样品编号" min-width="100" |
| | | <el-table-column prop="sampleCode" label="样品编号" min-width="100px" |
| | | 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="model" label="样品型号" min-width="100px" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="insState" label="检测状态" min-width="100px" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-for="(item, i) in typeList" :key="i" v-if="item.value == scope.row.insState" |
| | | :type="item.type" size="medium" style="margin-right: 5px;">{{item.label}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="isLeave" label="是否留样" min-width="100px" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.isLeave==0?'否':'是' }}</span> |
| | | </template> |
| | | </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="joinModel" label="配套样品型号" min-width="130px" show-overflow-tooltip v-if="insOrder.mating>0"></el-table-column> |
| | | <el-table-column prop="joinName" label="配套样品名称" min-width="130px" show-overflow-tooltip v-if="insOrder.mating>0"></el-table-column> |
| | | <el-table-column prop="joinNum" label="配套样品数量" min-width="130px" show-overflow-tooltip v-if="insOrder.mating>0"></el-table-column> |
| | | </el-table> |
| | | </el-drawer> |
| | | <el-drawer |
| | | title="任务切换" |
| | | :visible.sync="taskVisible" |
| | | :destroy-on-close="true" |
| | | size="55%" |
| | | :append-to-body="true"> |
| | | size="45%"> |
| | | <ValueTable class="value-table" ref="insOrderPlan" |
| | | :url="$api.insOrderPlan.selectInsOrderPlanList" :componentData="componentData" |
| | | :key="upIndex" v-if="taskVisible"/> |
| | | :key="upIndex"/> |
| | | </el-drawer> |
| | | </div> |
| | | </template> |
| | |
| | | <script> |
| | | import ValueTable from '../../tool/value-table.vue' |
| | | export default { |
| | | props: ['sonLaboratory'], |
| | | props: ['sonLaboratory','orderId'], |
| | | components: { |
| | | ValueTable, |
| | | }, |
| | |
| | | sampleName: null, |
| | | state: null |
| | | }, |
| | | productList:[], |
| | | id: 0, |
| | | componentData: { |
| | | entity: { |
| | |
| | | requiredUp: [] |
| | | }, |
| | | upIndex: 0, |
| | | insOrder: {}, |
| | | sampleProduct: [], |
| | | typeList:[], |
| | | urgentList:[], |
| | | currentSample:{},//当前样品信息 |
| | | } |
| | | }, |
| | | created() { |
| | | this.componentData.entity.sonLaboratory = this.sonLaboratory; |
| | | this.id = this.orderId; |
| | | }, |
| | | mounted() { |
| | | this.getTypeDicts() |
| | | this.getInsStateDicts() |
| | | }, |
| | | watch:{ |
| | | id(val){ |
| | | this.$axios.post(this.$api.insOrderPlan.doInsOrder,{ |
| | | id: val |
| | | }).then(res=>{ |
| | | this.insOrder = res.data.insOrder; |
| | | this.urgentList.forEach(m=>{ |
| | | if(m.value==this.insOrder.type){ |
| | | this.insOrder.typeName = m.label |
| | | } |
| | | }) |
| | | this.sampleProduct = res.data.sampleProduct |
| | | this.currentSample = this.sampleProduct[0] |
| | | }) |
| | | } |
| | | }, |
| | | methods: { |
| | | handleChangeSample(row){ |
| | | console.log(1111111111,row) |
| | | handleChangeSample(row, column, event){ |
| | | this.currentSample = row; |
| | | this.sampleVisible = false; |
| | | }, |
| | | handleChangeTask(row){ |
| | | console.log(222222222,row) |
| | | this.id = row[0].id; |
| | | this.taskVisible = false; |
| | | }, |
| | | getTypeDicts() { |
| | |
| | | ele.type = 'danger' |
| | | } |
| | | }) |
| | | this.urgentList = data; |
| | | this.componentData.tagField.type.select = data |
| | | }) |
| | | }, |
| | |
| | | ele.type = 'danger' |
| | | } |
| | | }) |
| | | this.typeList = data |
| | | this.componentData.tagField.insState.select = data |
| | | }) |
| | | }, |
| | | tableRowClassName({ row, rowIndex }){ |
| | | row.index = rowIndex + 1; |
| | | } |
| | | } |
| | | } |
| | | </script> |