<!-- 设备校准 -->
|
<template>
|
<div>
|
<div class="btnS">
|
<el-button size="small" type="primary" @click="calibrationMaintenance()"
|
>校准项目维护</el-button
|
>
|
<el-button size="small" type="primary" @click="add('add')"
|
>添加校准记录</el-button
|
>
|
<el-button size="small" type="primary" @click="handleDown"
|
>导出Excel</el-button
|
>
|
</div>
|
<div class="tables" style="margin-top: 10px;">
|
<el-table :data="tableData" height="calc(100vh - 20em)">
|
<el-table-column label="序号" type="index" width="120">
|
<template v-slot="scope">
|
<span>{{
|
(search.current - 1) * search.size + scope.$index + 1
|
}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="记录编号"
|
min-width="150"
|
prop="processNumber"
|
></el-table-column>
|
<el-table-column
|
label="校准机构"
|
min-width="150"
|
prop="unitOfMeasure"
|
show-overflow-tooltip
|
></el-table-column>
|
<el-table-column label="校准结论" min-width="150" prop="status">
|
<template v-slot="scope">
|
{{
|
scope.row.status === "0yes"
|
? "合格"
|
: scope.row.status === "1no"
|
? "不合格"
|
: "其他"
|
}}
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="校准证书编号"
|
min-width="150"
|
prop="certificateSerialNumber"
|
></el-table-column>
|
<el-table-column
|
label="说明"
|
min-width="150"
|
prop="remark"
|
show-overflow-tooltip
|
></el-table-column>
|
<el-table-column
|
label="校准日期"
|
min-width="150"
|
prop="calibrationDate"
|
></el-table-column>
|
<el-table-column
|
label="下次校准日期"
|
min-width="150"
|
prop="nextCalibrationDate"
|
></el-table-column>
|
<el-table-column
|
label="确认日期"
|
min-width="150"
|
prop="confirmDate"
|
></el-table-column>
|
<el-table-column
|
label="登记人"
|
min-width="150"
|
prop="createUser"
|
></el-table-column>
|
<el-table-column
|
label="登记日期"
|
min-width="150"
|
prop="createTime"
|
></el-table-column>
|
<el-table-column
|
fixed="right"
|
label="操作"
|
min-width="180"
|
align="center"
|
>
|
<template #default="{ row }">
|
<el-button
|
size="small"
|
type="text"
|
@click="handleAttachmentClick(row)"
|
>下载附件</el-button
|
>
|
<el-button
|
size="small"
|
type="text"
|
@click="handleViewClick('view', row)"
|
>查看</el-button
|
>
|
<el-button size="small" type="text" @click="handleDeleteClick(row)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination
|
:current-page="1"
|
:page-size="search.size"
|
:page-sizes="[10, 20, 30, 50, 100]"
|
:total="search.total"
|
layout="->,total, sizes, prev, pager, next, jumper"
|
style="margin-right: 5%;"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
>
|
</el-pagination>
|
</div>
|
<!-- 校准项目维护 -->
|
<el-dialog
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:visible.sync="dialogVisible0"
|
title="校准项目维护"
|
top="5vh"
|
width="70%"
|
>
|
<h4>
|
<span style="display: flex;align-items: center;"
|
><span class="line"></span><span>设备校准参数维护</span></span
|
>
|
<el-button
|
:loading="addCalibrateLoading"
|
size="small"
|
type="primary"
|
@click="addCalibrate"
|
>添 加</el-button
|
>
|
</h4>
|
<div>
|
<el-form
|
ref="form0"
|
:model="form0"
|
:rules="form0Rules"
|
label-position="right"
|
label-width="120px"
|
>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="计量参数:" prop="measurementParameter">
|
<el-input
|
v-model="form0.measurementParameter"
|
clearable
|
placeholder="请输入"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="量程范围:" prop="rangeOfMeasurement">
|
<el-input
|
v-model="form0.rangeOfMeasurement"
|
clearable
|
placeholder="请输入"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="最大允许误差:" prop="maxPermissibleError">
|
<el-input
|
v-model="form0.maxPermissibleError"
|
clearable
|
placeholder="请输入"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="判定标准:" prop="judgmentCriteria">
|
<el-input
|
v-model="form0.judgmentCriteria"
|
clearable
|
placeholder="请输入"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<h4>
|
<span style="display: flex;align-items: center;"
|
><span class="line"></span><span>设备校准参数</span></span
|
>
|
</h4>
|
<!-- 设备校准参数表格 -->
|
<el-table
|
ref="calibrateTable"
|
v-loading="calibrateParamsLoading"
|
:data="calibrateParams"
|
max-height="450"
|
stripe
|
style="width: 100%"
|
>
|
<el-table-column label="编号" type="index" width="80"></el-table-column>
|
<el-table-column
|
label="计量参数"
|
prop="measurementParameter"
|
></el-table-column>
|
<el-table-column
|
label="量程范围"
|
prop="rangeOfMeasurement"
|
></el-table-column>
|
<el-table-column
|
label="最大允许误差"
|
prop="maxPermissibleError"
|
></el-table-column>
|
<el-table-column
|
label="判定标准"
|
prop="judgmentCriteria"
|
></el-table-column>
|
<el-table-column label="创建人" prop="createdBy"></el-table-column>
|
<el-table-column label="创建时间" prop="creationTime"></el-table-column>
|
<el-table-column fixed="right" label="操作">
|
<template slot-scope="scope">
|
<el-button size="small" type="text" @click="handleDelete(scope.row)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-dialog>
|
|
<!-- 添加校准记录 -->
|
<el-dialog
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:visible.sync="dialogVisible1"
|
title="添加校准记录"
|
top="5vh"
|
width="80%"
|
@close="resetCalibrationRecord"
|
>
|
<div style="height: 70vh;overflow-y: auto;overflow-x: hidden;">
|
<h4>
|
<div style="display: flex;align-items: center;">
|
<span class="line"></span>
|
<span>添加设备校准记录</span>
|
</div>
|
</h4>
|
<el-form
|
ref="calibrationRecord"
|
:model="calibrationRecord"
|
:rules="formRules"
|
label-position="right"
|
label-width="120px"
|
>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="校准服务机构:" prop="unitOfMeasure">
|
<el-input
|
v-model="calibrationRecord.unitOfMeasure"
|
:disabled="operationType === 'view'"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="校准日期:" prop="calibrationDate">
|
<el-date-picker
|
v-model="calibrationRecord.calibrationDate"
|
:disabled="operationType === 'view'"
|
format="yyyy-MM-dd"
|
placeholder="选择日期"
|
size="small"
|
style="width: 90%"
|
type="date"
|
value-format="yyyy-MM-dd"
|
@change="getNextCalibrationDate"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="下次校准日期:" label-width="140px">
|
<el-date-picker
|
v-model="calibrationRecord.nextCalibrationDate"
|
disabled
|
format="yyyy-MM-dd"
|
placeholder="选择日期"
|
size="small"
|
style="width: 90%"
|
type="date"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="计算器具:" prop="calculatingApparatus">
|
<el-input
|
v-model="calibrationRecord.calculatingApparatus"
|
:disabled="operationType === 'view'"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="计算标准量程:" prop="standardRange">
|
<el-input
|
v-model="calibrationRecord.standardRange"
|
:disabled="operationType === 'view'"
|
size="small"
|
style="width: 90%"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item
|
label="计量标准不确定度:"
|
label-width="140px"
|
prop="calibrationStandardUncertainty"
|
>
|
<el-input
|
v-model="calibrationRecord.calibrationStandardUncertainty"
|
:disabled="operationType === 'view'"
|
size="small"
|
style="width: 90%"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="所依据文件:" prop="byDocument">
|
<el-input
|
v-model="calibrationRecord.byDocument"
|
:disabled="operationType === 'view'"
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="证书编号:" prop="certificateSerialNumber">
|
<el-input
|
v-model="calibrationRecord.certificateSerialNumber"
|
:disabled="operationType === 'view'"
|
size="small"
|
style="width: 90%"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item
|
label="状态:"
|
label-width="140px"
|
prop="status"
|
required
|
>
|
<el-radio-group
|
v-model="calibrationRecord.status"
|
:disabled="operationType === 'view'"
|
>
|
<el-radio label="0yes">合格</el-radio>
|
<el-radio label="1no">不合格</el-radio>
|
<el-radio label="2other">其他</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="确认日期:">
|
<el-date-picker
|
v-model="calibrationRecord.confirmDate"
|
:disabled="operationType === 'view'"
|
format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择日期"
|
size="small"
|
style="width: 100%"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="17">
|
<el-form-item label="附件：" prop="fileName">
|
<el-input
|
v-model="calibrationRecord.fileName"
|
:style="
|
`width: ${operationType === 'add' ? '85%' : '100%'};}`
|
"
|
disabled
|
size="small"
|
>
|
<el-button
|
v-if="operationType === 'add'"
|
slot="append"
|
icon="el-icon-delete-solid"
|
@click="deleteFile"
|
></el-button>
|
</el-input>
|
<el-upload
|
v-if="operationType === 'add'"
|
ref="upload"
|
:action="action"
|
:before-upload="beforeUpload"
|
:headers="headers"
|
:limit="1"
|
:on-error="onError"
|
:on-success="handleSuccessUp"
|
:show-file-list="false"
|
style="float: right;"
|
>
|
<el-button
|
:loading="upLoading"
|
size="small"
|
style="position: relative; top: -4px;"
|
type="primary"
|
>附件上传
|
</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="备注:">
|
<el-input
|
v-model="calibrationRecord.remark"
|
:disabled="operationType === 'view'"
|
:rows="3"
|
size="small"
|
style="width: 96%"
|
type="textarea"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<h4>
|
<span style="display: flex;align-items: center;">
|
<span class="line"></span><span>校准条目确认结果</span>
|
</span>
|
</h4>
|
<el-table ref="calibrateTable" :data="calibrateParams" border>
|
<el-table-column
|
label="编号"
|
type="index"
|
width="60"
|
></el-table-column>
|
<el-table-column
|
label="计量参数"
|
prop="measurementParameter"
|
></el-table-column>
|
<el-table-column
|
label="量程范围"
|
prop="rangeOfMeasurement"
|
></el-table-column>
|
<el-table-column
|
label="最大允许误差"
|
prop="maxPermissibleError"
|
></el-table-column>
|
<el-table-column
|
label="判定标准"
|
prop="judgmentCriteria"
|
></el-table-column>
|
<el-table-column label="是否校准" prop="isCalibration">
|
<template slot="header" slot-scope="scope">
|
<span class="required-span">* </span>是否校准
|
</template>
|
<template slot-scope="scope">
|
<el-radio-group
|
v-model="scope.row.isCalibration"
|
:disabled="operationType === 'view'"
|
>
|
<el-radio label="0yes">是</el-radio>
|
<el-radio label="1no">否</el-radio>
|
</el-radio-group>
|
</template>
|
</el-table-column>
|
<el-table-column label="判定结果" min-width="140" prop="result">
|
<template slot="header" slot-scope="scope">
|
<span class="required-span">* </span>判定结果
|
</template>
|
<template slot-scope="scope">
|
<el-radio-group
|
v-model="scope.row.result"
|
:disabled="operationType === 'view'"
|
@input="checkRadio()"
|
>
|
<el-radio label="0yes">合格</el-radio>
|
<el-radio label="1no">不合格</el-radio>
|
<el-radio label="2other">其他</el-radio>
|
</el-radio-group>
|
</template>
|
</el-table-column>
|
<el-table-column label="单项结果说明" prop="singleResultStatement">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.singleResultStatement"
|
:disabled="operationType === 'view'"
|
size="small"
|
></el-input>
|
</template>
|
</el-table-column>
|
</el-table>
|
<!-- 操作日志 -->
|
<!-- <h4>-->
|
<!-- <div style="display: flex;-->
|
<!-- align-items: center;">-->
|
<!-- <span class="line"></span><span>本记录状态和操作日志</span>-->
|
<!-- </div>-->
|
<!-- </h4>-->
|
<!-- <el-table :data="tableDataOperate" style="width: 100%">-->
|
<!-- <el-table-column type="index" label="序号" width="100"></el-table-column>-->
|
<!-- <el-table-column prop="operator" label="操作人" width="120"></el-table-column>-->
|
<!-- <el-table-column prop="operationTime" label="操作时间" width="180"></el-table-column>-->
|
<!-- <el-table-column prop="operationType" label="操作类型" width="120"></el-table-column>-->
|
<!-- <el-table-column prop="operationContent" label="操作内容"></el-table-column>-->
|
<!-- </el-table>-->
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button
|
v-if="operationType === 'add'"
|
@click="dialogVisible1 = false"
|
>取 消</el-button
|
>
|
<el-button
|
v-if="operationType === 'add'"
|
:loading="addRecordLoading"
|
type="primary"
|
@click="addRecord"
|
>确 定</el-button
|
>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import file from "../../../util/file";
|
import fileDownload from "../../../util/file";
|
|
export default {
|
props: {
|
clickNodeVal: {
|
type: Object,
|
default: () => {
|
return {};
|
}
|
}
|
},
|
data() {
|
return {
|
value: "",
|
calibrateParams: [],
|
calibrateParamsLoading: false,
|
addCalibrateLoading: false,
|
calibrationRecord: {
|
unitOfMeasure: "", // 计量单位
|
calibrationDate: null, // 校准日期
|
nextCalibrationDate: null, // 下次校准日期
|
calculatingApparatus: "", // 计算器具
|
confirmDate: null, // 确认日期
|
standardRange: "", // 计算标准量程
|
calibrationStandardUncertainty: "", // 计量标准不确定度
|
byDocument: "", // 依据文件
|
certificateSerialNumber: "", // 证书编号
|
status: "", // 状态
|
remark: "", // 备注
|
systemFileName: "", //
|
fileName: "" //
|
},
|
formRules: {
|
unitOfMeasure: [
|
{ required: true, message: "请输入校准服务机构", trigger: "blur" }
|
],
|
calibrationDate: [
|
{ required: true, message: "请选择校准日期", trigger: "change" }
|
],
|
calculatingApparatus: [
|
{ required: true, message: "请输入计算器具", trigger: "blur" }
|
],
|
standardRange: [
|
{ required: true, message: "请输入计算标准量程", trigger: "blur" }
|
],
|
calibrationStandardUncertainty: [
|
{ required: true, message: "请输入计量标准不确定度", trigger: "blur" }
|
],
|
byDocument: [
|
{ required: true, message: "请输入所依据文件", trigger: "blur" }
|
],
|
status: [{ required: true, message: "请选择状态", trigger: "change" }]
|
},
|
tableData: [],
|
dialogVisible0: false,
|
dialogVisible1: false,
|
form0: {
|
measurementParameter: "", // 计量参数
|
rangeOfMeasurement: "",
|
maxPermissibleError: "",
|
judgmentCriteria: "",
|
createdBy: "",
|
action: "",
|
deviceId: null
|
},
|
form0Rules: {
|
measurementParameter: [
|
{ required: true, message: "请输入计量参数", trigger: "blur" }
|
],
|
rangeOfMeasurement: [
|
{ required: true, message: "请输入量程范围", trigger: "blur" }
|
],
|
maxPermissibleError: [
|
{ required: true, message: "请输入最大允许误差", trigger: "blur" }
|
],
|
judgmentCriteria: [
|
{ required: true, message: "请输入判定标准", trigger: "blur" }
|
]
|
},
|
addRecordLoading: false,
|
tableDataOperate: [], // 本记录状态和操作日志
|
upLoading: false,
|
operationType: "",
|
search: {
|
size: 20,
|
current: 1,
|
total: 0
|
}
|
};
|
},
|
// 用于上传文件的信息
|
computed: {
|
headers() {
|
return {
|
token: sessionStorage.getItem("token")
|
};
|
},
|
action() {
|
return this.javaApi + this.$api.personnel.saveCNASFile;
|
}
|
},
|
mounted() {
|
//获取操作记录信息
|
this.getOperateMsg();
|
this.getTableList(this.clickNodeVal.value); // 获取设备校准列表数据
|
},
|
methods: {
|
//状态判定
|
checkRadio() {
|
let resultList = this.calibrateParams.map(ele => ele.result);
|
if (resultList && resultList.filter(ele => ele == "1no").length > 0) {
|
this.calibrationRecord.status = "1no";
|
} else if (
|
resultList &&
|
resultList.filter(ele => ele == "2other").length == resultList.length
|
) {
|
this.calibrationRecord.status = "2other";
|
} else if (
|
resultList &&
|
resultList.filter(ele => ele == "0yes").length == resultList.length
|
) {
|
this.calibrationRecord.status = "0yes";
|
}
|
},
|
getNextCalibrationDate(val) {
|
let oneYearLaterDate = new Date(val);
|
oneYearLaterDate.setFullYear(oneYearLaterDate.getFullYear() + 1);
|
oneYearLaterDate.setDate(oneYearLaterDate.getDate() - 1);
|
// let obj = oneYearLaterDate.toISOString().split('T')[0];
|
this.calibrationRecord.nextCalibrationDate = oneYearLaterDate;
|
},
|
handleSizeChange(val) {
|
this.search.size = val;
|
this.getTableList(this.clickNodeVal.value);
|
},
|
handleCurrentChange(val) {
|
this.search.current = val;
|
this.getTableList(this.clickNodeVal.value);
|
},
|
getTableList(deviceId) {
|
this.$axios
|
.get(
|
this.$api.deviceCheck.deviceMetricRecordPage +
|
"?deviceId=" +
|
deviceId +
|
"&size=" +
|
this.search.size +
|
"¤t=" +
|
this.search.current +
|
"&type=calibrate"
|
)
|
.then(res => {
|
this.tableData = res.data.records;
|
this.search.total = res.data.total;
|
});
|
},
|
getOperateMsg() {
|
this.$axios
|
.get(this.$api.deviceOperate.list + "/" + this.clickNodeVal.value)
|
.then(res => {
|
this.tableDataOperate = res.data;
|
});
|
},
|
// 添加核查记录
|
add(type) {
|
this.operationType = type;
|
this.dialogVisible1 = true;
|
this.getXmsg();
|
},
|
// 查看详情
|
handleViewClick(type, row) {
|
this.$axios
|
.get(
|
this.$api.deviceCheck.showDeviceMetricsCopy +
|
"?id=" +
|
row.id +
|
"&type=calibrate"
|
)
|
.then(res => {
|
this.calibrateParams = res.data;
|
});
|
this.calibrationRecord = { ...row };
|
this.operationType = type;
|
this.dialogVisible1 = true;
|
},
|
// 表格删除操作
|
handleDeleteClick(row) {
|
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.$axios
|
.delete(
|
this.$api.deviceCheck.deleteDeviceMetricRecord + "?id=" + row.id
|
)
|
.then(res => {
|
this.getTableList(this.clickNodeVal.value); // 获取设备校准列表数据
|
this.$message.success("删除成功！");
|
});
|
})
|
.catch(() => {
|
this.$message({
|
type: "info",
|
message: "已取消删除"
|
});
|
});
|
},
|
handleAttachmentClick(row) {
|
let state = /\.(jpg|jpeg|png|gif)$/i.test(row.systemFileName);
|
if (state) {
|
let url = this.javaApi + "/img/" + row.systemFileName;
|
fileDownload.downloadIamge(url, row.systemFileName);
|
} else {
|
const url = this.javaApi + "/word/" + row.systemFileName;
|
const link = document.createElement("a");
|
link.href = url;
|
link.download = row.systemFileName;
|
link.click();
|
this.$message.success("下载成功");
|
}
|
},
|
//导出
|
handleDown() {
|
this.outLoading = true;
|
this.$axios
|
.get(
|
this.$api.deviceCheck.deviceMetricRecordExport +
|
"?deviceId=" +
|
this.clickNodeVal.value +
|
"&type=calibrate",
|
{
|
responseType: "blob"
|
}
|
)
|
.then(res => {
|
this.outLoading = false;
|
const blob = new Blob([res], { type: "application/octet-stream" });
|
//将Blob 对象转换成字符串
|
let reader = new FileReader();
|
reader.readAsText(blob, "utf-8");
|
reader.onload = () => {
|
try {
|
let result = JSON.parse(reader.result);
|
if (result.message) {
|
this.$message.error(result.message);
|
} else {
|
const url = URL.createObjectURL(blob);
|
const link = document.createElement("a");
|
link.href = url;
|
link.download = "设备校准.xlsx";
|
link.click();
|
this.$message.success("导出成功");
|
}
|
} catch (err) {
|
console.log(err);
|
const url = URL.createObjectURL(blob);
|
const link = document.createElement("a");
|
link.href = url;
|
link.download = "设备校准.xlsx";
|
link.click();
|
this.$message.success("导出成功");
|
}
|
};
|
});
|
},
|
deleteFile() {
|
this.$confirm("此操作将永久删除文件, 是否继续?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.$axios
|
.delete(
|
this.$api.personnel.deleteCNASFile +
|
"?fileName=" +
|
this.calibrationRecord.systemFileName
|
)
|
.then(res => {
|
this.calibrationRecord.fileName = "";
|
this.$refs.upload.clearFiles();
|
if (res.code == 200) {
|
this.$message.success("删除成功！");
|
}
|
});
|
})
|
.catch(err => {
|
console.log("err----", err);
|
this.$message({
|
type: "info",
|
message: "已取消删除"
|
});
|
});
|
},
|
// 校准项目维护
|
calibrationMaintenance() {
|
this.dialogVisible0 = true;
|
this.getXmsg();
|
},
|
// 获取设备校准参数table信息
|
async getXmsg() {
|
this.calibrateParamsLoading = true;
|
try {
|
await this.$axios
|
.get(
|
this.$api.deviceCheck.selectDeviceMetric +
|
"?deviceId=" +
|
this.clickNodeVal.value +
|
"&type=calibrate"
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.calibrateParams = res.data;
|
}
|
this.calibrateParamsLoading = false;
|
});
|
} catch (e) {
|
console.log("getXmsg---", e);
|
this.calibrateParamsLoading = false;
|
}
|
},
|
// 校准项目维护-删除设备校准参数
|
handleDelete(row) {
|
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.$axios
|
.delete(this.$api.deviceCheck.deleteDeviceMetrics + "?id=" + row.id)
|
.then(res => {
|
if (res.code === 200) {
|
this.$message.success("删除成功!");
|
this.getXmsg();
|
}
|
});
|
})
|
.catch(() => {
|
this.$message.info("已取消删除");
|
});
|
},
|
addCalibrate() {
|
this.$refs["form0"].validate(valid => {
|
if (valid) {
|
// 保存
|
this.calibrateParamsLoading = true;
|
this.addCalibrateLoading = true;
|
this.form0.deviceId = this.clickNodeVal.value;
|
const user = JSON.parse(localStorage.getItem("user"));
|
this.form0.createdBy = user.name;
|
this.form0.type = "calibrate";
|
this.$axios
|
.post(this.$api.deviceCheck.saveOrUpdateDeviceMetric, this.form0, {
|
headers: {
|
"Content-Type": "application/json"
|
}
|
})
|
.then(res => {
|
if (res.code == 200) {
|
this.$message.success("保存成功");
|
this.$refs["form0"].resetFields();
|
this.getXmsg(); // 刷新设备校准参数表格
|
}
|
this.calibrateParamsLoading = false;
|
this.addCalibrateLoading = false;
|
});
|
} else {
|
this.addCalibrateLoading = false;
|
this.$message.warning("有必填项未填");
|
}
|
});
|
},
|
addRecord() {
|
this.$refs["calibrationRecord"].validate(valid => {
|
if (valid) {
|
try {
|
if (this.calibrateParams.some(m => m.isCalibration === undefined)) {
|
this.$message.error("请选择是否校准");
|
return;
|
}
|
if (!this.calibrateParams.every(m => m.result !== undefined)) {
|
this.$message.error("请选择判定结果");
|
return;
|
}
|
this.addRecordLoading = true;
|
this.calibrationRecord.deviceId = this.clickNodeVal.value;
|
let user = JSON.parse(localStorage.getItem("user"));
|
this.calibrationRecord.createUser = user.name;
|
this.calibrationRecord.type = "calibrate";
|
this.calibrationRecord.deviceMetricsCopyList = this.calibrateParams;
|
this.$axios
|
.post(
|
this.$api.deviceCheck.addOrUpdateDeviceMetricRecord,
|
this.calibrationRecord,
|
{
|
headers: {
|
"Content-Type": "application/json"
|
}
|
}
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.$message.success("添加成功");
|
this.dialogVisible1 = false;
|
this.getTableList(this.clickNodeVal.value);
|
}
|
this.addRecordLoading = false;
|
});
|
} catch (e) {
|
console.log("addRecord---", e);
|
this.addRecordLoading = false;
|
}
|
} else {
|
this.$message.warning("有必填项未填");
|
}
|
});
|
},
|
resetCalibrationRecord() {
|
this.$refs.calibrationRecord.resetFields();
|
},
|
// 上传附件
|
handleSuccessUp(response, file) {
|
if (response.code == 200) {
|
// 在保存赋值新文件
|
this.calibrationRecord.fileName = file.name;
|
this.calibrationRecord.systemFileName = response.data;
|
this.upLoading = false;
|
} else {
|
this.upLoading = false;
|
this.$message.error(response.message);
|
}
|
},
|
beforeUpload(file) {
|
if (file.size > 1024 * 1024 * 10) {
|
this.$message.error("上传文件不超过10M");
|
this.$refs.upload.clearFiles();
|
return false;
|
} else {
|
this.upLoading = true;
|
return true;
|
}
|
},
|
onError(err, file, fileList) {
|
this.$message.error("上传失败");
|
this.$refs.upload.clearFiles();
|
}
|
// end
|
},
|
watch: {
|
// 监听点击el-tree的数据，进行数据刷新
|
clickNodeVal(newVal) {
|
if (newVal.value) {
|
this.getTableList(newVal.value);
|
}
|
},
|
dialogVisible1(newVal) {
|
if (newVal === false) {
|
this.calibrateParams = [];
|
this.calibrationRecord = {
|
unitOfMeasure: "", // 计量单位
|
calibrationDate: null, // 校准日期
|
nextCalibrationDate: null, // 下次校准日期
|
calculatingApparatus: "", // 计算器具
|
standardRange: "", // 计算标准量程
|
calibrationStandardUncertainty: "", // 计量标准不确定度
|
byDocument: "", // 依据文件
|
certificateSerialNumber: "", // 证书编号
|
status: "", // 状态
|
remark: "" // 备注
|
};
|
}
|
}
|
}
|
};
|
|
function downloadImage(url) {
|
const link = document.createElement("a");
|
link.href = url;
|
link.target = "_blank";
|
link.download = "attachment.jpg"; // 文件名
|
document.body.appendChild(link);
|
link.click();
|
document.body.removeChild(link);
|
}
|
</script>
|
<style scoped>
|
.tables {
|
width: 100%;
|
height: calc(100vh - 230px);
|
}
|
|
.search {
|
background-color: #fff;
|
height: 40px;
|
display: flex;
|
align-items: center;
|
position: relative;
|
}
|
|
.search_thing {
|
display: flex;
|
align-items: center;
|
height: 40px;
|
}
|
|
.search_label {
|
width: 70px;
|
font-size: 14px;
|
text-align: right;
|
margin-right: 10px;
|
}
|
|
.search_input {
|
width: calc(100% - 110px);
|
}
|
|
.btnS {
|
text-align: right;
|
margin-top: 10px;
|
}
|
|
h4 {
|
font-weight: 400;
|
font-size: 16px;
|
display: flex;
|
justify-content: space-between;
|
margin: 10px 0;
|
}
|
|
h4 .line {
|
display: inline-block;
|
width: 3px;
|
height: 16px;
|
background: #3a7bfa;
|
margin-right: 4px;
|
}
|
|
.check {
|
background-color: #fff;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-between;
|
}
|
|
.check_thing {
|
flex: 0 0 calc(20% - 10px);
|
margin-bottom: 20px;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
}
|
|
.check_label {
|
font-size: 14px;
|
margin-bottom: 5px;
|
}
|
|
.check_data .check_input {
|
width: 100%;
|
}
|
|
.el-table {
|
font-size: 14px;
|
color: #333;
|
}
|
|
.el-table thead {
|
background-color: #f5f5f5;
|
}
|
</style>
|
