<!-- 作业指导书 -->
|
<template>
|
<div>
|
<div style="width:100%;height:30px;margin:5px 0px">
|
<el-row>
|
<el-col :span="12" style="text-align: left;">
|
<p style="line-height: 30px;">作业指导书</p>
|
</el-col>
|
<el-col :span="12" style="text-align: right;">
|
<el-button size="small" type="primary" @click="getList"
|
>刷新</el-button
|
>
|
<el-button size="small" type="primary" @click="dialogVisible = true"
|
>受控申请</el-button
|
>
|
</el-col>
|
</el-row>
|
</div>
|
<el-table :data="tableData" border height="calc(100vh - 18em)">
|
<el-table-column type="index" label="序号" 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="applicationNumber"
|
></el-table-column>
|
<el-table-column
|
label="设备名称"
|
min-width="150"
|
prop="deviceName"
|
></el-table-column>
|
<el-table-column
|
label="设备编号"
|
min-width="150"
|
prop="deviceNumber"
|
></el-table-column>
|
<el-table-column
|
label="设备型号"
|
min-width="150"
|
prop="deviceModel"
|
></el-table-column>
|
<el-table-column
|
label="文件编号"
|
min-width="150"
|
prop="documentNumber"
|
></el-table-column>
|
<el-table-column
|
label="文件名字"
|
min-width="150"
|
prop="fileName"
|
></el-table-column>
|
<el-table-column
|
label="文档说明"
|
min-width="150"
|
prop="documentNote"
|
></el-table-column>
|
<el-table-column
|
label="上传人"
|
min-width="150"
|
prop="uploaderName"
|
></el-table-column>
|
<el-table-column
|
label="上传时间"
|
min-width="150"
|
prop="updateTime"
|
></el-table-column>
|
<el-table-column
|
label="生效时间"
|
min-width="150"
|
prop="entryIntoForceTime"
|
></el-table-column>
|
<el-table-column
|
label="审批人"
|
min-width="150"
|
prop="approverName"
|
></el-table-column>
|
<el-table-column label="审批状态" min-width="150" prop="status">
|
<template v-slot="scope">
|
{{
|
scope.row.status === true
|
? "通过"
|
: scope.row.status === false
|
? "不通过"
|
: "未审核"
|
}}
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" min-width="180" fixed="right" prop="name">
|
<template v-slot="scope">
|
<el-button
|
type="text"
|
size="small"
|
@click="downloadFile(scope.row.fileSystemName)"
|
>下载</el-button
|
>
|
<el-button
|
type="text"
|
size="small"
|
style="color: red;"
|
@click="deleteHomeworkGuidebook(scope.row)"
|
>删除</el-button
|
>
|
<el-button
|
type="text"
|
size="small"
|
@click="instructionEditFun(scope.row)"
|
>编辑</el-button
|
>
|
<el-button type="text" size="small" @click="approval(scope.row)"
|
>审批</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="1"
|
:page-sizes="[10, 20, 30, 50, 100]"
|
:page-size="search.size"
|
layout="->,total, sizes, prev, pager, next, jumper"
|
:total="search.total"
|
>
|
</el-pagination>
|
<el-dialog :visible.sync="dialogVisible" title="受控申请" width="60%">
|
<div style="height: 60vh; overflow-y: auto; overflow-x: hidden;">
|
<el-form ref="form1" label-width="110px" :model="instructionForm">
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="申请编号:">
|
<el-input
|
v-model="instructionForm.applicationNumber"
|
disabled
|
size="small"
|
clearable
|
></el-input>
|
</el-form-item>
|
<el-form-item label="附件：" style="float: left;">
|
<el-upload
|
ref="uploadFile"
|
:action="action"
|
:before-remove="beforeRemove"
|
:file-list="fileList1"
|
:headers="headers"
|
:limit="1"
|
:on-error="onError"
|
:on-exceed="handleExceed"
|
:on-remove="handleRemove1"
|
:on-success="onSuccess1"
|
class="upload-demo"
|
multiple
|
>
|
<el-button size="small" type="primary">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="申请部门:">
|
<el-input
|
v-model="instructionForm.applicationDepartment"
|
clearable
|
size="small"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="责任人:">
|
<el-input
|
v-model="instructionForm.personLiable"
|
clearable
|
size="small"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item
|
label="受控申请说明:"
|
prop="controlledApplicationDescription"
|
:rules="[
|
{
|
required: true,
|
message: '请输入受控申请说明',
|
trigger: 'blur'
|
}
|
]"
|
>
|
<el-input
|
v-model="instructionForm.controlledApplicationDescription"
|
type="textarea"
|
clearable
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div style="text-align: right; margin-bottom: 10px">
|
<el-button size="small" type="primary" @click="openAddDia"
|
>添加受控文件</el-button
|
>
|
<el-button size="small" @click="delFile">删除</el-button>
|
</div>
|
<el-table
|
:data="documentTableData"
|
border
|
style="width: 100%;"
|
tooltip-effect="dark"
|
:row-key="getRowKey"
|
@selection-change="handleSelectionChange"
|
height="30em"
|
>
|
<el-table-column type="selection" width="55%"> </el-table-column>
|
<el-table-column
|
label="序号"
|
prop="id"
|
type="index"
|
width="60"
|
></el-table-column>
|
<el-table-column
|
label="设备名称"
|
prop="deviceName"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="设备编号"
|
prop="deviceNumber"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="设备型号"
|
prop="deviceModel"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="文档编号"
|
prop="documentNumber"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="文件名称"
|
prop="fileName"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="上传人"
|
prop="author"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column
|
label="上传时间"
|
prop="updateTime"
|
show-overflow-tooltip
|
min-width="125"
|
></el-table-column>
|
<el-table-column min-width="100" label="操作" fixed="right">
|
<template v-slot="scope">
|
<el-button
|
type="text"
|
size="small"
|
@click="downloadFile(scope.row.fileSystemName)"
|
>下载</el-button
|
>
|
<el-button type="text" @click="editFun(scope.row, scope.$index)"
|
>编辑</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<span slot="footer">
|
<el-button @click="dialogVisible = false" size="small">取 消</el-button>
|
<el-button size="small" type="primary" @click="submitFun"
|
>提交</el-button
|
>
|
</span>
|
</el-dialog>
|
<el-dialog
|
:visible.sync="dialogVisible1"
|
title="添加设备作业指导书"
|
width="40%"
|
>
|
<div style="height: 50vh;">
|
<el-form ref="form" :model="form" label-width="90px">
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item
|
label="文件类型:"
|
prop="documentType"
|
:rules="[
|
{ required: true, message: '请输入文件类型', trigger: 'blur' }
|
]"
|
>
|
<el-input
|
v-model="form.documentType"
|
clearable
|
size="small"
|
placeholder="请输入文件类型"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="设备名称:"
|
prop="deviceName"
|
:rules="[
|
{ required: true, message: '请选择设备', trigger: 'change' }
|
]"
|
>
|
<el-select
|
v-model="form.deviceName"
|
size="small"
|
clearable
|
style="width: 100%"
|
placeholder="请选择设备名称"
|
@change="onDeviceNameChange"
|
filterable
|
>
|
<el-option
|
v-for="item in deviceNameOption"
|
:key="item.id"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item
|
label="文档编号:"
|
prop="documentNumber"
|
:rules="[
|
{ required: true, message: '请输入文档编号', trigger: 'blur' }
|
]"
|
>
|
<el-input
|
v-model="form.documentNumber"
|
size="small"
|
clearable
|
placeholder="请输入文档编号"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="管理编号:">
|
<el-input
|
v-model="form.deviceNumber"
|
size="small"
|
clearable
|
disabled
|
placeholder="请输入管理编号"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item
|
label="文件版本:"
|
prop="documentVersion"
|
:rules="[
|
{ required: true, message: '请输入文件版本', trigger: 'blur' }
|
]"
|
>
|
<el-input
|
v-model="form.documentVersion"
|
size="small"
|
placeholder="请输入文件版本"
|
clearable
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item
|
label="作者:"
|
prop="author"
|
:rules="[
|
{ required: true, message: '请输入作者', trigger: 'blur' }
|
]"
|
>
|
<el-input
|
v-model="form.author"
|
size="small"
|
clearable
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item
|
label="提交日期:"
|
prop="submitDate"
|
:rules="[
|
{
|
required: true,
|
message: '请选择提交日期',
|
trigger: 'change'
|
}
|
]"
|
>
|
<el-date-picker
|
v-model="form.submitDate"
|
format="yyyy-MM-dd"
|
style="width: 100%"
|
size="small"
|
clearable
|
placeholder="选择日期"
|
type="date"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item
|
label="文档说明:"
|
prop="documentNote"
|
:rules="[
|
{ required: true, message: '请输入文档说明', trigger: 'blur' }
|
]"
|
>
|
<el-input
|
v-model="form.documentNote"
|
placeholder="请输入文档说明"
|
type="textarea"
|
clearable
|
></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="附件：" style="float: left;">
|
<el-upload
|
ref="uploadFile"
|
:action="action"
|
:before-remove="beforeRemove"
|
:file-list="fileList"
|
:headers="headers"
|
:limit="1"
|
:on-error="onError"
|
:on-exceed="handleExceed"
|
:on-remove="handleRemove"
|
:on-success="onSuccess"
|
class="upload-demo"
|
multiple
|
>
|
<el-button size="small" type="primary">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<span slot="footer">
|
<el-button @click="closeDia" size="small">取 消</el-button>
|
<el-button type="primary" @click="addFile" size="small"
|
>确 定</el-button
|
>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import fileDownload from "../../../util/file";
|
|
export default {
|
props: {
|
clickNodeVal: {
|
type: Object,
|
default: () => {
|
return {};
|
}
|
}
|
},
|
name: "",
|
components: {},
|
data() {
|
return {
|
search: {
|
size: 20,
|
current: 1,
|
total: 0
|
},
|
dialogVisible: false,
|
dialogVisible1: false,
|
value: "",
|
selectRow: null,
|
device: null,
|
tableDataIndex: "",
|
form: {
|
documentType: "",
|
documentNumber: "",
|
deviceName: "",
|
deviceModel: "",
|
deviceNumber: "",
|
fileName: "",
|
fileSystemName: "",
|
submitDate: "",
|
documentNote: ""
|
},
|
tableData: [],
|
documentTableData: [],
|
formData: {},
|
fileList: [],
|
fileList1: [],
|
laboratoryNameIsNull: false,
|
devices: [], //设备列表数据
|
deviceNameOption: [], //设备名称下拉框数据
|
entity: {
|
deviceName: null,
|
laboratoryName: "",
|
storagePoint: ""
|
},
|
selectedRow: [],
|
instructionForm: {
|
applicationNumber: "", // 申请编号
|
applicationDepartment: "", // 申请部门
|
personLiable: "", // 责任人
|
controlledApplicationDescription: "" // 受控申请说明
|
}
|
};
|
},
|
mounted() {
|
this.getAllDevice();
|
this.getList();
|
},
|
watch: {
|
// 监听点击el-tree的数据，进行数据刷新
|
clickNodeVal(newVal) {
|
if (newVal) {
|
this.getList();
|
this.clickSidebar(newVal);
|
}
|
},
|
dialogVisible(newVal) {
|
if (newVal === false) {
|
this.instructionForm = {};
|
this.documentTableData = [];
|
this.fileList1 = [];
|
}
|
}
|
},
|
methods: {
|
approval(row) {
|
this.$confirm("是否审批通过！", "提示", {
|
confirmButtonText: "通过",
|
cancelButtonText: "不通过",
|
type: "warning"
|
})
|
.then(() => {
|
this.approvalFun(row.id, true);
|
})
|
.catch(() => {
|
this.approvalFun(row.id, false);
|
});
|
},
|
approvalFun(id, status) {
|
this.$axios
|
.get(
|
this.$api.deviceCheck.approvalOfHomeworkInstructionManual +
|
"?id=" +
|
id +
|
"&status=" +
|
status
|
)
|
.then(res => {
|
this.getList();
|
});
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
},
|
getRowKey(row) {
|
return row.index;
|
},
|
deleteHomeworkGuidebook(row) {
|
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
this.$axios
|
.get(
|
this.$api.deviceCheck.homeworkGuidebook +
|
"?id=" +
|
row.id +
|
"&instructionId=" +
|
row.instructionId
|
)
|
.then(res => {
|
this.$message.success("删除成功！");
|
this.getList();
|
});
|
})
|
.catch(() => {
|
this.$message({
|
type: "info",
|
message: "已取消删除"
|
});
|
});
|
},
|
downloadFile(fileName) {
|
let state = /\.(jpg|jpeg|png|gif)$/i.test(fileName);
|
if (state) {
|
let url = this.javaApi + "/img/" + fileName;
|
fileDownload.downloadIamge(url, fileName);
|
} else {
|
const url = this.javaApi + "/word/" + fileName;
|
const link = document.createElement("a");
|
link.href = url;
|
link.download = fileName;
|
link.click();
|
this.$message.success("下载成功");
|
}
|
},
|
instructionEditFun(row) {
|
this.dialogVisible = true;
|
this.$axios
|
.get(
|
this.$api.deviceCheck.homeworkGuidebookEditor +
|
"?instructionId=" +
|
row.instructionId
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.instructionForm = res.data.instruction;
|
if (this.instructionForm.fileSystemName) {
|
this.fileList1.push({ name: this.instructionForm.fileName });
|
}
|
this.documentTableData = res.data.list;
|
// 删除用
|
this.documentTableData.forEach((v, k) => {
|
v.index = k;
|
});
|
}
|
});
|
},
|
handleSizeChange(val) {
|
this.search.size = val;
|
this.getList();
|
},
|
handleCurrentChange(val) {
|
this.search.current = val;
|
this.getList();
|
},
|
submitFun() {
|
this.$refs.form1.validate(valid => {
|
if (valid) {
|
this.instructionForm.feTempHumRecordList = this.documentTableData;
|
this.$axios
|
.post(
|
this.$api.deviceCheck.newHomeworkGuidebookAdded,
|
this.instructionForm,
|
{
|
headers: {
|
"Content-Type": "application/json"
|
}
|
}
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.$message.success("操作成功！");
|
this.dialogVisible = false;
|
this.getList();
|
}
|
});
|
} else {
|
return false;
|
}
|
});
|
},
|
clickSidebar(clickNodeVal) {
|
this.laboratoryNameIsNull = false;
|
// 是否存在value，存在value代表为三级
|
if (!clickNodeVal.value) {
|
this.list = [];
|
this.entity.laboratoryName = null;
|
this.entity.storagePoint = null;
|
// 等于1代表为树的一级，label为部门
|
if (clickNodeVal.label === "其他") {
|
this.laboratoryNameIsNull = true;
|
this.getAllDevice();
|
return;
|
}
|
if (clickNodeVal.level === 1) {
|
this.entity.laboratoryName = clickNodeVal.label;
|
// 等于二级。label为存储地点
|
} else if (clickNodeVal.level === 2) {
|
// 其他表示没有配置实验室，只配置了地点
|
if (clickNodeVal.parent.label === "其他") {
|
this.laboratoryNameIsNull = true;
|
} else {
|
this.entity.laboratoryName = clickNodeVal.parent.label;
|
}
|
this.entity.storagePoint = clickNodeVal.label;
|
}
|
this.getAllDevice();
|
}
|
},
|
// 新增
|
addFile() {
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
if (this.tableDataIndex !== undefined) {
|
this.$set(this.documentTableData, this.tableDataIndex, this.form);
|
this.dialogVisible1 = false;
|
this.$message.success("修改成功");
|
console.log(
|
"this.documentTableData---edit",
|
this.documentTableData[this.tableDataIndex]
|
);
|
} else {
|
this.documentTableData.push(this.form);
|
this.dialogVisible1 = false;
|
this.$message.success("添加成功");
|
}
|
} else {
|
return false;
|
}
|
});
|
},
|
openAddDia() {
|
this.dialogVisible1 = true;
|
this.tableDataIndex = undefined;
|
this.form = {
|
documentType: "",
|
documentNumber: "",
|
deviceName: "",
|
deviceModel: "",
|
deviceNumber: "",
|
fileName: "",
|
fileSystemName: "",
|
submitDate: "",
|
documentNote: ""
|
};
|
this.form.deviceName = this.clickNodeVal.label;
|
this.onDeviceNameChange();
|
this.fileList = [];
|
},
|
editFun(row, index) {
|
this.form = { ...row };
|
this.tableDataIndex = index;
|
console.log("this.tableDataIndex", this.tableDataIndex);
|
// 回显列表
|
if (this.form.fileSystemName) {
|
this.fileList.push({ name: this.form.fileName });
|
}
|
this.dialogVisible1 = true;
|
},
|
closeDia() {
|
this.dialogVisible1 = false;
|
this.$refs["form"].resetFields();
|
this.fileList = [];
|
},
|
handleSelectionChange(selected) {
|
this.selectedRow = selected;
|
},
|
async delFile() {
|
if (this.selectedRow.length === 0) {
|
this.$message.error("请选择要删除的选项");
|
return;
|
}
|
// 删除保存好的数据
|
let ids = this.selectedRow
|
.filter(item => item.id !== undefined)
|
.map(item => item.id)
|
.join(",");
|
//有错误
|
const res = await this.$axios.get(
|
this.$api.deviceCheck.deleteHomeworkGuidebook + "?ids=" + ids
|
);
|
if (res.code === 200) {
|
// 删除视图的数据
|
for (const resKey in this.selectedRow) {
|
this.documentTableData = this.documentTableData.filter(
|
item => item.index === this.selectedRow[resKey].index
|
);
|
}
|
this.$message.success({
|
message: "删除成功",
|
type: "success"
|
});
|
}
|
},
|
onSuccess(response, file, fileList) {
|
this.form.fileName = file.name;
|
this.form.fileSystemName = response.data;
|
},
|
onSuccess1(response, file, fileList) {
|
this.instructionForm.fileName = file.name;
|
this.instructionForm.fileSystemName = response.data;
|
},
|
onError(error, file, fileList) {
|
this.$message.error("上传失败:", error, file, fileList);
|
},
|
handleRemove(file, fileList) {
|
this.form.fileName = "";
|
this.form.fileSystemName = "";
|
},
|
handleRemove1(file, fileList) {
|
this.form.fileName = "";
|
this.form.fileSystemName = "";
|
},
|
beforeRemove(file) {
|
return this.$confirm(`确定移除 ${file.name}？`);
|
},
|
handleExceed(files, fileList) {
|
this.$message.warning(
|
`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件。`
|
);
|
},
|
getList() {
|
this.$axios
|
.get(
|
this.$api.deviceCheck.pageByPageQueryOfHomeworkInstructions +
|
"?size=" +
|
this.search.size +
|
"¤t=" +
|
this.search.current
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.tableData = res.data.records;
|
this.search.total = res.data.total;
|
}
|
});
|
},
|
getAllDevice() {
|
this.$axios
|
.post(
|
this.$api.deviceScope.selectDeviceParameter +
|
"?laboratoryNameIsNull=" +
|
this.laboratoryNameIsNull,
|
{
|
page: {
|
current: 1,
|
size: -1
|
},
|
entity: this.entity
|
},
|
{
|
headers: {
|
"Content-Type": "application/json"
|
}
|
}
|
)
|
.then(res => {
|
if (res.code == 200) {
|
this.devices = res.data.body.records;
|
this.updateDeviceNameOptions();
|
}
|
});
|
},
|
// 更新设备名称下拉框的选项
|
updateDeviceNameOptions() {
|
this.deviceNameOption = this.devices.map(device => ({
|
value: device.deviceName,
|
label: device.deviceName
|
}));
|
},
|
// 设备名称改变时触发
|
onDeviceNameChange() {
|
// 根据选中的设备名称，更新管理编号下拉框的选项
|
const selectedDevice = this.devices.find(
|
device => device.deviceName === this.form.deviceName
|
);
|
if (selectedDevice) {
|
this.form.deviceNumber = selectedDevice.managementNumber;
|
this.form.deviceModel = selectedDevice.specificationModel;
|
this.form.deviceId = selectedDevice.id;
|
}
|
}
|
},
|
computed: {
|
headers() {
|
return {
|
token: sessionStorage.getItem("token")
|
};
|
},
|
action() {
|
return this.javaApi + this.$api.personnel.saveCNASFile;
|
}
|
}
|
};
|
</script>
|
|
<style scoped>
|
h4 {
|
font-weight: 400;
|
font-size: 16px;
|
display: flex;
|
justify-content: flex-end;
|
margin: 10px 0;
|
}
|
</style>
|
