From 68a3db9a4232c6c75b06ed905d3b76b9847dc298 Mon Sep 17 00:00:00 2001
From: GiveMePast <1248298477@qq.com>
Date: Thu, 26 Feb 2026 15:26:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E7=BC=96=E8=BE=91=E5=91=98=E5=B7=A5?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=94=B9=E4=B8=BA=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customer/EmployeeEditDialog.vue           | 60 +++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/components/customer/EmployeeEditDialog.vue

diff --git a/src/components/customer/EmployeeEditDialog.vue b/src/components/customer/EmployeeEditDialog.vue
new file mode 100644
index 0000000..69ec66f
--- /dev/null
+++ b/src/components/customer/EmployeeEditDialog.vue
@@ -0,0 +1,60 @@
+<template>
+    <el-dialog :model-value="modelValue" @update:model-value="$emit('update:modelValue', $event)" title="新增客户员工"
+        width="450px">
+        <el-form :model="form" label-width="100px">
+            <el-form-item label="员工姓名" required>
+                <el-input v-model="form.employee_name" placeholder="请输入姓名" />
+            </el-form-item>
+            <el-form-item label="所属客户" required>
+                <el-select v-model="form.customer_id" placeholder="请选择归属单位" style="width: 100%">
+                    <el-option v-for="item in customerList" :key="item.customer_id" :label="item.company_name"
+                        :value="item.customer_id" />
+                </el-select>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="$emit('update:modelValue', false)">取消</el-button>
+            <el-button type="success" @click="handleSubmit">保存员工</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import { customerApi } from "@/api/ticket";
+
+const props = defineProps({
+    modelValue: Boolean,
+    customerList: Array,
+});
+const emit = defineEmits(["update:modelValue", "success"]);
+
+const form = ref({ employee_name: "", customer_id: null });
+
+watch(
+    () => props.modelValue,
+    (val) => {
+        if (val) form.value = { employee_name: "", customer_id: null };
+    }
+);
+
+const handleSubmit = async () => {
+    if (!form.value.employee_name || !form.value.customer_id) {
+        return ElMessage.error("请填写员工姓名并选择所属单位");
+    }
+    try {
+        const res = await customerApi.addEmployee({
+            emp_name: form.value.employee_name,
+            customer_id: form.value.customer_id,
+        });
+        if (res.code === 200) {
+            ElMessage.success("员工保存成功");
+            emit("success");
+            emit("update:modelValue", false);
+        }
+    } catch (error) {
+        ElMessage.error("保存失败");
+    }
+};
+</script>