From 49aee4d0b0b71c844f50e34479b7acd07f667f83 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 13 六月 2025 13:46:42 +0800 Subject: [PATCH] 修改 --- src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue | 378 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 378 insertions(+), 0 deletions(-) diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue new file mode 100644 index 0000000..e8d2b7d --- /dev/null +++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue @@ -0,0 +1,378 @@ +<template> + <div class="notice"> + <el-dialog + v-model="dialogVisible" + :title="title" + width="50%" + :before-close="handleClose" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="120px" > + <el-row :gutter="24"> + <el-col :span="12"> + <el-form-item label="年份:" prop="creditCode" > + <el-select + v-model="state.form.year" + placeholder="请选择年份" + style="width: 100%" + > + <el-option + v-for="item in state.yearList" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="序号:" prop="creditCode" > + <el-input v-model="state.form.code" placeholder="请输入序号" style="width: 100%"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24"> + <el-col :span="12"> + <el-form-item label="质量目标级别:" prop="creditCode" > + <el-select + v-model="state.form.level" + placeholder="请选择质量目标级别" + style="width: 100%" + > + <el-option + v-for="item in state.levelList" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="公司名称:" prop="creditCode" v-if="state.form.level == 1"> + <el-input v-model="state.form.companyName" disabled></el-input> + </el-form-item> + <el-form-item label="部门名称:" prop="creditCode" v-else-if="state.form.level == 2"> + <el-select + v-model="state.form.dept" + placeholder="请选择部门" + style="width: 240px" + > + <el-option + v-for="item in state.deptList" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24"> + <el-col :span="24"> + <el-form-item :label= "state.form.level==1 ? '公司质量目标' :state.form.level==2 ?'部门质量目标':'质量目标'" > + <div style="display: flex;width: 100%"> + <el-table :data="state.form.objectList" :border="true"> + <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> + <el-table-column label="目标" align="center" > + <template #default="{row,$index}"> + <el-form-item :prop="'objectList.' + '[' + $index + ']' + '.objName'" :rules="state.rules.objName"> + <el-input v-model.number="row.objName" placeholder="请输入质量目标"></el-input> + </el-form-item> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope" > + <el-button link type="danger" @click="handleDelete(scope.row)" >删除</el-button> + </template> + </el-table-column> + </el-table> + <el-button + style="margin-left: 20px" + type="primary" + @click="addObject" + >新增</el-button> + </div> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24"> + <el-col :span="24"> + <el-form-item label="目标测量方法:" prop="method" > + <el-input v-model="state.form.method" :rows="4" type="textarea" placeholder="请输入目标测量方法"/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24" v-if="state.form.level == 2"> + <el-col :span="12"> + <el-form-item label="编制:" prop="creditCode" > + <el-select + v-model="state.form.peopleName" + filterable + remote + @change="selectValue" + reserve-keyword + placeholder="请输入人员名称" + remote-show-suffix + :remote-method="getPeopleList" + style="width: 240px" + > + <el-option + v-for="item in state.peopleList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="日期:" prop="creditCode" > + <el-date-picker + v-model="value1" + type="date" + placeholder="请选择日期" + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24" > + <el-col :span="12"> + <el-form-item label="质量管理部:" prop="creditCode" > + <el-select + v-model="state.form.peopleName2" + filterable + remote + @change="selectValue" + reserve-keyword + placeholder="请输入人员名称" + remote-show-suffix + :remote-method="getPeopleList" + style="width: 240px" + > + <el-option + v-for="item in state.peopleList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="日期:" prop="creditCode" > + <el-date-picker + v-model="value1" + type="date" + placeholder="请选择日期" + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="24"> + <el-col :span="12"> + <el-form-item label="公司分管领导:" prop="creditCode" > + <el-select + v-model="state.form.peopleName3" + filterable + remote + @change="selectValue" + reserve-keyword + placeholder="请输入人员名称" + remote-show-suffix + :remote-method="getPeopleList" + style="width: 240px" + > + <el-option + v-for="item in state.peopleList" + :key="item.id" + :label="item.name" + :value="item.name" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="日期:" prop="creditCode" > + <el-date-picker + v-model="value1" + type="date" + placeholder="请选择日期" + /> + </el-form-item> + </el-col> + </el-row> + </el-form> + <template #footer> + <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 {onMounted, reactive, ref, toRefs} from 'vue' +import Cookies from "js-cookie"; +import {getCompany} from "@/api/onlineEducation/company"; +import {ElMessage} from "element-plus"; +import {getUser} from "@/api/onlineEducation/user"; + +const dialogVisible = ref(false); +const title = ref(""); +const busRef = ref(); +const length = ref() +const emit = defineEmits(["getList"]); +const dataRef = ref(); +const state = reactive({ + form: { + id: '', + objectList:[], + + }, + rules: { + objName: [ + {required: true, message: "质量目标不能为空", trigger: "blur"} + ], + }, + deptList: [], + peopleList: [], + yearList: [ + { + value: 1, + label: '2025年' + }, + { + value: 2, + label: '2024年' + }, + { + value: 3, + label: '2023年' + }, + ], + levelList: [ + { + value: 1, + label: '公司级' + }, + { + value: 2, + label: '部门级' + }, + ] +}) + +onMounted(() => { + const userInfo = JSON.parse(Cookies.get('userInfo')) + state.form.companyName = userInfo.companyName + state.form.companyId = userInfo.companyId + +}); +const openDialog = async (type, value) => { + title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; + if(type === 'edit' || type === 'view') { + state.form = JSON.parse(JSON.stringify(value)); + } + dialogVisible.value = true; +} +const addObject = () => { + state.form.objectList.push({}) +} +const onSubmit = async () => { + const valid = await busRef.value.validate(); + if(valid){ + if(title.value === '新增'){ + console.log('sta',state.form) + // const {id, ...data} = JSON.parse(JSON.stringify(state.form)) + // const res = await addCompany(data) + // if(res.code === 200){ + // ElMessage({ + // type: 'success', + // message: '新增成功' + // }); + // }else{ + // ElMessage.warning(res.message) + // } + emit("getList") + busRef.value.clearValidate(); + reset(); + dialogVisible.value = false; + }else if(title.value === '编辑'){ + // const {...data} = JSON.parse(JSON.stringify(state.form)) + // const res = await editCompany(data) + // if(res.code === 200){ + // ElMessage({ + // type: 'success', + // message: '编辑成功' + // }); + // }else{ + // ElMessage.warning(res.message) + // } + emit("getList") + busRef.value.clearValidate(); + reset(); + dialogVisible.value = false; + } + } +} + +const handleClose = () => { + busRef.value.clearValidate(); + reset(); + dialogVisible.value = false; + emit("getList") + +} +const reset = () => { + state.form = { + id: '', + + } + state.form.objectList=[] +} +const handleDelete = (val) => { + state.form.objectList = state.form.objectList.filter(item=> item != val) +} +const getPeopleList = async (val)=>{ + if(val != ""){ + const queryParams = { + name: val + } + const res = await getUser(queryParams) + if (res.code == 200) { + state.peopleList = res.data.list + + } else { + ElMessage.warning(res.message) + } + } +} +const selectValue = (val) => { + state.peopleList.forEach(item => { + if(item.name === val){ + state.form.peopleId = item.id + } + }) +} + +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