| | |
| | | style="margin-top: 5px;margin-bottom: 10px;" |
| | | :action="action" |
| | | :data="uploadData" |
| | | :headers="headers" |
| | | :headers="uploadHeader" |
| | | :before-upload="beforeUpload" |
| | | :on-success="onSuccess" |
| | | > |
| | |
| | | </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%" |
| | |
| | | </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> |
| | |
| | | selectDeviceMetric, |
| | | deleteDeviceMetrics, |
| | | addOrUpdateDeviceMetricRecord, |
| | | saveOrUpdateDeviceMetric |
| | | saveOrUpdateDeviceMetric, downLoadDeviceCalibrationFile, getDeviceCalibrationFile, delDeviceCalibrationFile |
| | | } from '@/api/cnas/resourceDemand/device.js' |
| | | import { mapGetters } from "vuex"; |
| | | import filePreview from "@/components/Preview/filePreview.vue"; |
| | |
| | | calibrateParams: [], |
| | | calibrateParamsLoading: false, |
| | | addCalibrateLoading: false, |
| | | previewFile: '', |
| | | lookDialogVisible: false, |
| | | recordId: null, |
| | | uploadData: {}, |
| | | fileData: [], |
| | | dialogVisibleFile: false, |
| | | calibrationRecord: { |
| | | unitOfMeasure: '', // 计量单位 |
| | | calibrationDate: null, // 校准日期 |
| | |
| | | computed: { |
| | | ...mapGetters(["nickName"]), |
| | | action() { |
| | | return this.javaApi + '/personBasicInfo/saveCNASFile' |
| | | return this.javaApi + '/personBasicInfo/saveDeviceCalibrationFile' |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | this.getTableList(this.clickNodeVal.value) // 获取设备校准列表数据 |
| | | }, |
| | | methods: { |
| | | preview(row) { |
| | | let list = row.fileUrl.split('.') |
| | | let suffix = list[list.length - 1] |
| | | if(suffix.toLowerCase().includes("pdf")) { |
| | | let link = document.createElement('a') |
| | | let url = this.javaApi + 'word' + row.fileUrl |
| | | console.log(url); |
| | | link.href = url |
| | | link.target= '_blank' |
| | | document.body.appendChild(link) |
| | | link.click() |
| | | document.body.removeChild(link) |
| | | }else{ |
| | | let url = '' |
| | | if(suffix.toLowerCase().includes('docx')) { |
| | | url = this.javaApi + 'word' + row.fileUrl |
| | | }else if(suffix.toLowerCase().includes('xls')) { |
| | | url = this.javaApi + 'excel' + row.fileUrl |
| | | }else{ |
| | | url = this.javaApi + 'img' + row.fileUrl |
| | | } |
| | | this.previewFile = url |
| | | this.$nextTick(() => { |
| | | this.lookDialogVisible = true |
| | | }) |
| | | } |
| | | }, |
| | | download(row) { |
| | | downLoadDeviceCalibrationFile({id: row.id}).then(res => { |
| | | const blob = new Blob([res],{type: row.mime}) |
| | | this.$download.saveAs(blob, row.fileName) |
| | | }) |
| | | }, |
| | | delFile(row) { |
| | | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | delDeviceCalibrationFile({id: row.id}).then(res => { |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '删除成功!' |
| | | }); |
| | | this.getFileData(this.recordId); |
| | | }) |
| | | }) |
| | | }, |
| | | handleAttachmentClick(row) { |
| | | // 模拟下载附件 |
| | | // const imageUrl = this.javaApi + '/img/' + row.systemFileName; // 图片 URL |
| | | // file.downloadIamge(imageUrl,row.fileName) |
| | | this.recordId = row.id |
| | | this.dialogVisibleFile = true |
| | | this.getFileData(row.id) |
| | | }, |
| | | getFileData(id) { |
| | | getDeviceCalibrationFile({id: id}).then(res =>{ |
| | | this.fileData = res.data |
| | | }) |
| | | }, |
| | | //状态判定 |
| | | checkRadio() { |
| | | let resultList = this.calibrateParams.map(ele => ele.result) |
| | |
| | | this.dialogVisible1 = true |
| | | this.getXmsg() |
| | | }, |
| | | // 查看详情 |
| | | // 查看编辑详情 |
| | | handleViewClick(type, row) { |
| | | showDeviceMetricsCopy({ id: row.id, type: 'calibrate' }).then(res => { |
| | | this.calibrateParams = res.data |
| | |
| | | }); |
| | | }) |
| | | }, |
| | | handleAttachmentClick(row) { |
| | | this.$download.saveAs(row.systemFileName, row.systemFileName) |
| | | }, |
| | | //导出 |
| | | handleDown() { |
| | | this.outLoading = true |
| | |
| | | const blob = new Blob([res], { type: 'application/octet-stream' }); |
| | | this.$download.saveAs(blob, '设备校准.xlsx') |
| | | }) |
| | | }, |
| | | deleteFile() { |
| | | this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | 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.$message.info('已取消删除'); |
| | | }) |
| | | }, |
| | | // 提交项目校准维护 |
| | | addCalibrate() { |
| | | this.$refs['form0'].validate((valid) => { |
| | | if (valid) { |
| | |
| | | } |
| | | this.calibrateParamsLoading = false |
| | | this.addCalibrateLoading = false |
| | | }).catch(() => { |
| | | this.addCalibrateLoading = false |
| | | }) |
| | | } else { |
| | | this.addCalibrateLoading = false |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // 提交校准记录 |
| | | addRecord() { |
| | | this.$refs['calibrationRecord'].validate((valid) => { |
| | | if (valid) { |
| | |
| | | this.calibrationRecord.createUser = this.nickName |
| | | this.calibrationRecord.type = 'calibrate' |
| | | this.calibrationRecord.deviceMetricsCopyList = this.calibrateParams |
| | | this.calibrationRecord.deviceMetricsCopyList.forEach(m => { |
| | | delete m.creationTime |
| | | }) |
| | | delete this.calibrationRecord.createTime |
| | | addOrUpdateDeviceMetricRecord(this.calibrationRecord).then(res => { |
| | | if (res.code == 200) { |
| | | this.$message.success('添加成功') |
| | | this.dialogVisible1 = false |
| | | this.getTableList(this.clickNodeVal.value) |
| | | } |
| | | this.addRecordLoading = false |
| | | }).catch((err) => { |
| | | this.addRecordLoading = false |
| | | }) |
| | | } catch (e) { |
| | |
| | | } |
| | | }, |
| | | beforeUpload(file) { |
| | | let list = file.name.split('.') |
| | | let suffix = list[list.length - 1] |
| | | |
| | | console.log(suffix); |
| | | if (file.size > 1024 * 1024 * 10) { |
| | | this.$message.error('上传文件不超过10M'); |
| | | this.$refs.upload.clearFiles() |
| | | return false; |
| | | } else { |
| | | this.upLoading = true; |
| | | this.$set(this.uploadData,'id',this.recordId) |
| | | this.$set(this.uploadData,'suffix',suffix) |
| | | return true; |
| | | } |
| | | }, |
| | | onSuccess(response,file,fileList) { |
| | | if(response.code == 200) { |
| | | this.$message.success("上传成功") |
| | | this.upLoading = false |
| | | this.$refs.upload.clearFiles() |
| | | this.getFileData(this.recordId) |
| | | } else { |
| | | this.$message.error(response.msg) |
| | | } |
| | | }, |
| | | onError(err, file, fileList) { |
| | | this.$message.error('上传失败') |
| | | this.$refs.upload.clearFiles() |