From 0160f427f48cdbdacf1ce8466982a1d3c6f3cc05 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期一, 30 六月 2025 15:14:54 +0800 Subject: [PATCH] 人员管理-新增入职、新增离职页面 --- src/views/personnelManagement/dimission/components/formDia.vue | 166 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 166 insertions(+), 0 deletions(-) diff --git a/src/views/personnelManagement/dimission/components/formDia.vue b/src/views/personnelManagement/dimission/components/formDia.vue new file mode 100644 index 0000000..68185cc --- /dev/null +++ b/src/views/personnelManagement/dimission/components/formDia.vue @@ -0,0 +1,166 @@ +<template> + <div> + <el-dialog + v-model="dialogFormVisible" + :title="operationType === 'add' ? '鏂板绂昏亴' : '缂栬緫浜哄憳'" + width="70%" + @close="closeDia" + > + <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鍛樺伐缂栧彿锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="濮撳悕锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鎬у埆锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="绫嶈疮锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="宀椾綅锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="瀹跺涵浣忓潃锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="绗竴瀛﹀巻锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="涓撲笟锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="韬唤璇佸彿锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="骞撮緞锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鑱旂郴鐢佃瘽锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="绱ф�ヨ仈绯讳汉锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="绱ф�ヨ仈绯讳汉鑱旂郴鐢佃瘽锛�" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍚堝悓骞撮檺锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鍚堝悓寮�濮嬫棩鏈燂細" prop="purchaseContractNumber"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍚堝悓缁撴潫鏃ユ湡锛�" prop="salesLedgerId"> + <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + </el-form> + <template #footer> + <div class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭</el-button> + <el-button @click="closeDia">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + </div> +</template> + +<script setup> +import {ref} from "vue"; + +const dialogFormVisible = ref(false); +const operationType = ref('') +const data = reactive({ + searchForm: { + purchaseContractNumber: "", + }, + form: { + purchaseContractNumber: "", + salesLedgerId: "", + projectName: "", + recorderId: "", + entryDate: "", + productData: [], + supplierName: "", + supplierId: "", + }, + rules: { + purchaseContractNumber: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], + projectName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + supplierId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + }, +}); +const { form, rules } = toRefs(data); + +// 鎵撳紑寮规 +const openDialog = (type, row) => { + dialogFormVisible.value = true; +} +// 鎻愪氦浜у搧琛ㄥ崟 +const submitForm = () => { + +} +// 鍏抽棴寮规 +const closeDia = () => { + // proxy.resetForm("formRef"); + dialogFormVisible.value = false; +}; +defineExpose({ + openDialog, +}); +</script> + +<style scoped> + +</style> \ No newline at end of file -- Gitblit v1.9.3