<template>
|
<div>
|
<el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="dialogVisible" title="仪器设备期间核查比对记录表"
|
width="80%" @close="resetForm">
|
<el-steps :active="currentStep" align-center finish-status="success">
|
<el-step title="填写设备核查对比记录"></el-step>
|
<el-step title="审核"></el-step>
|
</el-steps>
|
<el-row>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 110px">仪器名称：</span>
|
<el-select v-model="form.deviceName"
|
:disabled="currentStep !== 0"
|
class="table_input"
|
clearable
|
filterable
|
placeholder="设备名称"
|
size="small"
|
style="width:200px"
|
@change="(val)=>changeMachineName(val)">
|
<el-option v-for="item in equipOptions" :key="item.value" :label="item.label" :value="item.label">
|
{{item.label + '-' + item.value}}
|
</el-option>
|
</el-select>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">仪器编号：</span>
|
<el-input v-model="form.deviceNumber" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">精度等级：</span>
|
<el-input v-model="form.accuracyGrade" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
</el-row>
|
<div style="margin: 10px">核查使用物质</div>
|
<el-row>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">名称：</span>
|
<el-input v-model="form.materialName" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">编号：</span>
|
<el-input v-model="form.materialNumber" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">精度/不确定度：</span>
|
<el-input v-model="form.materialAccuracyUncertainty" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">型号：</span>
|
<el-input v-model="form.materialModel" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">核查方式：</span>
|
<el-input v-model="form.materialCheckMethod" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">核查项目：</span>
|
<el-input v-model="form.materialCheckItems" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">温度：</span>
|
<el-input v-model="form.temperature" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="8">
|
<div class="form-item">
|
<span style="width: 130px">湿度：</span>
|
<el-input v-model="form.humidity" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
</el-row>
|
<el-button size="small" style="margin: 10px 0" type="primary" @click="addRow">添加</el-button>
|
<el-table :data="recordDetailList" height="300" style="width: 100%">
|
<el-table-column label="测试点" min-width="130" prop="testPoint">
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.testPoint" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue1" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue1" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue2" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue2" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue3" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue3" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue4" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue4" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue5" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue5" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="180">
|
<template slot="header" slot-scope="scope">
|
<el-input v-model="form.dataValue6" :disabled="currentStep !== 0" size="small"/>
|
</template>
|
<template slot-scope="scope">
|
<el-input v-model="scope.row.dataValue6" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</template>
|
</el-table-column>
|
</el-table>
|
<table border="1" cellspacing="10" class="table">
|
<tr>
|
<td>最大偏差</td>
|
<th>
|
<el-input v-model="form.maximun1" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.maximun2" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.maximun3" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.maximun4" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.maximun5" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.maximun6" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
</tr>
|
<tr>
|
<td>相对偏差</td>
|
<th>
|
<el-input v-model="form.relative1" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.relative2" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.relative3" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.relative4" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.relative5" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
<th>
|
<el-input v-model="form.relative6" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</th>
|
</tr>
|
</table>
|
<el-row>
|
<el-col :span="24">
|
<div class="form-item">
|
<span style="width: 80px">判定：</span>
|
<el-input v-model="form.determine" :disabled="currentStep !== 0" clearable size="small"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="24">
|
<div class="form-item">
|
<span style="width: 80px">备注：</span>
|
<el-input v-model="form.remark" :disabled="currentStep !== 0" clearable size="small" type="textarea"></el-input>
|
</div>
|
</el-col>
|
<el-col :span="24">
|
<div class="form-item">
|
<span style="width: 116px">审核人：</span>
|
<el-select v-model="form.reviewUserId" :disabled="currentStep !== 0" placeholder="请选择" size="small" style="width: 100%">
|
<el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
</el-select>
|
</div>
|
</el-col>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="resetForm">取 消</el-button>
|
<el-button v-if="currentStep === 0" :loading="submitFormLoading" type="primary" @click="submitCheck">确 定</el-button>
|
<el-button v-if="currentStep === 1" :loading="submitFormLoading" @click="examine(0)">不通过</el-button>
|
<el-button v-if="currentStep === 1" :loading="submitFormLoading" type="primary" @click="examine(1)">通 过</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "check-record",
|
// import 引入的组件需要注入到对象中才能使用
|
components: {},
|
data() {
|
// 这里存放数据
|
return {
|
dialogVisible: false,
|
recordDetailList: [],
|
search: "",
|
form: {
|
deviceName: '',
|
deviceNumber: '',
|
accuracyGrade: '',
|
materialName: '',
|
materialNumber: '',
|
materialAccuracyUncertainty: '',
|
materialModel: '',
|
materialCheckMethod: '',
|
materialCheckItems: '',
|
temperature: '',
|
humidity: '',
|
recordDetailList: [],
|
dataValue1: '',
|
dataValue2: '',
|
dataValue3: '',
|
dataValue4: '',
|
dataValue5: '',
|
dataValue6: '',
|
maximun1: '',
|
maximun2: '',
|
maximun3: '',
|
maximun4: '',
|
maximun5: '',
|
maximun6: '',
|
relative1: '',
|
relative2: '',
|
relative3: '',
|
relative4: '',
|
relative5: '',
|
relative6: '',
|
determine: '',
|
remark: '',
|
planDetailsId: '',
|
checkerUserId: '',
|
},
|
currentStep: 0,
|
distributionDetailList: [
|
{label: '最大偏差', value: 1},
|
{label: '相对偏差', value: 2},
|
],
|
equipOptions: [],
|
submitFormLoading: false,
|
userList: [],
|
}
|
},
|
mounted() {
|
|
},
|
// 方法集合
|
methods: {
|
openDialog (row) {
|
this.dialogVisible = true
|
this.form.planDetailsId = row.planDetailsId
|
this.getEquipOptions()
|
this.getUserList()
|
this.searchInfo()
|
},
|
searchInfo () {
|
this.$axios.get(this.$api.deviceExaminePlan.getExamineRecord+'?planDetailsId=' + this.form.planDetailsId).then(res => {
|
if (res.code === 200) {
|
let planDetailsId = this.form.planDetailsId
|
this.form = {...res.data}
|
this.form.planDetailsId = planDetailsId
|
this.recordDetailList = this.form.recordDetailList || []
|
if (!this.form.checkerUserId) {
|
this.currentStep = 0
|
} else {
|
this.currentStep = 1
|
}
|
if (this.form.reviewStatus === 1) {
|
this.currentStep = 2
|
}
|
}
|
}).catch(error => {
|
console.error(error)
|
})
|
},
|
// 赋值仪器编号
|
changeMachineName (value) {
|
const index = this.equipOptions.findIndex(item => item.deviceName === value)
|
this.form.deviceNumber = this.equipOptions[index].managementNumber
|
},
|
addRow () {
|
this.recordDetailList.push({testPoint: ''})
|
},
|
// 提交表单
|
submitCheck () {
|
console.log(333,this.form)
|
this.form.recordDetailList = this.HaveJson(this.recordDetailList)
|
this.submitFormLoading = true
|
this.$axios.post(this.$api.deviceExaminePlan.addExamineRecord,
|
this.form, {
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
noQs: true
|
}).then(res => {
|
if (res.code == 200) {
|
this.$message.success('新增成功')
|
this.resetForm()
|
}
|
this.submitFormLoading = false
|
}).catch(err => {
|
this.submitFormLoading = false
|
})
|
},
|
// 提交审核
|
examine (statue) {
|
const params = {
|
planDetailsId: this.form.planDetailsId,
|
reviewStatus: statue,
|
}
|
this.$axios.post(this.$api.deviceExaminePlan.reviewExamineRecord,
|
params, {
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
noQs: true
|
}).then(res => {
|
if (res.code == 200) {
|
this.$message.success('审核成功')
|
this.resetForm()
|
}
|
this.submitFormLoading = false
|
}).catch(err => {
|
this.submitFormLoading = false
|
})
|
},
|
resetForm () {
|
this.dialogVisible = false
|
this.$emit('closeDialog1')
|
},
|
// 获取所有设备
|
getEquipOptions() {
|
this.equipOptions = []
|
this.$axios.get(this.$api.deviceScope.deviceScopeSearch+'?status=0').then(res => {
|
if (res.code === 200 && res.data) {
|
this.equipOptions = res.data.map(m => {
|
m.value = m.managementNumber
|
m.label = m.deviceName
|
m.id = m.id
|
return m
|
})
|
}
|
}).catch(error => {
|
console.error(error)
|
})
|
},
|
getUserList(){
|
this.$axios.post(this.$api.user.selectUserList, {
|
page: {current: -1, size: -1,},
|
entity: {name: null}
|
}, {
|
headers: {
|
'Content-Type': 'application/json'
|
}
|
}).then(res => {
|
if (res.code === 201) {
|
return
|
}
|
this.userList = res.data.body.records
|
})
|
},
|
},
|
}
|
</script>
|
|
<style scoped>
|
.table td {
|
padding: 10px;
|
}
|
.table th {
|
padding: 10px;
|
}
|
.form {
|
display: flex;
|
align-items: center;
|
}
|
.form-item {
|
display: flex;
|
align-items: center;
|
margin-right: 10px;
|
margin-top: 10px;
|
}
|
>>>.el-dialog__body {
|
max-height: 650px;
|
overflow-y: auto;
|
}
|
</style>
|
