From 7e810cf016d1b637b693eeca4a4d8447083c68e2 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期四, 07 八月 2025 14:59:34 +0800 Subject: [PATCH] 修改 --- src/views/work/qualityInfo/infrastructureMng/ledger/components/editDialog.vue | 262 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 262 insertions(+), 0 deletions(-) diff --git a/src/views/work/qualityInfo/infrastructureMng/ledger/components/editDialog.vue b/src/views/work/qualityInfo/infrastructureMng/ledger/components/editDialog.vue new file mode 100644 index 0000000..720804b --- /dev/null +++ b/src/views/work/qualityInfo/infrastructureMng/ledger/components/editDialog.vue @@ -0,0 +1,262 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="50%" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > + <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> + <el-select v-model="state.form.companyId" placeholder="请选择" clearable @change="getDeptList" :disabled="state.title =='查看'"> + <el-option + v-for="item in state.companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="名称型号:" prop="model"> + <el-input v-model.trim="state.form.model"></el-input> + </el-form-item> + <el-form-item label="部门:" prop="deptId"> + <el-select + clearable + v-model="state.form.deptId" + :disabled="state.title =='查看'" + filterable + placeholder="选择部门" + style="width: 100%" + > + <el-option + v-for="item in state.deptList" + :key="item.deptId" + :label="item.deptName" + :value="item.deptId" + /> + </el-select> + </el-form-item> + <el-form-item label="责任人/使用人:" prop="personResponsible"> + <el-select clearable v-model="state.form.personResponsible" :disabled="state.title =='查看'" filterable placeholder="责任人/使用人" style="width: 100%"> + <el-option + v-for="item in state.userList" + :key="item.id" + :label="item.name" + :value="item.id" + /> + </el-select> + </el-form-item> + <el-form-item label="设备类型:" prop="deviceType"> + <el-select v-model="state.form.deviceType" :disabled="state.title =='查看'" placeholder="请选择" clearable> + <el-option key="1" label="生产设备" :value="1"></el-option> + <el-option key="2" label="办公自动化设备" :value="2"></el-option> + </el-select> + </el-form-item> + <el-form-item label="编号:" prop="number"> + <el-input v-model.trim="state.form.number" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="品牌:" prop="brand"> + <el-input v-model.trim="state.form.brand" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="密级/类型:" prop="confidentiality"> + <el-input v-model.trim="state.form.confidentiality" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="状态:" prop="status"> + <el-select v-model="state.form.status" :disabled="state.title =='查看'" placeholder="请选择" clearable> + <el-option key="1" label="完好" :value="1"></el-option> + <el-option key="2" label="损坏" :value="2"></el-option> + </el-select> + </el-form-item> + <el-form-item label="用途:" prop="purpose"> + <el-input v-model.trim="state.form.purpose" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="使用地点:" prop="location"> + <el-input v-model.trim="state.form.location" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="使用情况:" prop="used"> + <el-input v-model.trim="state.form.used" :readonly="state.title =='查看'"></el-input> + </el-form-item> + <el-form-item label="备注:" prop="remark"> + <el-input v-model.trim="state.form.remark" :readonly="state.title =='查看'"></el-input> + </el-form-item> + </el-form> + <template #footer v-if="state.title !='查看'"> + <span class="dialog-footer"> + <el-button @click="handleClose" size="default">取 消</el-button> + <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认</el-button> + </span> + </template> + </el-dialog> + </div> +</template> +<script setup> +import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue' +import {ElMessage} from "element-plus"; +import {Base64} from "js-base64" +import {getToken} from "@/utils/auth"; +import { + addInternalAuditCheck, getInternalAuditCheckInfo, + updateInternalAuditCheck +} from "@/api/innerReview/meetingReview"; +import {getDepart} from "@/api/orgStructure/depart"; +import {listUser} from "@/api/system/user"; +import {addStandingBook, updateStandingBook} from "@/api/infrastructureMng/ledger"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() + +const state = reactive({ + title: '', + form: { + id: null, + model: '', + deptId: null, + personResponsible: null, + deviceType: null, + number: '', + brand: '', + confidentiality: '', + status: null, + purpose: '', + location: '', + used: '', + remark: '', + companyId: null + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + deptId: [{ required: true, message: '请选择受部门', trigger: 'blur' }], + model: [{ required: true, message: '请填写名称型号', trigger: 'blur' }], + personResponsible: [{ required: true, message: '请选择责任人/使用人', trigger: 'blur' }], + deviceType: [{ required: true, message: '请选择设备类型', trigger: 'blur' }], + number: [{ required: true, message: '请填写编号', trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + deptList: [], + userList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + await getUserList(companyId) + await getDepartList(companyId) + state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' + state.form.companyId = companyId + if(state.title == '编辑'||state.title == '查看'){ + Object.keys(state.form).forEach(key => { + if (key in value) { + state.form[key] = value[key] + } + }) + } + dialogVisible.value = true +} + + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + if(state.title == '新增'){ + const {id,...data} = state.form + const res = await addStandingBook(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + }else{ + const res = await updateStandingBook(state.form) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + } + } +} + +const getDeptList = async ()=>{ + state.form.deptId = null + state.form.personResponsible = null + await getDepartList(state.form.companyId) + await getUserList(state.form.companyId) +} + +const getDepartList = async (companyId)=> { + const params = { + companyId: companyId + } + const res = await getDepart(params) + if(res.code == 200){ + state.deptList = res.data + }else{ + ElMessage.warning(res.message) + } +} + +const getUserList = async (companyId)=> { + const res = await listUser({pageIndex: 1,pageSize: 999, companyId: companyId}) + if(res.code == 200){ + state.userList = res.data.list?res.data.list:[] + }else{ + ElMessage.warning(res.message) + } +} + +const handleClose = () => { + state.form = { + id: null, + model: '', + deptId: null, + personResponsible: null, + deviceType: null, + number: '', + brand: '', + confidentiality: '', + status: null, + purpose: '', + location: '', + used: '', + remark: '', + companyId: null + } + superRef.value.clearValidate(); + superRef.value.resetFields() + dialogVisible.value = false; +} + +defineExpose({ + openDialog +}); + +</script> + +<style scoped lang="scss"> +.notice{ + :deep(.el-form .el-form-item__label) { + font-size: 15px; + } + .file { + display: flex; + flex-direction: column; + align-items: flex-start; + } +} +</style> -- Gitblit v1.9.2