<template>
|
<div>
|
<table border="1" cellpadding="10" class="thermal-table" style="margin-bottom: 20px;">
|
<tr>
|
<td style="font-size: 18px;font-weight: 500;background-color: #F0F1F5;padding: 10px 0;box-sizing: border-box;" colspan="6">{{ currentInfo.inspectionItemSubclass }}</td>
|
</tr>
|
<tr>
|
<td style="font-size: 16px;background-color: #F0F1F5;">规格型号</td>
|
<td>{{currentInfo.model}}</td>
|
<td style="font-size: 16px;background-color: #F0F1F5;">试验方法</td>
|
<td>{{currentInfo.methodS}}</td>
|
<td style="font-size: 16px;background-color: #F0F1F5;">设备编号</td>
|
<td>
|
<el-select v-model="currentInfo.equipValue" placeholder="请选择" size="small" :disabled="state>1" @focus="methodFocus(item)" @change="m=>handleEquip(m,currentInfo)">
|
<el-option
|
v-for="item in equipOptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</td>
|
</tr>
|
<tr>
|
<td style="font-size: 16px;background-color: #F0F1F5;">试验要求</td>
|
<td colspan="3" style="text-align: left;">{{currentInfo.tell}}</td>
|
<td style="font-size: 16px;background-color: #F0F1F5;">设备名称</td>
|
<td>{{ currentInfo.equipName }}</td>
|
</tr>
|
<tr>
|
<td style="font-size: 16px;background-color: #F0F1F5;">端口</td>
|
<td colspan="3" style="font-size: 16px;background-color: #F0F1F5;">平均功率容量(W)</td>
|
<td colspan="2" style="font-size: 16px;background-color: #F0F1F5;">峰值功率容量(W)</td>
|
</tr>
|
<tr v-for="(item,index) in currentInfo.list" :key="index">
|
<td>{{index+1}}</td>
|
<td colspan="3">
|
<el-input v-model="item.power" placeholder="" size="small" @change="m=>save(currentInfo)" :disabled="state>1"></el-input>
|
</td>
|
<td colspan="2">
|
<el-input v-model="item.peakPower" placeholder="" size="small" @change="m=>save(currentInfo)" :disabled="state>1"></el-input>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props:['insProduct','orderId','sampleId','state','isLook','num'],
|
data() {
|
return {
|
currentInfo:{},
|
equipOptions:[],
|
}
|
},
|
watch: {
|
insProduct:{
|
deep:true,
|
handler(val){
|
this.init()
|
}
|
}
|
},
|
mounted() {
|
this.init()
|
},
|
methods: {
|
init(){
|
this.currentInfo = this.HaveJson(this.insProduct[0])
|
if(!this.currentInfo.insProductResult){
|
// 没有检验时初始化
|
this.$set(this.currentInfo, 'equipValue', '')
|
this.$set(this.currentInfo, 'equipName', '')
|
let portNum = Number(this.currentInfo.ask.split(':')[1])
|
this.$set(this.currentInfo, 'list', [])
|
for(let i=0;i<portNum;i++){
|
this.$set(this.currentInfo.list,i, {'power':null,'peakPower':null})
|
}
|
}else{
|
// 有检验时初始化
|
this.$set(this.currentInfo,'equipValue',this.currentInfo.insProductResult.equipValue?JSON.parse(this.currentInfo.insProductResult.equipValue)[0].v:'')
|
this.$set(this.currentInfo,'equipName',this.currentInfo.insProductResult.equipName?JSON.parse(this.currentInfo.insProductResult.equipName)[0].v:'')
|
this.currentInfo.list = JSON.parse(this.currentInfo.insProductResult.insValue)
|
}
|
},
|
async methodFocus(item){
|
this.equipOptions = await this.getEquipOptions(item)
|
},
|
// 获取设备选项 id:为检验项id
|
async getEquipOptions(m) {
|
let arr = []
|
let res = await this.$axios.post(this.$api.deviceScope.selectDeviceByCategory, {
|
inspectionItem: m.inspectionItem,
|
inspectionItemSubclass: m.inspectionItemSubclass
|
})
|
if (res.code === 200 && res.data) {
|
arr = res.data.map(m => {
|
m.value = m.managementNumber
|
m.label = m.deviceName
|
return m
|
})
|
}
|
return arr
|
},/**
|
* 处理设备信息
|
*
|
* @param {any} m - 新的设备值
|
* @param {Object} item - 设备对象
|
*/
|
handleEquip(m,item){
|
this.$delete(item, 'equipValue')
|
this.$set(item, 'equipValue', m)
|
this.$delete(item, 'equipName')
|
this.$set(item, 'equipName', this.equipOptions.find(m=>m.value==item.equipValue).label)
|
this.save(item)
|
},
|
save(item){
|
this.$axios.post(this.$api.insOrderPlan.saveInsContext3, {
|
insProductId:item.id,
|
insValue:JSON.stringify(item.list),
|
equipValue:item.equipValue,
|
equipName:item.equipName,
|
num:this.num,
|
}, {
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
noQs:true}).then(res => {
|
if (res.code === 201) {
|
this.$message.error('保存失败')
|
return
|
}
|
this.$message.success('已保存')
|
}).catch(err => {
|
console.log(err)
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="css" scoped>
|
.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;
|
}
|
.thermal-table .el-input{
|
display: flex;
|
align-items: center;
|
}
|
>>>.el-input__inner {
|
text-align: center;
|
}
|
</style>
|
