From 9b998490450d23422bd9769522c42c4952db0263 Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期一, 18 八月 2025 16:51:01 +0800 Subject: [PATCH] 修改新增 --- src/views/work/qualityInfo/outsourcingCooperate/outsourcedProductName/components/editDialog.vue | 168 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 168 insertions(+), 0 deletions(-) diff --git a/src/views/work/qualityInfo/outsourcingCooperate/outsourcedProductName/components/editDialog.vue b/src/views/work/qualityInfo/outsourcingCooperate/outsourcedProductName/components/editDialog.vue new file mode 100644 index 0000000..4edab53 --- /dev/null +++ b/src/views/work/qualityInfo/outsourcingCooperate/outsourcedProductName/components/editDialog.vue @@ -0,0 +1,168 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="state.title" + width="700px" + :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="请选择" :disabled="state.title =='查看'" clearable style="width: 100%"> + <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="supplierId"> + <el-select v-model="state.form.supplierId" placeholder="请选择" :disabled="state.title =='查看'" clearable style="width: 100%"> + <el-option + v-for="item in state.supplierList" + :key="item.id" + :label="item.supplierName" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="产品名称:" prop="productName"> + <el-input v-model.trim="state.form.productName" :readonly="state.title =='查看'" placeholder="产品名称"></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 {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user" +import {Base64} from "js-base64" +import {getCompany} from "@/api/onlineEducation/company"; +import {updateInfoPlatforms} from "@/api/staffManage/staff"; +import {getSupplierPage} from "@/api/supplier/supplierList"; +import {updateOutsourcedProductNameList} from "@/api/outsourcingCooperate/outsourcingCooperate"; + +const emit = defineEmits(["getList"]); +const dialogVisible = ref(false) +const superRef = ref() +const state = reactive({ + title: '', + form: { + id: null, + companyId: null, + productName: '', + supplierId: null, + supplierName: '' + }, + formRules:{ + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], + productName: [{ required: true, message: '请输入外包产品名称', trigger: 'blur' }], + supplierId: [{ required: true, message: '请选择供应商', trigger: 'blur' }] + }, + isAdmin: false, + companyList: [], + supplierList: [] +}) +onMounted(() => { + +}); + +const openDialog = async (type, value,companyId, isAdmin, companyList) => { + state.isAdmin = isAdmin + if(isAdmin){ + state.companyList = companyList + } + await getSupplierList() + 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 getSupplierList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getSupplierPage(queryParams) + if (res.code == 200) { + state.supplierList = res.data.list?res.data.list:[] + } else { + ElMessage.warning(res.message) + } +} + +const onSubmit = async () => { + const valid = await superRef.value.validate(); + if(valid){ + let data = {} + if(state.title == '新增'){ + data = { + companyId: state.form.companyId, + productName: state.form.productName, + supplierId: state.form.supplierId, + supplierName: state.supplierList.find(i=>i.id == state.form.supplierId)?.supplierName + } + }else{ + data = state.form + } + const res = await updateOutsourcedProductNameList(data) + if(res.code == 200){ + ElMessage.success(res.message) + emit('getList') + handleClose() + dialogVisible.value = false; + }else{ + ElMessage.warning(res.message) + } + + } +} + +const handleClose = () => { + state.form = { + id: null, + companyId: null, + productName: '', + supplierId: null, + supplierName: '' + } + 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