| | |
| | | </el-button> |
| | | </div> |
| | | <div> |
| | | <el-button @click="handleExport" |
| | | style="margin-right: 10px">导出</el-button> |
| | | <el-button type="primary" |
| | | @click="openForm('add')">新增危险源</el-button> |
| | | <el-button type="danger" |
| | |
| | | </el-dialog> |
| | | <!-- 查看知识详情弹窗 --> |
| | | <el-dialog v-model="viewDialogVisible" |
| | | title="知识详情" |
| | | title="危险源详情" |
| | | width="900px" |
| | | :close-on-click-modal="false"> |
| | | <div class="knowledge-detail"> |
| | |
| | | |
| | | // 表单验证规则 |
| | | const rules = { |
| | | title: [{ required: true, message: "请输入知识标题", trigger: "blur" }], |
| | | type: [{ required: true, message: "请选择知识类型", trigger: "change" }], |
| | | problem: [{ required: true, message: "请描述遇到的问题", trigger: "blur" }], |
| | | solution: [ |
| | | { required: true, message: "请详细描述解决方案", trigger: "blur" }, |
| | | code: [{ required: true, message: "请输入危险源编码", trigger: "blur" }], |
| | | name: [{ required: true, message: "请输入危险源名称", trigger: "blur" }], |
| | | type: [{ required: true, message: "请选择危险源类型", trigger: "change" }], |
| | | location: [{ required: true, message: "请输入所在位置", trigger: "blur" }], |
| | | controlMeasures: [ |
| | | { required: true, message: "请输入管控措施", trigger: "blur" }, |
| | | ], |
| | | stockQty: [{ required: true, message: "请输入库存数量", trigger: "blur" }], |
| | | principalUser: [ |
| | | { required: true, message: "请输入管控责任人", trigger: "blur" }, |
| | | ], |
| | | riskLevel: [{ required: true, message: "请选择风险等级", trigger: "change" }], |
| | | }; |
| | | |
| | | // 响应式数据 |
| | |
| | | const openForm = (type, row = null) => { |
| | | dialogType.value = type; |
| | | if (type === "add") { |
| | | dialogTitle.value = "新增知识"; |
| | | dialogTitle.value = "新增危险源"; |
| | | // 重置表单 |
| | | Object.assign(form.value, { |
| | | code: "", |
| | |
| | | type: "", |
| | | }); |
| | | } else if (type === "edit" && row) { |
| | | dialogTitle.value = "编辑知识"; |
| | | dialogTitle.value = "编辑危险源"; |
| | | Object.assign(form.value, { |
| | | id: row.id, |
| | | code: row.code, |
| | |
| | | dialogVisible.value = true; |
| | | }; |
| | | |
| | | // 查看知识详情 |
| | | // 查看危险源详情 |
| | | const viewKnowledge = row => { |
| | | currentKnowledge.value = { ...row }; |
| | | viewDialogVisible.value = true; |
| | |
| | | return ""; |
| | | }; |
| | | |
| | | // 提交知识表单 |
| | | // 提交危险源表单 |
| | | const submitForm = async () => { |
| | | try { |
| | | await formRef.value.validate(); |
| | |
| | | } |
| | | }; |
| | | |
| | | // 删除知识 |
| | | // 删除危险源 |
| | | const handleDelete = () => { |
| | | if (selectedIds.value.length === 0) { |
| | | ElMessage.warning("请选择要删除的知识"); |
| | | ElMessage.warning("请选择要删除的危险源"); |
| | | return; |
| | | } |
| | | |